#navigation {
display:block;
height:28px;

background:#e1e1e1;

}

#menu, #menu ul { /* all lists */
	padding: 0;
	margin: 0 0 0 4px;

	list-style: none;
	line-height: 1;
	z-index:120;
}

#menu .end_left { padding:12px 0; background:url(graphics/menu/bg-left.gif) 0 50% no-repeat; border-right:none; }
#menu .end_right { padding:12px 0; background:url(graphics/menu/bg-right.gif) 100% 50% no-repeat; margin:0 0 0 -2px; }

#menu a {
	display: block;
	color:#fff;
	
	
	line-height:28px;
	
	margin: 0 0 2px 0;
	padding:0px 23px; 
	
	background:url(graphics/menu/bg.gif) 0 50% repeat-x; 
	border:2px solid black;
	border-width:0 0px 0 2px;
	

	
}

#menu .firsta  {
	border-width:0 0px 0 0px;
}


#menu li ul a {
	display: block;
	font-size:90%;
	width: 205px;
	margin: 0;
	padding: 5px 5px 5px 20px;
	text-align:left;
	border:none;
	background:#66676a;
}

#menu li { /* all list items */
	float: left;
	

	
	 /* width needed or else Opera goes nuts */
}

#menu li a:hover, #menu li a.sfhover {
color:#ed3e4e
}

#menu .inactive {  }
#menu .inactive:hover, #menu .inactive.sfhover {

}

#menu li ul li { /* all list items */
	float: left;
	width: 15em; /* width needed or else Opera goes nuts */
	font-size:90%;
}

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

#menu li ul ul { /* third-and-above-level lists */
	margin: -22px 0 0 120px;
width: 130px;
border:1px solid #c6c6c6;
	border-width:1px 0 0 0;
}

#menu li:hover ul ul, #menu li:hover ul ul ul, #menu li.sfhover ul ul, #menu li.sfhover ul ul ul {
	left: -999em;
}

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