/* Based partially on Matthew Carroll's keyboard accessible flavor of Suckerfish 
 * Dropdowns by Patrick Griffiths and Dan Webb. 
 * http://carroll.org.uk/sandbox/suckerfish/bones2.html
 */
 
#navBox li {
	margin: 0;
	padding: 0;
	}
.hideme {
	display: none;
	}
ul#nav ul li {
	margin-left: 0;
	}
.noPadLi {
	margin-left: 0;
	margin-top: 0 !important;
	margin-top: ;
	}
/* ----[ LINKS ]----*/
#navBox a {
	height: 25px;
	display: block;	
	}

a#nav_abouthuntingdon:link, a#nav_abouthuntingdon:visited {background: transparent url(/images/navAboutOff.gif) no-repeat;}
a#nav_abouthuntingdon:hover, a#nav_abouthuntingdon:active {	background: transparent url(/images/navAboutOn.gif) no-repeat;}
a#nav_abouthuntingdon {
	width: 129px;
	}
a#nav_currentstudents:link, a#nav_currentstudents:visited {background: transparent url(/images/navCStudentsOff.gif) no-repeat;}
a#nav_currentstudents:hover, a#nav_currentstudents:active {	background: transparent url(/images/navCStudentsOn.gif) no-repeat;}
a#nav_currentstudents  {
	width: 113px;
	}
a#nav_futurestudents:link, a#nav_futurestudents:visited {background: transparent url(/images/navFStudentsOff.gif) no-repeat;}
a#nav_futurestudents:hover, a#nav_futurestudents:active {	background: transparent url(/images/navFStudentsOn.gif) no-repeat;}
a#nav_futurestudents  {
	width: 106px;
	}
a#nav_adultlearning:link, a#nav_adultlearning:visited {background: transparent url(/images/navAdultLearnOff.gif) no-repeat;}
a#nav_adultlearning:hover, a#nav_adultlearning:active {	background: transparent url(/images/navAdultLearnOn.gif) no-repeat;}
a#nav_adultlearning  {
	width: 102px;
	}
a#nav_academics:link, a#nav_academics:visited {background: transparent url(/images/navAcademicsOff.gif) no-repeat;}
a#nav_academics:hover, a#nav_academics:active {	background: transparent url(/images/navAcademicsOn.gif) no-repeat;}
a#nav_academics  {
	width: 78px;
	}
a#nav_athletics:link, a#nav_athletics:visited {background: transparent url(/images/navAthleticsOff.gif) no-repeat;}
a#nav_athletics:hover, a#nav_athletics:active {	background: transparent url(/images/navAthleticsOn.gif) no-repeat;}
a#nav_athletics  {
	width: 64px;
	}
a#nav_studentlife:link, a#nav_studentlife:visited {background: transparent url(/images/navStudentLifeOff.gif) no-repeat;}
a#nav_studentlife:hover, a#nav_studentlife:active {	background: transparent url(/images/navStudentLifeOn.gif) no-repeat;}
a#nav_studentlife  {
	width: 86px;
	}
a#nav_alumniandfriends:link, a#nav_alumniandfriends:visited {background: transparent url(/images/navAlumniOff.gif) no-repeat;}
a#nav_alumniandfriends:hover, a#nav_alumniandfriends:active {	background: transparent url(/images/navAlumniOn.gif) no-repeat;}
a#nav_alumniandfriends  {
	width: 125px;
	}



/* all menu links */
#subMenusContainer a{
	text-decoration:none;
	display:block;
	padding:4px 16px 4px 10px;
	background-color:#A2977E;
	color: #fff;
	font-size: 12px;
}

/* Just main menu links --[for non-javascript users this applies to submenu links as well]*/
/*#nav a{
	margin:0;
	float:left;	
}*/

/* Just sub menu links */
#subMenusContainer a, 
#nav li li a, 
#nav2 li li a, 
#nav3 li li a, 
#nav4 li li a, 
#nav5 li li a, 
#nav6 li li a, 
#nav7 li li a, 
#nav8 li li a 
{
	text-align:left;
}

