/* CSS Document */

/*  //////////////NAVIGATION//////////////// */
/* Containing element #navBar is in the master.css file */


ul#navigation {
	position: absolute;
	left:0;
	font: bold 13px arial;
	background-color:#004087;
	 /* background-image: #fff url("myimages/navigation/background_MAINnav.jpg");
	 background-repeat: no-repeat top left; */
	 margin: 0;
}


ul#navigation, ul#navigation ul {
	padding: 0;
	margin: 0;
	list-style: none;
	width:100%; /* needed in ie6 to fully color background of dropdown - otherwise the text only has a background */
	}
	
ul#navigation li { 
	line-height: 1.35em;
	position: relative;
	float: left;
	font: bold 13px arial;
	color: fff#;
}

ul#navigation>li li { /* Needed for Opera 9, maybe because it's decent CSS. Hide from IE6 */
	float: none;
}

#navigation a {
	display: block;
	width: auto; /* "auto" makes adjust to contents of "cell" ****CHANGE MENU WIDTH**** */
	color: #FFF;
	/* padding: 0px 0.5em; /* was 4px 0.5em; centers each individual nav image */
	text-decoration: none;

}
ul#navigation a:hover {
	color: #FFF;

}
/* ul#navigation li a {
	padding: 0 34px 0 0; /*           ****Spaces out nav bar images**** */

ul#navigation li li a {
	width: 12.7em; /*           ****CHANGE SUBMENU WIDTH**** */
	/* Had to increase width to catch the widest list item in the dropdown because in ie6 it would otherwise protrude out to the right of the dropdown box */
}
ul#navigation .about
{	position: absolute;
	padding: 0;
	
	}
	

ul#navigation .about a {
	padding: 5px 15px; /* Pads the dropdown list */
	white-space: nowrap;
	text-align: left;
	text-decoration: none;
	font-weight: bold;
	background: #003F87;
	color: #ffffff;
	}
	
ul#navigation .about a:hover {	
	background: #3B6AA0;
	color: #FFF;
	}



.navbarMarginRight
	{	margin-right: 34px; /* anything over 35px drops the last menu item down in ie6 */
	    margin-left: 1px;
	}
	 
.navbarMarginNone
{	margin: 0 0;
	}
	
	
ul#navigation .subst
{	position: absolute;
	padding: 0;
	
	}
		
ul#navigation .subst a {

	background-color: #8E2323;
	position: relative;
		margin: 0;
		padding: 5px 15px;
		white-space: nowrap;
		text-align: left;
		text-decoration: none;
		font-weight: bold;
		color: #ffffff;
	}

ul#navigation .subst a:hover {
	background-color: #A32935;
	color: #FFF
	}

ul#navigation .famsup
{	position: absolute;
	padding: 0;
	z-index: 130;
	
	}
ul#navigation .famsup a {
	background-color:  #004F00;
	position: relative;
		margin: 0;
		padding: 5px 15px;
		white-space: nowrap;
		text-align: left;
		text-decoration: none;
		font-weight: bold;
		color: #ffffff;
	}

ul#navigation .famsup a:hover {
	background-color:#2E6B40;
	color: #FFF;
	}
	
ul#navigation .mentoring
{	position: absolute;
	padding: 0;
	z-index: 130;
}

ul#navigation .mentoring a {
	background-color: #5C246E;
	position: relative;
		margin: 0;
		padding: 5px 15px;
		white-space: nowrap;
		text-align: left;
		text-decoration: none;
		font-weight: bold;
		color: #ffffff;
	}

ul#navigation .mentoring a:hover {
	background-color: #7E3D8F;
	color: #FFF;
	}
		
ul#navigation .dvsa
{	position: absolute;
	padding: 0;
	z-index: 130;
	
	}
ul#navigation .dvsa a {
	background-color: #FDB415; /* was #825717 to match the dvsa header is #FDB415 */
	position: relative;
		margin: 0;
		padding: 5px 15px;
		white-space: nowrap;
		text-align: left;
		text-decoration: none;
		font-weight: bold;
		color: #ffffff;
	}

ul#navigation .dvsa a:hover {
	background-color: #C0920C; /* was #997033 */
	color: #FFF;
	}


ul#navigation li li li a {
	width: 14em; /*  ****CHANGE SUBMENU WIDTH**** */

}


ul#navigation li ul {
	position : absolute;
	left: -999em;
}

#navigation li:hover ul ul, #navigation li.sfhover ul ul {
	left: -999em;
}

#navigation li:hover ul, #navigation li li:hover ul, #navigation li.sfhover ul, #navigation li li.sfhover ul {
	top: 0;
	left: -1px;
	margin-left: 100%;
}

/*					****DISPLAYS HORIZONTAL MENU**** */
#navigation li:active ul, #navigation li:hover ul, #navigation li.sfhover ul {
   	top: 100%;
	margin-left: 0;
}