@charset "utf-8";
#menu {
	height:40px;
	border-top:1px solid #ff0;
	border-bottom:1px solid #aaa;
	text-align:left;
	background-image: url(menu/backoff.gif);
	background-repeat: repeat-x;
}
#menu table {border-collapse:collapse; width:0; height:0; margin:-1px;}
#menu ul {margin:0; padding:0; list-style:none; white-space:nowrap; text-align:left;position:relative;}
#menu ul {display:inline-block;} 
#menu ul.level1 {
	padding-right:2px;
	background-image: url(menu/divide.gif);
	background-repeat: no-repeat;
	background-position: right top;
}
#menu li {float:left;}
#menu ul div {position:absolute; left:-9999px; top:-32000px;}

#menu a {
	display:block;
	color:#999;
	height:39px;
	text-decoration:none;
	padding:0 14px;
	text-align:left;
	font-family: tahoma, arial, sans-serif;
	font-size: 13px;
	font-style: normal;
	line-height: 39px;
	font-weight: bold;
	font-variant: normal;
}
#menu ul.level1 li.level1-li a.level1-a {
	float:left;
	background-image: url(menu/divide.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
#menu ul.level1 li.level1-li a.level1-a:hover {
	border:0;
	color:#fff;
	position:relative;
	background-image: url(menu/hover-nosub.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
#menu ul.level1 li.level1-li a.level1-a.drop:hover {
	background-image: url(menu/hover.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
#menu ul.level1 li.level1-li:hover {position:relative;}
#menu ul.level1 li.level1-li:hover > a {
	color:#fff;
	background-image: url(menu/hover.gif);
	background-repeat: no-repeat;
	background-position: left top;
}

#menu ul.level1 li.level1-li a.level1-a:hover b {display:block; width:1px; height:1px; overflow:hidden; position:absolute; right:-1px; top:38px; background:#111;}
#menu ul.level1 li.level1-li:hover > a b {display:block; width:1px; height:1px; overflow:hidden; position:absolute; right:-1px; top:38px; background:#111;}

#menu ul :hover div {left:0; top:39px; background:#111; border:1px solid #111; border-width:0 1px 1px 1px;}
#menu ul :hover div ul {border:1px solid #444; border-width:0 1px 1px 1px; padding-bottom:5px;}
#menu ul :hover div ul li {float:none; height:25px;}
#menu ul :hover div ul li a {
	display:block;
	height:25px;
	text-align:left;
	font:normal 13px/25px tahoma,arial,sans-serif;
}
#menu ul :hover div ul li a:hover {color:#fff;}
