/* 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 */
#mnu-nav a {
	display:block;
	margin:0;
	width:112px;
	text-decoration:none;
	color:#fff;
	font-weight:bold;
	line-height:21px;
 	text-align:center;
}

#mnu-nav a:hover {
	background: url(mnu_tab_f2.png) left top no-repeat;
}

#mnu-nav li li a {
	position:relative;
	float:none;
	width: 160px;
	height: 20px;
	padding:4px 0 4px 8px;
	text-align:left;
	white-space:normal;
	font-weight: normal;
}

/* sub menu links on hover or focus */
#mnu-nav li li a:hover,
#mnu-nav li li a:focus {
	background-image: none;
	background-color:#af0913;
	color:#FFF;
}

/* All ULs and OLs */
#mnu-nav, #mnu-nav ul, #mnu-nav ol { 
	padding:0;
	margin:0;
	list-style:none;
	line-height:1em;
}

#mnu-nav {
	position:relative;
	display:block;
	margin:0;
	z-index:5;
}

/* All submenu OLs and ULs */
#mnu-nav ol, #mnu-nav ul {
	background:#fff;	
	/*border:1px solid #ccc;*/
	left:0;
}


/* List items in main menu --[for non-javascript users this applies to submenus as well]  */
#mnu-nav li { 
	/*great place to use a background image as a divider*/
	display:block;
	position:relative;
	float:left;
	background: url(mnu_tab.png) top left no-repeat;
}

#mnu-nav li li { 
	background:#222;
	float:none;
}

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

/* third-and-above-level lists */
#mnu-nav li ul ul { margin: -1em 0 0 -1000em; }
#mnu-nav li:hover ul ul { margin-left: -1000em; }

 /* lists nested under hovered list items */
#mnu-nav li:hover ul{ margin-left: 0; }
#mnu-nav li li:hover ul { margin-left: 10em; margin-top:-2.5em; }

/* extra positioning rules for limited noscript keyboard accessibility */
#mnu-nav li a:focus + ul { margin-left: 0; margin-top:0; }
#mnu-nav li li a:focus + ul { left:0; margin-left: 1010em; margin-top:-2.2em; }
#mnu-nav li li a:focus { left:0;   margin-top:0; }
#mnu-nav li li li a:focus { left:0;  margin-top:-1em; }
#mnu-nav li:hover a:focus{ margin-left: 0; }
#mnu-nav li li:hover a:focus + ul { margin-left: 10em; }