/* 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 ]----*/
.navigation { font-weight: bold; }
.navigation li li { text-transform: none; }

#navigation ul { background: #9B0505 url(../images/backgrounds.png) 0 -40px repeat-x; }
#navigation ul ul { background: #E7E7E7; border: 1px solid #888; }

#navigation li { border-right: 1px solid #fff; }
#navigation .last { border-right: 0; }
/*#navigation .current{ background: transparent url(../images/backgrounds.png) 0 0 repeat-x; }*/
#navigation li li { border-bottom: 1px dotted #fff; border-right: 0 none; }
#navigation li .first { border-left: 0 none; }
#navigation li .last { border-bottom: 0 none; }
#navigation li .current { background: none; } 
#navigation a { background: none; color: #fff; }
#navigation a:hover{ background: transparent url(../images/backgrounds.png) 0 0 repeat-x; }
#navigation ul ul a { color: #AA3234; }
#navigation ul ul a:hover { background: none; }

#navigation li { line-height: 20px; }
#navigation a { padding: 0 16px;}

/* dropdown menu */
#navigation ul { float: none; height: 20px; overflow: visible; }
#navigation li ul { height: auto; line-height: 1.3em; margin: 0; width: 200px; z-index: 10; }
#navigation li li { float: none; height: auto; line-height: 1.3em; width: 100% }
#navigation li li a { padding: 0; } 

/* all menu links */
#nav a, #subMenusContainer a { display: block; }

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

/* Just sub menu links */
#subMenusContainer a, #nav li li a { color: #000; display: block; line-height: 10px; padding: 7px 10px; text-align:left; }

/* All menu links on hover or focus */
#nav a:hover, 
#nav a:focus { }

/* sub menu links on hover or focus */
#nav a.mainMenuParentBtnFocused, 
#nav a:hover,
#nav a:focus,
#nav .current a { background: transparent url(../images/backgrounds.png) 0 0 repeat-x; color:#000; }

#subMenusContainer a:hover, 
#subMenusContainer a:focus, 
#subMenusContainer a.subMenuParentBtnFocused,
#nav li li a:hover,
#nav li li a:focus { background-color:#9B0505; color:#FFF; }



/* Parent Sub Menu Links ---[javascript users only]*/
#nav .dir span, #subMenusContainer .dir span { background: transparent url(../images/icons.png) -34px -615px no-repeat; }
#nav ul .dir span, #subMenusContainer .dir span { background-position: -34px -916px; }

/* Parent Sub Menu Links on hover or focus ---[javascript users only]*/
#nav ul .dir a:hover span, #nav ul .dir a:focus span, #subMenusContainer .dir a:hover span, #subMenusContainer .dir a:focus span { background-position: -34px -735px; }

/* Parent Main Menu Links ---[javascript users only]*/
#nav .dir span { background-position: -32px -850px; }

/* Parent Main Menu Links on hover or focus ---[javascript users only]*/
#nav .dir a:hover span, #nav .dir a:focus span, #nav .current a span { background-position: -32px -670px; }

/* ----[ 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; padding:0 2px; margin:0 0 0 -2px; }

/* All ULs and OLs */
#nav ul, #nav ol, #subMenusContainer ul, #subMenusContainer ol { background: #E7E7E7; border: 1px solid #888; left:0; line-height: 20px; list-style: none; margin: 0; padding: 0; }

/* List items in main menu --[for non-javascript users this applies to submenus as well]  */
#nav li { position:relative; }
#subMenusContainer li { line-height: 20px; margin: 0; padding: 0; position:relative; }

#subMenusContainer .dir span, #nav .dir span { display: block; float: right; height: 24px; line-height: 24px; margin: 0 2px 0 12px; width: 12px; }
#nav .dir span { display: none; }

/* main menu ul or ol elment */
#nav { display:block; text-align: center; z-index:5; } 
#subMenusContainer { display:block; font-size: 1.2em; height:0; left:0; overflow:visible; position:absolute; top:0; width:100%; z-index:1000000000; }


/* --------------------------[ The below is just for non-javscript users ]--------------------------*/
#nav ul { left: 0; position: absolute; top: 100%; visibility: hidden; width: 100%; z-index: 598; }
#nav li:hover > ul { visibility: visible; }
#nav li li{	float:none; }

#nav li li a{ float:none; position:relative; }

#nav li ul { /* second-level lists */
	margin-left: -1000em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
	position: absolute;
	width: 10em;
}

/* 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; margin-top:0; width:10em; }
#nav li li li a:focus { left:0; margin-left: 2010em; margin-top:-1em; width: 10em; }
#nav li:hover a:focus{ margin-left: 0; }
#nav li li:hover a:focus + ul { margin-left: 10em; }