body {margin:25px; font-size:12px; font-family:Georgia,"Helvetica Neue",Helvetica,Arial,sans-serif;}
* {padding:0; margin:0}
.dropdown {float:left; padding-right:5px}
.dropdown dt {width:110px; padding:8px; font-weight:bold; cursor:pointer; color:#ffffff;}

.dropdown#active dt {width:110px; padding:8px; font-weight:bold; cursor:pointer; color:#eaf0f2;}

.dropdown dt:hover {color:#eaf0f2;}
.dropdown dd {position:absolute; overflow:hidden; width:150px; display:none; background:#fff; z-index:200; opacity:0}
.dropdown ul {width:150px; 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:#176b8a; text-decoration:none; background:#eaf0f2; width:140px}
.dropdown a:hover {background:#d9e1e4; color:#176b8a}
.dropdown .underline {border-bottom:1px solid #b9d6dc}