@charset "utf-8";
/* CSS Document */
<style>

*{
/* Reset all */
	margin: 0px;
	padding: 0px;
}

body {
	font-family: verdana;
	color:#FFFF00;
	background-color: #000000;
	padding: 20px;
	}

nav {
 width:100px;
 margin:10px;
}
 
nav ul {
 /* Removes bullet points */
 list-style:none;
 margin:0;
 padding:0;
 
}
nav ul li {
 /* Any child positioned absolutely will be positioned relative to this */
 position:relative;
}
nav a {
 color:#e8e8e8;
 padding:12px 0px;
 /* Fill all available horizontal space */
 display:block;
 /* Remove underline */
 text-decoration:none;
 
}
nav a:hover {
 /* 
 RGBA background for transparancy: 
 last number(0.05) is the transparency 
 */
 background: RGBA(255,255,255,0.50);
 color:#fff;
}

nav ul li:hover ul {
 /* When list item is hovered, display UL nested within. */
 display:block;
}
nav ul ul {
 /* Remove element from document flow */
 position:absolute;
 /* Position relative to its parent &lt;li&gt; */
 left:100px;
 top:0;
 border-top:1px solid #e9e9e9;
 display:none;
}
nav ul ul li {
 width:200px;
 background: #FFF;
 border:1px solid #e9e9e9;
 border-top:0;
}
nav ul ul li a {
 color:#a8a8a8;
 font-size:12px;
 text-transform:none;
}
nav ul ul li a:hover {
	color:#003399;
}



</style>