/* common styling */

.menu ul li a, .menu ul li a:visited {
	display:block; 
	text-decoration:none; 
	color:white; 
	padding:6px 18px; 
	overflow:hidden;
}

.menu ul {
	padding:8px; 
	margin:0; 
	list-style:none;
}

.menu ul li {
	float:left;
	position:relative; 
	text-align:center; 
	font-size:11px; 
	font-weight:bold; 
}
	
.menu ul li ul {
	display: none;
}

/* specific to non IE browsers */
.menu ul li:hover a {
	color:#eeeeee; 
	background-color:#006666;
	text-decoration:none;
}

.menu ul li:hover ul {
	display:block; 
	position:absolute; 
	top:18px; 
	left:-8px; 
	width:190px;
}
.menu ul li:hover ul li a {
	display:block;
	font-size:11px;
	width:100px;
	padding-top:2px;
	height:12px;
	background:#666666; 
	color:white;
	text-align:left;
	border-top:1px solid #cccccc;
	border-left:1px solid #cccccc;
	border-right:1px solid #cccccc;
}
.menu ul li:hover ul li a:hover {
	background:#999999; 
	color:white;
}