/* -- MENU -- */

/* common styling */
.menu { 
	font-family: Georgia, "Times New Roman", Times, serif; 
	width: 162px; 
	height: 218px; 
	position: relative; 
	margin: 0; 
	font-size: 12px; 
	margin: 5px 0 0 0;
}

.menu ul li a, .menu ul li a:visited { 
	display: block; 
	text-decoration: none; 
	width: 162px; 
	height: auto; 
	text-align: left; 
	background: none; 
	line-height: 19px; 
	font-size: 12px;
}

.menu ul {
	padding: 0; 
	margin: 0;
	list-style-type: none;
	list-style-image: none;
}

.menu ul li {
	float: left; 
	margin-right: 1px; 
	position: relative;
	list-style-image: none;
}

.menu ul li ul {
	display: none;
}

/* specific to non IE browsers */
.menu ul li:hover a {
	color:#ffffff; 
	background: none;
}
.menu ul li:hover ul {
	display: block; 
	position: absolute; 
	top: 0; 
	left: 162px; 
	width: 162px;
}

.menu ul li:hover ul li a.hide {
	background: #dfc184; 
	color: #000000;
}
	
.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: #BCDC9C;
	color: #000000; 
	width: 150px;
	height: auto; 
	padding-left: 10px;
}

.menu ul li:hover ul li a:hover {
	background: #7ac143; 
	color: #ffffff;