@charset "utf-8";
/* CSS Document */

#menu-wrapper{
	background: url(../image/menu/menu-bg.gif);
	float:left;
	height:32;
	width:100%;
	z-index:1001;
}

#menu-css, #menu-css ul { /* all lists */
	padding: 0;
	margin: 0;
	list-style: none;
	line-height: 1;
	z-index:1002;
}

#menu-css a {
	display: block;
	text-decoration:none;
	color:#720508;
	font:normal 11px 'Century Gothic';
}

#menu-css li { /* all list items */
	float: left;
	display:block;
	/* width needed or else Opera goes nuts */
}

#menu-css li ul { /* second-level lists */
	position: absolute;
	background: #fff;
	border:1px solid #720508;
	width: 12em;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
}

#menu-css li ul  li{ /* second-level lists */
	display:block;
	width:12em;
	height:25px;	
}

#menu-css li ul  li a{
	display:block;
	padding:5px 10px;
	
}

#menu-css li ul  li a:hover {
	background:#edd5bd;
	
}


#menu-css li ul ul { /* third-and-above-level lists */
	margin: -1em 0 0 10em;
}

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

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