/* All menu links on hover or focus */
#nav a:hover, #nav a:focus, 
#nav2 a:hover, #nav2 a:focus, 
#nav3 a:hover, #nav3 a:focus, 
#nav4 a:hover, #nav4 a:focus, 
#nav5 a:hover, #nav5 a:focus, 
#nav6 a:hover, #nav6 a:focus, 
#nav7 a:hover, #nav7 a:focus, 
#nav8 a:hover, #nav8 a:focus, 
#subMenusContainer a:hover, #subMenusContainer a:focus, 
#nav a.mainMenuParentBtnFocused, 
#nav2 a.mainMenuParentBtnFocused, 
#nav3 a.mainMenuParentBtnFocused, 
#nav4 a.mainMenuParentBtnFocused, 
#nav5 a.mainMenuParentBtnFocused, 
#nav6 a.mainMenuParentBtnFocused, 
#nav7 a.mainMenuParentBtnFocused, 
#nav8 a.mainMenuParentBtnFocused, 
#subMenusContainer a.subMenuParentBtnFocused{
	/*background-color:#fff ;*/ /* Hidden for top level white removal */
	color:#a80606;
}

/* sub menu links on hover or focus */
#subMenusContainer a:hover, 
#subMenusContainer a:focus, 
/*#nav a.mainMenuParentBtnFocused, 
#nav2 a.mainMenuParentBtnFocused, 
#nav3 a.mainMenuParentBtnFocused, 
#nav4 a.mainMenuParentBtnFocused, 
#nav5 a.mainMenuParentBtnFocused, 
#nav6 a.mainMenuParentBtnFocused, 
#nav7 a.mainMenuParentBtnFocused, 
#nav8 a.mainMenuParentBtnFocused, */ /* Hidden for top level white removal */
#subMenusContainer a.subMenuParentBtnFocused,
#nav li li a:hover, #nav li li a:focus, 
#nav2 li li a:hover, #nav2 li li a:focus, 
#nav3 li li a:hover, #nav3 li li a:focus, 
#nav4 li li a:hover, #nav4 li li a:focus, 
#nav5 li li a:hover, #nav5 li li a:focus, 
#nav6 li li a:hover, #nav6 li li a:focus, 
#nav7 li li a:hover, #nav7 li li a:focus, 
#nav8 li li a:hover, #nav8 li li a:focus 
{
	background-color:#fff ;
	color:#a80606;
}

/* Parent Sub Menu Links ---[javascript users only]*/
.subMenuParentBtn{  
	background: url(../img/arrow_right_over.gif) right center no-repeat;  
}

/* Parent Sub Menu Links on hover or focus ---[javascript users only]*/
.subMenuParentBtnFocused{ 
	background: url(../img/arrow_right.gif) right center no-repeat; 
}

/* ----[ OLs ULs, LIs, and DIVs ]----*/

/* Submenu Outer Wrapper - each submenu is inside a div with this class - javascript users only */
.smOW{ 
	display:none; 
	position: absolute; 
	overflow:hidden; 
	/*the 2px left & right padding lets you have a 1px border 
	  on the ul or ol inside since overflow is set to hidden*/
	padding:0 2px;
	margin:0 0 0 -1px;
}


/* All ULs and OLs */
#nav ul, #nav ol, 
#nav2 ul, #nav2 ol, 
#nav3 ul, #nav3 ol, 
#nav4 ul, #nav4 ol, 
#nav5 ul, #nav5 ol, 
#nav6 ul, #nav6 ol, 
#nav7 ul, #nav7 ol, 
#nav8 ul, #nav8 ol, 
#subMenusContainer ul, #subMenusContainer ol { 
	padding: 0;
	margin: 0;
	list-style: none;
	line-height: 1em;
}

/* All submenu OLs and ULs */
#nav ol, #nav ul, 
#nav2 ol, #nav2 ul, 
#nav3 ol, #nav3 ul, 
#nav4 ol, #nav4 ul, 
#nav5 ol, #nav5 ul, 
#nav6 ol, #nav6 ul, 
#nav7 ol, #nav7 ul, 
#nav8 ol, #nav8 ul, 
#subMenusContainer ul, #subMenusContainer ol {	
	/*border around submenu goes here*/	 
	background:#fff;	
	border:1px solid #8E8570;
	left:0;
}


/* List items in main menu --[for non-javascript users this applies to submenus as well]  */
#nav li, 
#nav2 li, 
#nav3 li, 
#nav4 li, 
#nav5 li, 
#nav6 li, 
#nav7 li, 
#nav8 li
{ 
	/*great place to use a background image as a divider*/
	display:block;
	list-style:none;
	position:relative;
	float:left;
}

#subMenusContainer li{
	list-style: none;
}

/* main menu ul or ol elment */
/*#nav{
	display:block;
	position: absolute;
	list-style:none;
	margin:0 0 0 0;
	z-index:5;
	top:15px;
	left:50%;
	text-align: center;
	display:block;
}*/

