/* common styling */
.menu {
	font-family: "trebuchet MS", helvetica, arial, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #eee;
	position:relative; 
	z-index:00;
	margin: 0px 4px;
	padding-bottom: 0px;
}
.menu ul li a, .menu ul li a:visited {
	display:block;
	text-decoration:none;
	color:#eee;
	line-height:23px;
	font-size:11px;
	overflow:hidden;
	border-bottom: 0px;
	padding-bottom: 3px;
	margin: 0 4px;
}
.menu ul li .sub {
	background: #777;
	border: 0px;
	width: 160px;
	text-align: left;
	margin: 0px;
	padding: 0px;
}
.menu ul {padding:0; margin:0;list-style-type: none; }
.menu ul li {float:left; margin-right:1px; position:relative;}
.menu ul li ul {display: none;}

/* specific to non IE browsers */
.menu ul li:hover a {color: #fff; border-bottom: 3px solid gold; padding-bottom: 0px;}
.menu ul li:hover ul {display:block; position:absolute; top:23px; left:0; width:160px; border-bottom: 4px solid #777; border-top: 4px solid #777;}
.menu ul li:hover ul li a.hide {background-image: url(images/menu_arrow_right.gif);background-position: top right; background-repeat: no-repeat; color:#eee;}
.menu ul li:hover ul li:hover a.hide {background-image: url(images/menu_arrow_right.gif);background-position: top right; background-repeat: no-repeat; color:#fff;}
.menu ul li:hover ul li ul {display: none;}
.menu ul li:hover ul li a {display:block; background:#777; color:#eee; border-bottom: 1px dotted #999; padding-bottom: 2px;}
.menu ul li:hover ul li a:hover {color:#eee; border-bottom: 3px solid gold; padding-bottom: 0px;}
.menu ul li:hover ul li:hover ul {display:block; position:absolute; left:160px; top:0;}
.menu ul li:hover ul li:hover ul.left {left:-105px;}