<style>
body {
margin: 0;
padding: 0;
background: #ffff00;
font-family: "Century Gothic", "Trebuchet MS"; 
font-size: 8pt; 
border-collapse:collapse;
color: #ffffff;
}
dl, dt, dd, ul, li {
margin: 0;
padding: 0;
list-style-type: none;
}
#menu {
position: absolute; /* Menu position that can be changed at will */
top: 0px;
left: 0;
font-family: "Century Gothic", "Trebuchet MS"; 
font-size: 7pt;
color: #ffffff;
}
#menu {
width: 13.75em;
}
#menu dt {
cursor: pointer;
margin: 0px 0;;
height: 14px;
line-height: 14px;
text-align: right;
font-family: "Century Gothic", "Trebuchet MS"; 
font-size: 8pt;
color: #ffffff;
border-bottom: 6px #333333;
border-top: 0px #444444; 
border-left: 0px #444444; 
border-right: 0px #444444; 
border-collapse:collapse;
background: #000000;
}
#menu dd {
font-family: "Century Gothic", "Trebuchet MS"; 
font-size: 8pt;
color: #ffffff;
border-bottom: 1px #333333;
border-top: 1px #444444; 
border-left: 0px #444444; 
border-right: 0px #444444; 
}
#menu li {
font-family: "Century Gothic", "Trebuchet MS"; 
font-size: 8pt;
color: #ffffff;
text-align: right;
background: #000000;
margin: 1px 0;;
height: 16px;
line-height: 16px;
border-bottom: 1px #333333;
border-top: 1px #444444; 
border-left: 0px #444444; 
border-right: 0px #444444; 
}
#menu li a, #menu dt a {
color: #ffffff;
text-decoration: none;
display: block;
border: 0 none;
height: 100%;
font-family: "Century Gothic", "Trebuchet MS"; 
font-size: 8pt;
}
#menu li a:active, #menu dt a:active, {
font-family: "Century Gothic", "Trebuchet MS"; 
font-size: 8pt;
color: #ffffff;
background: #808000;
}
#menu li a:hover, #menu dt a:hover, {
font-family: "Century Gothic", "Trebuchet MS"; 
font-size: 8pt;
color: #ffffff;
background: #808000;
}

</style>