ul.menu {
	font:0.8em normal Arial,Helvetica,sans-serif;
	z-index: 100;
}

ul.menu, ul.menu ul {
	border-bottom:none;
	margin:0;
	padding:0;
	width:175px;
}

ul.menu li {
	font-size:0.97em;
	list-style-image:none;
	list-style-type:none;
	position:relative;
	text-align:right;
	width:100%;
}

ul.menu a {
	display:block;
	color:#fff !important;
	font-weight:bold;
	margin:0;
	padding:2px 20px 2px 5px;
	text-decoration:none;
}

ul.menu li ul {
	background:#aaa;
	border-right:1px solid #78151f;
	border-top:1px solid #aaa;
	display:none;
	left:175px;
	position:absolute;
	top:0px;
}

ul.menu li.sel {
	background:#555 url(arrow_off.gif) no-repeat 165px 1px;
	border-bottom:1px solid #eee;
	border-top:1px solid #eee;
}

ul.menu li:hover, ul.menu li.CSStoHighlight {
	background-image: url(arrow_off.gif);
	background-repeat: no-repeat;
	background-position: 165px 1px;
	z-index: 100;
}

ul.menu ul li.CSStoHighlight {
	background-image: none !important;
}

ul.menu ul li a {
	background:#eee;
	border-bottom:1px solid #aaa;
	color:#00c !important;
	font-size:0.9em;
	margin-left:5px;
	padding:2px 10px 2px 5px;
	width:155px !important;
	z-index: 100;
}

ul.menu ul li a:hover {
	color:#78151f !important;
	background:#f5f5f5;
}

ul.menu li:hover > ul {
	display:block;
}

ul.menu ul.CSStoShow {
	display: block;
}//-->
</style>
<!--[if gte IE 5]>
<style type="text/css">
/* that IE 5+ conditional comment makes this only visible in IE 5+ */
ul.menu li {  /* the behaviour to mimic the li:hover rules in IE 5+ */
	behavior: url( IEmenu.htc );
}
ul.menu ul {  /* copy of above declaration without the > selector */
	background:#aaa;
	border-right:1px solid #78151f;
	display: none;
	position: absolute;
	top: 2px;
	left: 175px;
}
</style>
<![endif]-->