/* CSS Document */

html {

	margin: 0px;
	padding: 0px;
}


body{
  margin: 0;
  color:#000000;
  background-color:#003366;
  font-family:"Gill Sans", "Gill Sans MT", Arial, Verdana, sans-serif;
  font-size:14px;
  text-align:left;
  padding:5px;
}

h1{
  font-size: 18px;
  font-weight:bold;
  font-family: Optima, Arial, "Times New Roman", serif;
  letter-spacing:1px;
}

h2{
  padding-top: 5px;
  font-family: Optima, Arial, "Times New Roman", serif;
  font-size: 16px; 
}

h3{
  padding-top: 5px;
  font-family:"Gill Sans", "Gill Sans MT", Arial, Verdana, sans-serif;
  font-size: 14px;
}  

h4{
  padding-top: 5px;
  font-size:17px;
  font-weight:bold;
  font-family:"American Typewriter", Courier, Helvetica, Arial, sans-serif; 
	}

a:link{color:#000033; text-decoration:underline;}
a:visited{color:#663366; text-decoration:underline;}
a:hover {color:#000033; text-decoration:none;}
a:focus {color:#000033; text-decoration:none;}



#wrap{
   voice-family: "\"}\""; 
  voice-family:inherit;
   background-color:#003366;
   width: 100%;
   height: 100%;
}

#header{
  background-image:url(images/header3.jpg);
  background-repeat:no-repeat;
  background-position:top;
  margin-top:0;
  width: 800px;
  height: 150px;
  margin-bottom: 10px;
 
}

#header h1{
 font-family:"American Typewriter", Helvetica, Arial, sans-serif;
	padding-left: 150px;
	padding-top: 40px;
	color:#000000;
	font-size:20px;
	font-weight:bold;
}

#header h2{
 font-family:"American Typewriter",  Helvetica, Arial, sans-serif;
	padding-left: 150px;
	color:#000000;
	font-size:12px;
	font-weight:normal;
}		
	


#nav{
  padding-top:10px;
  width: 795px;
  height:  auto;
  padding-right: 5px;
  font-family: "Century Gothic", "Gill Sans", "Gill Sans MT", Arial;
  text-align:center;
}


#nav ul{
  margin:0;
  padding-left: 0;
  white-space: nowrap;
}

#nav li{
  display: inline;
  list-style-type: none;
}

#nav a { 
   font-size:14px;
     background-color:#CCCC99;
	 padding: 4px 10px 5px 10px;
	 margin-left: 6px;
	font-weight:bold;
	border: 1px outset #FFFFCC;
	color: #FFFFFF;
}
  

#nav a:link { color:#003366;  text-decoration:none;}
#nav a:visited {color:#003366;text-decoration:none;}
#nav a:hover { color:#FFFFFF; text-decoration:none; background-color:#003366;}
#nav a:focus {color:#FFFF66; text-decoration:none; }  

#nav a.on { color:#FFFFFF; background-color:#003366; border-bottom: 5px solid #CCCC99; border-top: 2px solid #CCCC99; border-right: 2px solid #CCCC99; border-left: 2px solid #CCCC99; }

#nav a:link.on { color:#FFFFFF; background-color:#003366; border-bottom: 5px solid #CCCC99; border-top: 2px solid #CCCC99; border-right: 2px solid #CCCC99; border-left: 2px solid #CCCC99; }

#nav a:visited.on { color:#FFFFFF; background-color:#003366; border-bottom: 5px solid #CCCC99; border-top: 2px solid #CCCC99; border-right: 2px solid #CCCC99; border-left: 2px solid #CCCC99; }

#nav a:hover.on { color:#FFFFFF; background-color:#003366; border-bottom: 5px solid #CCCC99; border-top: 2px solid #CCCC99; border-right: 2px solid #CCCC99; border-left: 2px solid #CCCC99; }


#sidebar {
   float: left;
   margin-top: 30px;
   margin-left: 5px;
   width: 150px;
   height:auto;
   font-family: "Gill Sans", "Gill Sans MT", Arial;
   font-size:14px;
}   
  
#sidenav {
   float: left;
   width: 150px;
   height:auto;
   color:#CCCC99;
   padding-top: 15px;
   padding-bottom: 20px;	
   line-height: 22px;
  }
 
#sidenav a{
   width: 140px;
   display:block;
   padding-left: 3px;
   margin-left: 5px;
}  
 
 
#sidenav a span{
   margin-left: 8px;  
}    

#sidenav a:link{ color:#FFFFFF; text-decoration:none;}
#sidenav a:visited {color:#FFFFFF; text-decoration:none;}
#sidenav a:hover {color:#003366; text-decoration:none; background-color:#CCCC99; }
#sidenav a:active {color: #FFFF00; text-decoration:none; }



#content {
  background-color:#FFFFFF;
  min-height: 450px;
  width: 575px;
   color:#000000;
   padding: 10px 20px 15px 15px;
   margin-left: 170px;
   margin-top: 25px;
   border-width: 8px;
   border-color:#CCCC99;
   border-style:solid;
      }
	  
#content a:link{ color:#000066; text-decoration:underline;}
#content a:visited {color:#330033; text-decoration:underline;}
#content a:hover, a:active, a:focus{ color:#000066; text-decoration:none;}	  
	  
#content span.indent {
   margin: 2px 15px 3px 20px;
   text-indent:15px;
   display:block;
   color:#000000;
}   	  

#content span.list {
   color: #CC0000;
   font-weight:bold;
}   

#content span.resources{
    color:#000000;
	font-size:larger;
}
	

#content img{
   border-color:#CCCC99;
   border-width:2px;
   border-style:solid;
   margin: 5px;
  } 

#content img.float{
    float:right;
}	

#content li span{
		color:#330033;
		font-weight:bold;
}		

#footer {
	color: #FFFFFF;
	background-color:#003366;
	border-width:3px;
	border-color:#339933;
	border-style:ridge;
    padding: 5px;
	vertical-align:bottom;	
	margin: 10px auto 5px auto;
	width: 450px;
	text-align:center;
	font-size: 14px;
	clear:both;
}

#footer a:link, a:visited{color:#FFFFFF; text-decoration:none; }     
#footer a:hover, a:focus{color:#FFFF00; text-decoration:underline; }