@charset "utf-8";
#mainnav {
	font-size: 83%;
	font-weight:bold;
	color: #FFF;
	margin: 0px;
	padding:  5px 0;
	/* height:27px; */
	width: 750px;
	background: #717071 url(../images/usernav_back.gif) no-repeat left top;
	
	/* height: 27px; */
}
#mainnav ul {
	vertical-align: text-bottom;
	background: none;
	margin:4px 0 0 13px;
	padding:0;
	
}
#mainnav ul li {
	display:block;
	float:left;
	margin-top: 0;
	margin-bottom: 0;
	margin-right:6px;
	padding:0 6px 4px 0;
	border-right:2px solid #500000;
	list-style-type:none;
}

#mainnav ul li.last {
	border-right:none;
}

div#mainnav ul li ul {
	position:absolute;
	left:-9999px;  
	margin:4px 0 0 0;
	padding: 5px 2px;
	/* border-left:none; 
	width:140px; 
	font-weight:normal;*/
}

/* .SFHOVERS HERE */

div#mainnav ul li.sfhover ul {
	left:auto; 
	margin-left:-2px;
}


/* END .SFHOVERS  */



/* dropdowns */
div#mainnav li:hover>ul, div#mainnav li:focus>ul {
	left:auto; 
	margin-left:-2px;
} 

#mainnav a { 
	text-decoration:none; 
	display:block; 
	}

/* #mainnav li a { padding:0 3px; } */



#mainnav li a { color:#E6E6E6; border-bottom:1px solid #717071; }
#mainnav li a:visited {	color:#EEE; }
#mainnav li a:hover { color:#FFF; }
#mainnav li a:focus { color:#FFF; }
#mainnav li a:active { color:#FFF; }

#mainnav li#facilitiesnav a:hover { border-bottom:1px solid #ACBDDF; }
#mainnav li#facilitiesnav a:focus { border-bottom:1px solid #ACBDDF; }
#mainnav li#facilitiesnav a:active { border-bottom:1px solid #ACBDDF; }

#mainnav li#programsnav a:hover { border-bottom:1px solid #FFD76C; }
#mainnav li#programsnav a:focus { border-bottom:1px solid #FFD76C; }
#mainnav li#programsnav a:active { border-bottom:1px solid #FFD76C; }

#mainnav li#membershipnav a:hover { border-bottom:1px solid #A9E9D6; }
#mainnav li#membershipnav a:focus { border-bottom:1px solid #A9E9D6; }
#mainnav li#membershipnav a:active { border-bottom:1px solid #A9E9D6; }

#mainnav li#aboutnav a:hover { border-bottom:1px solid #D7D8D9; }
#mainnav li#aboutnav a:focus { border-bottom:1px solid #D7D8D9; }
#mainnav li#aboutnav a:active { border-bottom:1px solid #D7D8D9; }

#mainnav li#developmentnav a:hover { border-bottom:1px solid #CFB1CC; }
#mainnav li#developmentnav a:focus { border-bottom:1px solid #CFB1CC; }
#mainnav li#developmentnav a:active { border-bottom:1px solid #CFB1CC; }	

#mainnav li#employmentnav a:hover { border-bottom:1px solid #A69D95; }
#mainnav li#employmentnav a:focus { border-bottom:1px solid #A69D95; }
#mainnav li#employmentnav a:active { border-bottom:1px solid #A69D95; }	/* 5F574F */

/* ------ subnav ------------ */

#mainnav li ul li {
	width:160px; /* DECLARING A FIXED WIDTH SEEMS NECESSARY FOR IE. Otherwise, any time the cursor is off the text itself the dropdown menu loses its hover and resumes 'left:-9999px' */ 
	padding:0px 0px;
	float:none; 
	color:#000;
	border:none;
	font-size: 0.83em;
	text-transform: none;
	list-style-type:none;

	}
	
#mainnav li#facilitiesnav ul li a, #mainnav li#programsnav ul li a, #mainnav li#membershipnav ul li a, #mainnav li#aboutnav ul li a, #mainnav li#developmentnav ul li a, #mainnav li#employmentnav ul li a {
	margin-top:0;
	margin-bottom:0;
	padding:2px 4px;
	display:block; 
	border:none;
}

