@charset "utf-8";
/* CSS Document */

/******** NAVIGATION STYLES ********/

#container #nav{
	width: 940px;
	background-color: #FFF;
	/*background-color: red;*/
	height: 31px;
}

#container #nav li{
	float: left;
	border-right: 2px solid #FFF;
	font-size: 1.4em;
	list-style-type: none;
}

#container #nav li a{
	display: block;
	padding: 4px 30px 6px;
	color: #8CBA12;
	text-decoration: none;
}

#nav li#nav-about a.nocursor {
	cursor: default;
}

/**** SECOND-LEVEL LISTS ****/

#nonFooter #container #nav li ul {
	position: absolute;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
	padding: 0px 15px 15px 0px;
	margin: 0px;
	z-index: 100;
	height: auto;
	background-image: url(/images/drop-down-shadow.png);
	background-repeat: no-repeat;
	background-position: bottom right;
}

#nonFooter #container #nav li ul li{
	width: auto;
	margin: 0px;
	padding: 0px;
	float: none;
	border-right: none;
	border-bottom: 1px solid #FFF;
	font-size: 1em;
	background-color: #fff;
}

#selected 
{
		background-color: #EAFFAF;
}

#nonFooter #container #nav li ul li a{
	z-index: 100;
	padding: 10px;
	margin: 0px;
	display: block;
	/*background-color: #EAFFAF;
	background-image: url(/images/nav-rollover.jpg);*/
}

/*#nonFooter #container #nav li ul li a:hover{
	background-color: #FFF;
	background-image: none;
}*/

#nonFooter #container #nav li ul li ul{
	margin: 0px;
	padding: 0px; 
}

#nonFooter #container #nav li ul li ul li{
	margin: 0px;
	padding: 0px; 
}

#nonFooter #container #nav li ul li ul li a{
	margin: 0px;
	padding: 0px; 
}

#nonFooter #container #nav li:hover ul ul, 
#nonFooter #container #nav li:hover ul ul ul, 
#nonFooter #container #nav li.sfhover ul ul, 
#nonFooter #container #nav li.sfhover ul ul ul {
	left: -999em;
}

#nonFooter #container #nav li:hover ul, 
#nonFooter #container #nav li li:hover ul, 
#nonFooter #container #nav li li li:hover ul, 
#nonFooter #container #nav li.sfhover ul, 
#nonFooter #container #nav li li.sfhover ul, 
#nonFooter #container #nav li li li.sfhover ul {  /*lists nested under hovered list items*/
	left: auto;
}

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

#nonFooter #container #nav li:hover,
#nonFooter #container #nav li.sfhover {
	text-decoration: none;
	background-color: #FFF;
	background-image: none;
} 


#nonFooter #container #nav li:hover,
#nonFooter #container #nav li.sfhover,
#nonFooter #container #nav li.hover {
	position: static;
background-color: #EAFFAF;
	background-image: url(/images/nav-rollover.jpg);
}

#nav #nav-lawley ul{
	width: 252px;
}