@charset "UTF-8";
/* CSS Document 
16Aug10*/


#header {
	width: 100%;
	height: 73px;
	background-color: #090a0b;}
	
	#header img {float:left; margin:0 .25em 0 .25em;}
		
	ul#topnav {
		text-align: center;
		font-size: 12px;
		text-transform: uppercase;
		float: right;
		margin: 0 2em 0 0; 
		padding:0 0 0 39px;
		width: auto;
		list-style: none;
		position: relative;}
		
	ul#topnav li {float: left; margin: 0; padding: 0;}
		
	ul#topnav li a {
		padding: 10px 20px;
		display: block;
		color: #ffff33;
		text-decoration: none;}
	ul#topnav li a:hover {background: url(images/subnavbkg.jpg) repeat-x; color: #0099ff;}
	ul#topnav li a:active {color: #0099ff;}
	
	ul#topnav li span {
		font-size: 90%;
		text-transform:capitalize;
		padding: 15px 0;
		position: absolute;
		top:29px; 
		display: none; 
		background: #192d17 url(images/subnavbkg.jpg) repeat-x;		
		color: #0099ff;
		width: auto; 
		overflow: visible;
		white-space:nowrap;}
		
	ul#topnav li span.about {left: 58px;}
	ul#topnav li span.navservices {left: 218px;}
	/*ul#topnav li span.resources {left: 30px; padding: 7px 0;}
	ul#topnav li span.fire {top: 31px;}
	ul#topnav li span.resources a {padding: 0 15px; display: inline-block;}*/
	ul#topnav li span.resources {left: 80px;}	
	ul#topnav li span.contact {left: 446px;}
	ul#topnav li span a {display: inline; border-right: solid 1px; color: #0099ff;} 
	ul#topnav li span a:hover {text-decoration: underline;}	
	ul#topnav li span a.nonavborder {border-right: none;}