#mainnav li ul li a:link, #mainnav li ul li:visited, #mainnav li ul li:hover, #mainnav li ul li:focus, #mainnav li ul li:active {
	
	}

#mainnav li#facilitiesnav ul li { background: url(../images/navbacks/facilities_navback.png) repeat; } /* color: #475E8D */
#mainnav li#programsnav ul li { background: url(../images/navbacks/programs_navback.png) repeat; } /* color: #F2AF00 */
#mainnav li#membershipnav ul li { background: url(../images/navbacks/membership_navback.png) repeat; } /* color: #00583D */
#mainnav li#aboutnav ul li { background: url(../images/navbacks/about_navback.png) repeat; } /* color: #BABCBE */
#mainnav li#developmentnav ul li { background: url(../images/navbacks/development_navback.png) repeat; } /* color: #51324E */
#mainnav li#employmentnav ul li { background: url(../images/navbacks/employment_navback.png) repeat; } /* color: #5F574F */


#mainnav li#facilitiesnav ul li a:link { color:#DDD; border:none; }
#mainnav li#facilitiesnav ul li a:visited { color:#CCC; border:none; }
#mainnav li#facilitiesnav ul li a:hover { color:#FFF; background: #8699C1; border:none; }
#mainnav li#facilitiesnav ul li a:focus { color:#FFF; background-color: #8699C1; border:none; }
#mainnav li#facilitiesnav ul li a:active { color:#FFF; background-color: #8699C1; border:none; }

#mainnav li#programsnav ul li a:link { color:#FFF; border:none; }
#mainnav li#programsnav ul li a:visited { color:#FFF; border:none; }
#mainnav li#programsnav ul li a:hover { color:#222; /*background-color: #FFFF93;*/background-color: #FFCC4D; border:none; }
#mainnav li#programsnav ul li a:focus { color:#222; /*background-color: #FFFF93;*/background-color: #FFCC4D; border:none; }
#mainnav li#programsnav ul li a:active { color:#222; /*background-color: #FFFF93;*/background-color: #FFCC4D; border:none; }

#mainnav li#membershipnav ul li a:link { color:#DDD; border:none; }
#mainnav li#membershipnav ul li a:visited { color:#CCC; border:none; }
#mainnav li#membershipnav ul li a:hover { color:#FFF; background: #009568; border:none; } 
#mainnav li#membershipnav ul li a:focus { color:#FFF; background-color: #009568; border:none; }
#mainnav li#membershipnav ul li a:active { color:#FFF; background-color: #009568; border:none; }

#mainnav li#aboutnav ul li a:link { color:#FFF; border:none; }
#mainnav li#aboutnav ul li a:visited { color:#FFF; border:none; }
#mainnav li#aboutnav ul li a:hover { color:#222; background: #D7D8D9; border:none; }
#mainnav li#aboutnav ul li a:focus { color:#222; background-color: #D7D8D9; border:none; }
#mainnav li#aboutnav ul li a:active { color:#222; background-color: #D7D8D9; border:none; }

#mainnav li#developmentnav ul li a:link { color:#DDD; border:none; }
#mainnav li#developmentnav ul li a:visited { color:#CCC; border:none; }
#mainnav li#developmentnav ul li a:hover { color:#FFF; background: #865381; border:none; }
#mainnav li#developmentnav ul li a:focus { color:#FFF; background-color: #865381; border:none; }
#mainnav li#developmentnav ul li a:active { color:#FFF; background-color: #865381; border:none; }	

#mainnav li#employmentnav ul li a:link { color:#DDD; border:none; }
#mainnav li#employmentnav ul li a:visited { color:#CCC; border:none; }
#mainnav li#employmentnav ul li a:hover { color:#FFF; background: #A69D95; border:none; }
#mainnav li#employmentnav ul li a:focus { color:#FFF; background-color: #A69D95; border:none; }
#mainnav li#employmentnav ul li a:active { color:#FFF; background-color: #A69D95; border:none; }