/* common styling */
.menu {
/*	font-family: arial, sans-serif; 
	width:750px; 
	height:100px; 
	position:relative;
	font-size:11px; 
	z-index:100;*/
	left:59px;
	top:5px;
	
	font-family:Arial, Helvetica, sans-serif;
	width:70px; 
	height:20px; 
	position:absolute;
	font-size:10px;
	z-index:6000;
}
.menu ul li a, .menu ul li a:visited {
	display:block; 
	text-decoration:none; 
	width:90px; 
	height:28px; 
	text-align:left; 
	border:none;
	color:##D1844A;
	background:none; 
	line-height:20px; 
	font-size:10px; 
	overflow:hidden;
	text-indent:4px;
}

.menu ul {
	padding:0; 
	margin:0; 
	list-style: none;
}
.menu ul li {
	float:left; 
	position:relative;
}
.menu ul li ul {
	display: none;
}


/* specific to non IE browsers */
.menu ul li:hover a {color:#FFFFFF;  text-indent:4px;} /* MAIN HEADER */
.menu ul li:hover ul {display:block; position:absolute; top:20px; left:0; width:90px;}
.menu ul li:hover ul li a.hide {background:#b36328; color:#FFFFFF; height:20px; text-indent:4px;} /* 1st layer un-hovered */
.menu ul li:hover ul li:hover a.hide {background:#bc6d31; color:#3F200F; height:20px; text-indent:4px;} /* 1st layer hovered */
.menu ul li:hover ul li ul {display: none;}
.menu ul li:hover ul li a {display:block; background:#c47437; color:#FFFFFF; height:20px; text-indent:4px;} /* 2nd layer un-hovered */
.menu ul li:hover ul li a:hover {background:#d1844a; color:#3F200F; height:20px; text-indent:4px;} /* 2nd layer hovered */
.menu ul li:hover ul li:hover ul {display:block; position:absolute; left:90px; top:0;}
.menu ul li:hover ul li:hover ul.left {left:-90px;}