<!--
/* 
 
(c) 2008 Spike Likes, LLC

*/

html {
	}
		/* NAVIGATION ROLL OVERS	*/
			
#nav ul {margin:0; padding:0;}
#nav {
	list-style: none;
	display: block;
	position:relative;
	width:930px; margin:10px 0px 0px 0px;
}

#nav ul {margin:0; padding:0;}
#nav a {display: block; height:34px; position:relative;}
#nav li {display: inline; height:34px; margin: 0px; position:relative; float:left; }

	
#nav a:hover {
		background-position: 0 -34px;
}
#nav a.selected {
		background-position: 0 -34px;
}

#services a {background: url(../gifs/nav_services.gif); width: 97px;}
#equipment a {background: url(../gifs/nav_equipment.gif); width: 188px;}
#about a {background: url(../gifs/nav_about.gif);width:94px;}
#news a {background: url(../gifs/nav_news.gif); width: 119px;}
#resources a {background: url(../gifs/nav_resources.gif); width: 106px;}
#contact  a {background: url(../gifs/nav_contact.gif);width: 113px;}
#response  a {background: url(../gifs/nav_response.gif);width: 212px;}

#nav li:hover ul, #nav li.over ul {display: block; } /* The magic */


/* SUB MENUS */

#subservices li a {width:185px;}
#aboutus li a {width:130px;}

#nav li ul  {
	position: absolute;
	left: -999em;
	top: 34px;
	padding: 0;
	margin:0;
	width:120px; z-index:1;}
	
#nav li  ul li  {
	margin:0;
	font-size: 10px;
	font-family: Arial, Helvetica, sans-serif, sans-serif;
	line-height: 11px;
	text-decoration: none;
	height:auto;
	background-color:#ffffff;
}

#nav li:hover, #nav li.sfhover {text-decoration: none;}

#nav li ul  a:hover {
	text-decoration: none;
	color: #ffffff;
	background-color:#0055a5;
	border:1px solid #96c0e6;
}


#nav li ul li a {
	text-decoration: none;
	color: #455560;
	background-color:#ffcc00;
	background:  url(../gifs/brck_chemical_spill.gif) no-repeat 100%;
	padding:8px 0px 2px 5px;
	border:1px solid #b0b6bb;
	height:15px;
}


#nav li ul a.selected {
	color: #ffffff;
	background-color:#0055a5;
	border:1px solid #96c0e6;
}
#nav li ul a.double {
	height:25px;}

	
#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {left: 0;}

#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {left: auto;}


 /* UTILITIES */

.wrapper {width:960px; margin-left:auto; margin-right:auto;}
.utility_box {float:right; width:344px; height:19px; background:  url(../gifs/bckgrnd_utility.gif) no-repeat;}
#utility {
	height:24px;
	width:auto;
	font-family: arial, sans-serif;
	font-size: 10px; font-weight:bold; color: #0054a4; text-align:center;
	background-color:#000000; border-top:#455560 2px solid;
	padding: 5px 0px 0px 0px;

}
#utility a:link, #utility a:visited { color:#FFFFFF; padding:0px 10px 0px 10px; text-decoration:none;}
#utility a:hover  {color: #ffd203;}
#utility .on {padding:0px 10px 0px 10px; color: #ffd203;}
#utility .sp {padding:0px 10px 0px 2px; color: #ffffff; letter-spacing: 1px}

 /* FOOTER NAVIGATION */
 
#footer {
	height:26px;
	width:auto;
	margin-top: 5px;
	font-family: arial, sans-serif;
	font-size: 10px; font-weight:bold; color: #0054a4; text-align:center;
	background-color:#000000; border-top:#455560 3px solid;
	padding: 7px 0px 0px 0px;
}
#footer a:link, #footer a:visited { color:#FFFFFF; padding:0px 10px 0px 10px; text-decoration:none;}
#footer a:hover  {color: #ffd203;}
#footer .on {padding:0px 10px 0px 10px; color: #ffd203;}
#footer a.selected {color: #ffd203;}

#copyright {padding:20px 0px 0px 0px; font-size: 10px; color:#c8c9cb; text-align:center; height:90px; width:auto;
background:  url(../gifs/bckgrnd_ds_copyright.gif) repeat-x;}
-->