#subMenusContainer{	display:block; 	position:absolute;	top:0;	left:0;	width:100%;	height:0;	overflow:visible;	z-index:1000000000; }


/* --------------------------[ The below is just for non-javscript users ]--------------------------*/
#nav li li, 
#nav2 li li, 
#nav3 li li, 
#nav4 li li, 
#nav5 li li, 
#nav6 li li, 
#nav7 li li, 
#nav8 li li 
{	float:none; }

#nav li li a, 
#nav2 li li a, 
#nav3 li li a, 
#nav4 li li a, 
#nav5 li li a, 
#nav6 li li a, 
#nav7 li li a, 
#nav8 li li a 
{ /* Just submenu links*/	
	position:relative;
	float:none;
}

#nav li ul, 
#nav2 li ul, 
#nav3 li ul, 
#nav4 li ul, 
#nav5 li ul, 
#nav6 li ul, 
#nav7 li ul, 
#nav8 li ul
{ /* second-level lists */
	position: absolute;
	width: 10em;
	margin-left: -1000em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
	margin-top:2.2em;
}

/* third-and-above-level lists */
#nav li ul ul, 
#nav2 li ul ul, 
#nav3 li ul ul, 
#nav4 li ul ul, 
#nav5 li ul ul, 
#nav6 li ul ul, 
#nav7 li ul ul, 
#nav8 li ul ul
{ margin: -1em 0 0 -1000em; }
#nav li:hover ul ul, 
#nav2 li:hover ul ul, 
#nav3 li:hover ul ul, 
#nav4 li:hover ul ul, 
#nav5 li:hover ul ul, 
#nav6 li:hover ul ul, 
#nav7 li:hover ul ul, 
#nav8 li:hover ul ul
{	margin-left: -1000em; }

 /* lists nested under hovered list items */
#nav li:hover ul, 
#nav2 li:hover ul, 
#nav3 li:hover ul, 
#nav4 li:hover ul, 
#nav5 li:hover ul, 
#nav6 li:hover ul, 
#nav7 li:hover ul, 
#nav8 li:hover ul
{	margin-left: 0; }
#nav li li:hover ul,  
#nav2 li li:hover ul, 
#nav3 li li:hover ul, 
#nav4 li li:hover ul, 
#nav5 li li:hover ul, 
#nav6 li li:hover ul, 
#nav7 li li:hover ul, 
#nav8 li li:hover ul
{	margin-left: 10em; margin-top:-2.5em;}

/* extra positioning rules for limited noscript keyboard accessibility */
#nav li a:focus + ul, 
#nav2 li a:focus + ul, 
#nav3 li a:focus + ul, 
#nav4 li a:focus + ul, 
#nav5 li a:focus + ul, 
#nav6 li a:focus + ul, 
#nav7 li a:focus + ul, 
#nav8 li a:focus + ul
{  margin-left: 0; margin-top:2.2em; }
#nav li li a:focus + ul, 
#nav2 li li a:focus + ul, 
#nav3 li li a:focus + ul, 
#nav4 li li a:focus + ul, 
#nav5 li li a:focus + ul, 
#nav6 li li a:focus + ul, 
#nav7 li li a:focus + ul, 
#nav8 li li a:focus + ul
{ left:0; margin-left: 1010em; margin-top:-2.2em;}
#nav li li a:focus, 
#nav2 li li a:focus, 
#nav3 li li a:focus, 
#nav4 li li a:focus, 
#nav5 li li a:focus, 
#nav6 li li a:focus, 
#nav7 li li a:focus, 
#nav8 li li a:focus
{left:0;  margin-left:1000em; width:10em;  margin-top:0;}
#nav li li li a:focus, 
#nav2 li li li a:focus, 
#nav3 li li li a:focus, 
#nav4 li li li a:focus, 
#nav5 li li li a:focus, 
#nav6 li li li a:focus, 
#nav7 li li li a:focus, 
#nav8 li li li a:focus, 
{left:0; margin-left: 2010em; width: 10em;  margin-top:-1em;}
/*#nav li:hover a:focus{ margin-left: 0; }*/
#nav li li:hover a:focus + ul, 
#nav2 li li:hover a:focus + ul, 
#nav3 li li:hover a:focus + ul, 
#nav4 li li:hover a:focus + ul, 
#nav5 li li:hover a:focus + ul, 
#nav6 li li:hover a:focus + ul, 
#nav7 li li:hover a:focus + ul, 
#nav8 li li:hover a:focus + ul, 
{ margin-left: 10em; }