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



#home {background-color: #889b3a;}
#youthtop {background-color: #299daf;}
#prodevtop {background-color: #e84f04;}
#aboutustop {background-color: #bd1f52;}
#infotop {background-color: #490a3d;}

#youthsub li {background-color: #e84f04;}

#prodevsub li {background-color: #e84f04;}
#youthsub li {background-color: #299daf;}
#aboutussub li {background-color: #bd1f52;}
#infosub li {background-color: #490a3d;}

.offleft{
position: absolute;
margin-left: -9000px;
}

#nav, #nav ul { /* all lists */
	padding: 0;
	margin: 0;
	list-style: none;
	color: #FFF;
}

#nav a {
	display: block;
	width: 192px;
padding: 0.3em 0;
	text-align:center;
}

#nav a:link, #nav a:visited {color: #FFF; text-decoration:none;}

#nav a:hover {text-decoration: underline; /*background-color:#000;*/}


#nav li { /* all list items */
	float: left;
	display: inline;
	width: 192px; /* width needed or else Opera goes nuts */
}


#nav li ul { /* second-level lists */
	position: absolute;
/*	background: black;*/
	width: 192px;
	margin-left: -1000em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
}


#nav li:hover ul ul, #nav li.sfhover ul ul {
	margin-left: -1000em;
}

#nav li:hover ul, #nav li.sfhover ul { /* lists nested under hovered list items */
	margin-left: 0;
}
#nav li li:hover ul, #nav li li.sfhover ul {
	margin-left: 10em;
}

/* extra positioning rules for limited noscript keyboard accessibility */
#nav li a:focus  { background-color: #616568; }
#nav li a:focus + ul { margin-left: 0;}
#nav li li a:focus + ul { margin-left: 1000em; }
#nav li li a:focus { margin-left:1000em; width:192px; background: #616568; }
#nav li li li a:focus {margin-left: 2000em; width: 192px; background: #616568; }
#nav li:hover a:focus, #nav li.sfhover a.sffocus { margin-left: 0; }
#nav li li:hover a:focus + ul, #nav li li.sfhover a.sffocus + ul { margin-left: 192px; }


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