/*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;
	padding: 5px 20px 10px;
	background-color: #000;
/*-moz-border-radius: 7px;
-webkit-border-radius: 7px;*/
	font: bold 12px Arial;
	color: #FFF;
}
/*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: #333;
	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: #333;
	color: #FFF;
}
/*Parent Sub Menu Links ---[javascript users only]*/
.subMenuParentBtn
{
	background: url(../img/arrow_right.gif) no-repeat right center;
}
/*Parent Sub Menu Links on hover or focus ---[javascript users only]*/
.subMenuParentBtnFocused
{
	background: url(../img/arrow_right_over.gif) no-repeat right center;
}
/*Parent Main Menu Links ---[javascript users only]*/
.mainMenuParentBtn
{
	background: url(../img/arrow_right.gif) no-repeat right center;
}
/*Parent Main Menu Links on hover or focus ---[javascript users only]*/
.mainMenuParentBtnFocused
{
	background: url(../img/arrow_right_over.gif) no-repeat right center;
}
/*----[ 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*/
	/*[disabled]padding:0 2px;*/
	/*[disabled]margin:0 0 0 -2px;*/
}
/*All submenu OLs and ULs*/
#nav OL, #nav UL, #subMenusContainer UL, #subMenusContainer OL
{
/*border around submenu goes here
-moz-border-radius: 8px;
-webkit-border-radius: 8px;*/
	/*[disabled]background:#FFF;*/
	/*[disabled]border:1px solid #C3D46A;*/
	left: 0;
}
/*All ULs and OLs*/
#nav, #nav UL, #nav OL, #subMenusContainer UL, #subMenusContainer OL
{
	padding: 0;
	margin: 0;
	list-style: none;
	line-height: 2em;
}
/*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;
}
#subMenusContainer LI
{
	list-style: none;
}
/*main menu ul or ol elment*/
#nav
{
	display: block;
	position: absolute;
	list-style: none;
	margin: 0 0 0 -490px;
	width: 200px;
	z-index: 5;
	top: 20px;
	left: 50%;
	text-align: left;
	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
{
	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*/
}
/*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: 186px;
	margin-top: -2.5em;
}
#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;
}