/* 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
 *
 *
 *
 *
 *
 */
ul#nav:hover a:link,
ul#nav:hover a:visited { 
	color:#97775E;
	}
ul#nav a:link,
ul#nav a:visited,
ul#nav a:hover,
ul#nav li.parent:hover a:link,
ul#nav li.parent:hover a:visited,
ul#nav li.top:hover a:link,
ul#nav li.top:hover a:visited,
ul#nav li:hover,
ul#nav li.parent a.mainMenuParentBtnFocused { 
	color:#e20f00;
	text-decoration:none;
	}
ul#nav a.grey { 
	color:#97775E;
	}
ul#nav a:hover { 
	background-color:#FCDA7E;
	}
ul#nav, ul#nav2 { 
	padding:0;
	margin:0 0 0 -8px;
	list-style:none;
	position:relative;
	bottom:0;
	height:100%;
	z-index:1;
	}
ul#nav li, ul#nav2 li { 
	font-style:italic;
	display:block;
	white-space:nowrap;
	}
ul#nav li.top,ul#nav li.parent { 
	height:13.5%;
	width:250px;
	/*border-bottom:1px solid #FCCD4C;*/
	}
ul#nav li.top:hover ,ul#nav li.parent:hover {
	/*border-bottom:1px solid #FCDA7E;*/
}
ul#nav ul { 
	}
ul#nav a,#subMenusContainer a, ul#nav2 a { 
	display:block;
	font-style:italic;
	}
ul#nav a, ul#nav2 a { 
	padding:5px 8px;
	}
#subMenusContainer a { 
	padding:3px 7px;
	margin-left:-3px;
	}
/* ----[ LINKS ]----*/
/* Just main menu links --[for non-javascript users this applies to submenu links as well]*/
#nav a { 
	margin:0;
	}
/* Just sub menu links */
#subMenusContainer a,#nav li li a { 
	text-align:left;
	}
/* 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:#FCDA7E;
	}
/* 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:#FCDA7E;
	}
/* ----[ 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 7px;
	margin:0 0 0 -6px;
	}
/* All ULs and OLs */
#nav,#nav ul,#nav ol,#subMenusContainer ul,#subMenusContainer ol { 
	padding:0;
	margin:0;
	list-style:none;
	}
/* All submenu OLs and ULs */
#nav ol,#nav ul,#subMenusContainer ul,#subMenusContainer ol { 
	border:1px solid #FCDA7E;
	background-color:#FCCD4C;
	padding:0;
	}
/* List items in main menu --[for non-javascript users this applies to submenus as well]  */
#nav li { 
	display:block;
	list-style:none;
	position:relative;
	}
#subMenusContainer li { 
	list-style:none;
	margin-bottom:0;
	}
/* main menu ul or ol elment */

#subMenusContainer { 
	display:block;
	position:absolute;
	top:0;
	left:12em;
	width:60%;
	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;
	z-index:1000;
	}
/* 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:40px;
	margin-top:-.4em;
	}
#nav li li:hover ul { 
	margin-left:10em;
	}
/* extra positioning rules for limited noscript keyboard accessibility */
#nav li a:focus + ul { 
	margin-left:186px;
	margin-top:-2.5em;
	}
#nav li li a:focus + ul { 
	left:186px;
	margin-left:1010em;
	margin-top:-2.5em;
	}
#nav li li a:focus { 
	left:186px;
	margin-left:1000em;
	width:10em;
	margin-top:-2.5em;
	}
#nav li li li a:focus { 
	left:186px;
	margin-left:2010em;
	width:10em;
	margin-top:-2.5em;
	}
#nav li:hover a:focus { 
	margin-left:0;
	}
#nav li li:hover a:focus + ul { 
	margin-left:10em;
	}