@charset "UTF-8";


#menu, #menu ul { /* all lists */
	padding: 0px 0px 0px 0px;
	margin: 0px;
	list-style: none;
	line-height: 11px;
	text-align:left;
	
}

#menu ul {
	display:inline;
	
}

#menu a {
	padding: 5px 0px 0px 0px;
	display: block;
	height:16px;
	background-color:#000000;
	color:#FFFFFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	text-decoration:none;
	text-align:center;
}

#menu a:hover {
	background-color: #e11f28;
}

#menu li ul a {
	background-color:#CCCCCC;
	color:#666666;
	padding:5px 0px 0px 5px;
	border-bottom:1px solid #666666;
	text-align:left;
}

#menu li ul a:hover {
	background-color: #e11f28;
	color:#FFFFFF;
}

#menu li { /* all list items */
	float: left;
	padding:0px 0px 0px 0px;
	text-align:left;
	
}

#menu li ul li{ /* all list items */
	width:100%;
	text-align:left;
	padding:0px;
}

#menu li ul { /* second-level lists */
	text-align:left;
	position: absolute;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
	border-right:1px solid #666666;
	border-top:1px solid #666666;
	border-left:1px solid #666666;
	margin:0px 0px 0px 0px;
	padding:0px;
	background-color:#CCCCCC;
	width:100%;
}


#menu li:hover ul, #menu li.sfhover ul { /* lists nested under hovered list items */
	left:auto;
}