/*the transparent bg needs to sit outside the menu div or the position:relative for the links won't work - if #menu itself is set at an absolute position  things don't work in IE*/
#menu_bg {
	width:950px;
	height:25px;
	position:absolute;
	left:0px;
	top:0px;
}
#menu a{
	position:relative;
	z-index:99;
}
#menu  ul {
	position:absolute;
	left:0px;
	top:0px;
	padding:0px;
	font-size:0px;/* used to keep menu at top of div*/
	z-index:999;
}
#menu  ul li {
	float:left;
	display: inline;
	list-style: none; 
	height:25px;
	padding:0 1px 0 0;	
}
#header ul.level1 li.last{
	float:left;
}	
#menu ul li a {
	padding:6px 14px 5px 14px;
	font:bold 11px/25px Arial, Helvetica, sans-serif;
	color:#EAEADA;
	text-decoration:none;	
}
#menu ul li a:hover, 
#menu ul li a:active {
	color:white;
	background:#726D33;
}

/*this defines the appearance of the selected menu item  */
#menu ul.level1 a#current {	
	color: black; 
	background:#BEBB85;	
}
#menu ul.level1 a#current:hover {	
	color:white;
	background-color:#726D33;	
}
/* THE SUBMENUS */
/* all the submenu UL */
#menu  ul li ul {
	position: absolute;
	top: 0px;
	left: 0px;
	visibility: hidden;
	margin: 0px;
	background: #BEBB85;
	padding:0px;
		width:auto;
}
	/* all the submenu LI */
#menu  ul li ul li {
	float: none;
	display:block;
	margin: 0;
	padding:0px 7px 0px 7px; 
	white-space:nowrap; 
	z-index:999;
}

/*all the submenu links  */
#menu li ul li a {
	padding:0px;
	margin: 0;
	color:black;
}
#menu li ul li a:hover, #menu li ul li a:active {
	color: white;
	background:none;
}