/* CSS Document */

 ul#nav{
	list-style:none;
	padding:0;
	margin:0;
	z-index:100;
}
 ul#nav li{
	float:left;
	position: relative;
}


#nav li li a {
	display: block;
	font-size: 11px;
	color: #000066;
	padding: 2px;
	width:100px;
	background:transparent;
	z-index:100;
}

#nav li li a:hover {
	padding:2px; 
	background:#000066;
	color:#cccccc;
	width:100px;
	z-index:100;
}
li > ul {
	top: auto;
	left: auto;
}

li ul {
  	display: none;
	list-style:none;
	padding:0;
	margin:0;
  	position: absolute; 
  	top: 28px;
 	left: 18px;
  	background:#dddddd;
	border:1px solid #000066;
	width:102px;
	z-index:100;
}	


li li{
	display: block;
	float: none;
	background:transparent;
	border: 0;}
li:hover ul, li.over ul { display: block; } /* The magic */