/* main styles */
body{
background:#000000;
color:#fff;
font:76% Georgia,Verdana,Tahoma,Arial,sans-serif;
margin:0;
padding:0;
text-align:center;
}
h1{
color:#a0a0a0;
font-weight:400;
}

p{
line-height:1.5em;
margin:0 0 15px;
}

a{
color:#8B0000;
font-weight:700;
text-decoration:none;
}

a:hover{
color:#000080;
}

hr{
height:1px;
margin:10px 0;
width:98%;
}

dt{
font-weight:700;
}

dd{
font-style: italic;
margin:1px 0 5px 5px;
}

/* print controls */
@media print{
  body{ background-color:#FFFFFF; background-image:none; color:#000000 }
   #menu{ display:none;}  
  #leftside{ display:none;}
  #rightside{ display:none;}
  #content{ width:100%;}
  #contentalt{ width:100%;}
}

/* the navigation stylesheet */
#slant {border-top:5px solid #000; border-bottom:5px solid #000;}
#slant {padding:0; margin:0; list-style:none;}
#slant li {float:left; text-align:center; margin-right:-20px;} 
#slant a {display:block; text-decoration:none;}
#slant a em {font-style:normal; display:block; padding:0 15px; height:25px; background:#8B0000; float:left; cursor:pointer; color:#000; line-height:24px;}

#slant a b, a span {cursor:pointer; display:block; width:0; overflow:hidden; float:left; background:#8B0000;}

#slant a span {height:0; border-top:25px solid #8B0000; border-right:25px solid #000;}

#slant a b.p1,
#slant a b.p2,
#slant a b.p3,
#slant a b.p4,
#slant a b.p5 {border-top:5px solid #000; border-right:5px solid #8B0000;}

#slant a b.p1 {height:0; margin-top:20px;}
#slant a b.p2 {height:5px; margin-top:15px;}
#slant a b.p3 {height:10px; margin-top:10px;}
#slant a b.p4 {height:15px; margin-top:5px;}
#slant a b.p5 {height:20px;}

#slant a b.p6,
#slant a b.p7,
#slant a b.p8,
#slant a b.p9,
#slant a b.p10 {border-bottom:5px solid #000; border-left:5px solid #8B0000;}

#slant a b.p6 {height:20px;}
#slant a b.p7 {height:15px;}
#slant a b.p8 {height:10px;}
#slant a b.p9 {height:5px;}
#slant a b.p10 {height:0;}

/*  hover and selected navigation */
#slant a:hover {background:#8B0000;}
/*hover, em selected color*/
#slant a:hover em, #slant a.selected em {color:#fff; background:#000080;}

#slant a:hover b.p1, #slant a.selected b.p1,
#slant a:hover b.p2, #slant a.selected b.p2,
#slant a:hover b.p3, #slant a.selected b.p3,
#slant a:hover b.p4, #slant a.selected b.p4,
#slant a:hover b.p5, #slant a.selected b.p5 {border-right-color:#000080; background: #000080;}

#slant a:hover b.p6, #slant a.selected b.p6,
#slant a:hover b.p7, #slant a.selected b.p7,
#slant a:hover b.p8, #slant a.selected b.p8,
#slant a:hover b.p9, #slant a.selected b.p9,
#slant a:hover b.p10, #slant a.selected b.p10 {border-left-color:#000080; background: #000080;}

#slant a:hover span, #slant a.selected span {border-top-color:#000080;}

#slant a.selected:hover b, #slant a.selected:hover em, #slant a.selected:hover span {cursor:default;}

#container{
background:#000000;
margin:0 auto;
text-align:left;

}

#sitename{
background:url(img/header1.jpg) top center no-repeat;
color:#000080;
height:198px;
width:1024px;
margin:0 auto;
text-align:center;
}

#sitename span{
font-size:1.6em;
letter-spacing:-1px;
margin:0;
}

#wrap1{

clear:both;
margin:0 0 0 10px;
padding:0;
width:100%;
}

#wrap2{

padding:20px;

}

#topbox{
color:#a0a0a0;
margin:0 0 0 0px;
text-align:right;
}

#topbox a{
color:#a0a0a0;
}

#topbox a:hover{
text-decoration:none;
}

#leftside{

border-right:1px solid #808080;
float:left;
margin:0 0 0;
width:145px;
height:500px;
}

#leftside h1{
font-size:1.4em;
font-weight:400;
}
#leftside img{
margin:5px 0 0 20px;
padding:0;
}

#rightside{
background:#8B0000;
float:right;
margin:20px 10px 10px 0;
width:185px;
padding:5px;
}

#rightside h1{
color:#fff;
font-size:1em;
font-weight:700;
margin:0 0 0;
}
#rightside h2{
color:#000080;
font-size:1em;
font-weight:700;
margin:0;

}

#rightside p{
font-size:0.9em;
margin:0 0 5px 0;
}
#rightside p a{
font-size:0.9em;
margin:0 0 5px 0;
}

#rightside img{
border:1px solid #000000;
margin:0 0 0 0;
padding:0;
}
#rightside a{
color:#000;
font-weight:400;
 }

#content{
margin:5px 130px 0 160px;
}

#contentalt{
margin:45px 15px 0 180px;
}

#content p,#contentalt p{
margin:8px 0 0 10px;
}

#content h1,#contentalt h1{
color:#000080;
font-size:2em;
font-weight:400;
margin:0 0 0 0;
padding:0;
}

#content h2,#contentalt h2{
color:#000080;
font-size:1.5em;
font-weight:400;
margin:20px 0 10px;
padding:0;
}

#content img,#contentalt img{
border:1px solid #000080;
float:left;
margin:5px 15px 6px;
}

#footer{
clear:both;
color:#a0a0a0;
font-size:0.9em;
height:26px;
margin-top:20px;
padding:1px;
text-align:right;
width:900px;
}

#footer a{
font-weight:400;
}

#footer a:hover{
color:#000080;
text-decoration:underline;
}

.menublock{

margin-bottom:10px;
}

.nav{
color:#a0a0a0;
display:block;
font-size:1.1em;
font-weight:700;
margin-bottom:1px;
padding:2px 2px 2px 10px;
position:relative;
text-decoration:none;
width:125px;
}

.nav:hover{
border:1px solid #ffffff;
color:#000080;
padding:1px 1px 1px 9px;
}

.sub{
font-size:0.9em;
margin-left:20px;
padding:1px 1px 1px 6px;
width:105px;
}

.sub:hover{
border:1px solid #ffffff;
color:#000080;
padding:0 0 0 5px;
}

.intro{
font-weight:700;
}

.active{
border:1px solid #000000;
padding:1px 1px 1px 9px;
}

.box{
color:#fff;
margin:15px auto;
padding: 5px 5px 5px 10px;
width:85%;
}

.box h1{
color:#000080;
font-size:0.75em;
margin:0;
}



.center{
text-align:center;
}

.hide{
display:none;
}