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


/*^'^ Navigation Structure ^'^*/

body {
        font-family: 		Trebuchet MS, Arial, sans-serif, Helvetica;
}

.nav-container{
	background: 		#990000;
	padding: 		0px;
	height: 		40px;
}


#nav, #nav ul { /* all lists */
	list-style: 		none;
	line-height: 		1;
        background-color: 	#990000;
        font-size:		12px;
        font-weight:		bold;

}

#nav a {
        text-decoration:	none;
	margin: 		10px 0px 0px 0px;
	display: 		block;
	width: 			10em;
        color: 			#FFFFFF;
}
#nav a:hover{
        color: 			#FF9900;
}


#nav li { /* all list items */
	float: 			left;
	width: 			10em; /* width needed or else Opera goes nuts */
}

#nav li ul { /* second-level lists */
	padding:		10px 4px 10px 4px;
	margin:			0px 0px 0px 0px;
	position: 		absolute;
        background-color: 	#FF9900;
        width: 			15em;
	left: 			-999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
        font-weight:		normal;
}

#nav li ul li { /* second-level lists */
        background-color: 	#FF9900;
        width: 			15em;
}

#nav li ul a {
        width: 			20em;
        background-color: 	#FF9900
	padding:		3px 10px 3px 6px;
	margin: 		0px 0px 0px 0px;
}

#nav li ul a:hover {
        color: 			#990000
}

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

#content {
	clear: 			left;
}