/* common styling */
.menu {
	font-family: "Times New Roman", Times, serif; 
	width:200px; 
	height: 240px;
	position:relative; 
	margin:0; 
	font-size:11px; 
	font-weight: bold;
	letter-spacing: 1px;
	text-align: justify;
	list-style: none;
	display: block;
	padding-top: 10px;
	
}

.menu ul li a, .menu ul li a:visited {
	display:block; 
	color:#000; 
	text-decoration: none;
	text-align:center; 
	line-height:19px; 
	font-size:11px;
	width: 188px;
	padding-top: 5px;
	padding-bottom: 5px;
	border-bottom: 1px solid #000 ;
	text-transform: uppercase;
	padding-left: 12px;
	text-align: left;
	
}
.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; background:#b3ab79;}
.menu ul li:hover ul {display:block; position:absolute; top:0; left:200px; width:107px; border: 0px #000 solid; border: 0px; padding: 0px;}
.menu ul li:hover ul li a.hide {background:#dfc184; color:#000;  font-family: Arial, Helvetica, sans-serif; font-weight: none; font-size: 10px; letter-spacing: normal; padding-left: 3px;}
.menu ul li:hover ul li:hover a.hide {width:150px;}
.menu ul li:hover ul li ul {display: none;}
.menu ul li:hover ul li a {display:block; background:#b3ab79; color:#000; width:152px;  font-family: Arial, Helvetica, sans-serif; font-weight: none; font-size: 10px; letter-spacing: normal; border: 0px; padding: 0 0 0 10px; text-transform:lowercase; font-weight:100;}
.menu ul li:hover ul li a:hover {background:#dfc184; color:#000; text-decoration:underline;}
.menu ul li:hover ul li:hover ul {display:block; position:absolute; left:151px; top:0; color:#000;}
.menu ul li:hover ul li:hover ul li a {display:block; width:200px; background:#dfc184; color:#000;}
.menu ul li:hover ul li:hover ul li a:hover {background:#bd8d5e; color:#fff;}