/* 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



 */







/* ----[ LINKS ]----*/







/* all menu links */



#nav a, #subMenusContainer a {

	text-decoration:none;

	display:block;

	/*background-color:#fff ;*/



	



	/*



	-moz-border-radius: 7px;



	-webkit-border-radius: 7px;



	*/



	



	







	padding-top: 12px;

	padding-right: 16px;

	padding-bottom: 11px;

	padding-left: 17px;

}

/* Just main menu links --[for non-javascript users this applies to submenu links as well]*/



#nav a {

	margin:0;

	float:left;

	color:#FFF;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 14px;

}

/* Just sub menu links */



#subMenusContainer a, #nav li li a {

	text-align:left;

	color:#FFF;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 14px;

}

/* All menu links on hover or focus */



#nav a:hover, #nav a:focus, #subMenusContainer a:hover, #subMenusContainer a:focus, #nav a.mainMenuParentBtnFocused, #subMenusContainer a.subMenuParentBtnFocused {

	background-color:#F6C739;

	color:#FFF;

}

.nav-on {

	background-color:#00a665;

	color:#FFF;

}

/* sub menu links on hover or focus */



#subMenusContainer a:hover,  #subMenusContainer a:focus,  #nav a.mainMenuParentBtnFocused,  #subMenusContainer a.subMenuParentBtnFocused,  #nav li a:hover,  #nav li a:focus {

	background-color:#00633c;

	color:#FFF;

}

/* ----[ 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 -2px;

}

/* All ULs and OLs */



#nav, #nav ul, #nav ol, #subMenusContainer ul, #subMenusContainer ol {

	padding: 0;

	margin: 0;

	list-style: none;

	line-height: 1em;

}

/* All submenu OLs and ULs */



#nav ol, #nav ul, #subMenusContainer ul, #subMenusContainer ol {

	/*border:1px solid #b49a5f;*/

	left:0;

	background-color: #00a665;

}

/* List items in main menu --[for non-javascript users this applies to submenus as well]  */



#nav 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:0px;

	left:0px;

	text-align: center;

	display:block;

	width: 955px;

	height: 39px;

}

#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 {

	float:none;

}

#nav li li a { /* Just submenu links*/

	position:relative;

	float:none;

}

#nav 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 {

	margin: -1em 0 0 -1000em;

}

#nav li:hover ul ul {

	margin-left: -1000em;

}

/* lists nested under hovered list items */



#nav li:hover ul {

	margin-left: 0;

}

#nav li li:hover ul {

	margin-left: 10em;

	margin-top:-2.5em;

}

/* extra positioning rules for limited noscript keyboard accessibility */



#nav li a:focus + ul {

	margin-left: 0;

	margin-top:2.2em;

}

#nav li li a:focus + ul {

	left:0;

	margin-left: 1010em;

	margin-top:-2.2em;

}

#nav li li a:focus {

	left:0;

	margin-left:1000em;

	width:10em;

	margin-top:0;

}

#nav 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 {

	margin-left: 10em;

}









/* 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



 */







/* ----[ LINKS ]----*/







/* all menu links */



#nav22 a {

	text-decoration:none;

	display:block;

	/*background-color:#fff ;*/



	



	/*



	-moz-border-radius: 7px;



	-webkit-border-radius: 7px;



	*/



	



	







	padding-top: 12px;

	padding-right: 12px;

	padding-bottom: 9px;

	padding-left: 12px;

}

/* Just main menu links --[for non-javascript users this applies to submenu links as well]*/



#nav22 a {

	margin:0;

	float:left;

	color: #000000;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 14px;

}

/* Just sub menu links */



#nav22 li li a {

	text-align:left;

	color:#FFF;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 14px;

}

/* All menu links on hover or focus */



#nav22 a:hover, #nav22 a:focus,  #nav22 a.mainMenuParentBtnFocused {

	/*background-color:#F6C739;*/

	color:#FFF;

}

.nav22-on {

	/*background-color:#00a665;*/

	color: #ffffff;

}

/* sub menu links on hover or focus */



#nav22 a.mainMenuParentBtnFocused,  #nav22 li a:hover, #nav22 li a:focus {

	/*background-color:#00a665;*/

	color: #ffffff;

}

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







/* Submenu Outer Wrapper - each submenu is inside a div with this class - javascript users only */





/* All ULs and OLs */



#nav22, #nav22 ul, #nav22 ol {

	padding: 0;

	margin: 0;

	list-style: none;

	line-height: 1em;

}

/* All submenu OLs and ULs */



#nav22 ol, #nav22 ul {

	/*border around submenu goes here*/	



	



	/*



	-moz-border-radius: 8px;



	-webkit-border-radius: 8px;



	*/



	



	background:#004812;

	///border:1px solid #b49a5f;

	left:0;

}

/* List items in main menu --[for non-javascript users this applies to submenus as well]  */



#nav22 li {

	/*great place to use a background image as a divider*/



	display:block;

	list-style:none;

	position:relative;

	float:left;

}



/* main menu ul or ol elment */



#nav22 {

	display:block;

	position: absolute;

	list-style:none;

	margin:0 0 0 0;

	z-index:5;

	top:0px;

	left:0px;

	text-align: center;

	display:block;

	width: 600px;

	height: 36px;

}



/* --------------------------[ The below is just for non-javscript users ]--------------------------*/



#nav22 li li {

	float:none;

}

#nav22 li li a { /* Just submenu links*/

	position:relative;

	float:none;

}

#nav22 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 */



#nav22 li ul ul {

	margin: -1em 0 0 -1000em;

}

#nav22 li:hover ul ul {

	margin-left: -1000em;

}

/* lists nested under hovered list items */



#nav22 li:hover ul {

	margin-left: 0;

}

#nav22 li li:hover ul {

	margin-left: 10em;

	margin-top:-2.5em;

}

/* extra positioning rules for limited noscript keyboard accessibility */



#nav22 li a:focus + ul {

	margin-left: 0;

	margin-top:2.2em;

}

#nav22 li li a:focus + ul {

	left:0;

	margin-left: 1010em;

	margin-top:-2.2em;

}

#nav22 li li a:focus {

	left:0;

	margin-left:1000em;

	width:10em;

	margin-top:0;

}

#nav22 li li li a:focus {

	left:0;

	margin-left: 2010em;

	width: 10em;

	margin-top:-1em;

}

#nav22 li:hover a:focus {

	margin-left: 0;

}

#nav22 li li:hover a:focus + ul {

	margin-left: 10em;

}




