body {margin:25px; font:10px verdana, arial, helvetica}
* {padding:0; margin:0}
.dropdown {width:200px; float:left}
.dropdown dt {width:200px; border:2px solid #9ac1c9; padding-top:8px; padding-bottom:8px; text-align:center; font-weight:bold; font-size:13px; cursor:pointer; background:url('images/header.gif')}
.dropdown dt:hover {background:url('images/header_over.gif')}
.dropdown dd {position:absolute; overflow:hidden; width:auto; display:none; background:#fff; z-index:auto} 
.dropdown ul {width:199px; border:2px solid #9ac1c9; list-style:none; border-top:none}
.dropdown li {display:inline}
.dropdown a, .dropdown a:active, .dropdown a:visited {display:block; padding:5px; color:#333; text-decoration:none; background:#eaf0f2; width:auto}
.dropdown a:hover {background:#d9e1e4; color:#000}
.dropdown .underline {border-bottom:1px solid #b9d6dc}
body {background: url(images/compasses4.jpg) repeat fixed}