<style type="text/css">
#menu {list-style-type:none; margin:0 0 30px 0; padding:0;}

#menu li {display:block; float:left; position:relative; z-index:100; margin-right:1px;}
#menu li span {display:block; z-index:100; padding: 5px 10px;font-size:1.1em;color:transparent}
#menu li a, #menu li a:visited {display:block; padding:0; white-space:nowrap;}

#menu dl {position:absolute; top:0; left:0; margin: 0; padding: 0; background:transparent url(/images/opaque.png);}
* html #menu dl {background:transparent url(/images/opaque.gif);}
#menu dt {margin:0; font-size: 1.1em; float:left;}
#menu dd {display:none; background: transparent; clear:left; margin:0; padding:0; color: #000; font-size: 1em; text-align:left;}

#menu dt a, #menu dt a:visited {display:block; color:#000; padding: 5px 10px; text-decoration:none; border-top:#000 solid 1px;border-left:#000 solid 1px;border-right:#000 solid 1px;margin-bottom:-1px;}
#menu dd a, #menu dd a:visited {color:#000; text-decoration:none; display:block; padding: 5px 10px; border-top:#000 solid 1px;border-left:#000 solid 1px;border-right:#000 solid 1px;margin-bottom:-1px;}

#menu li a:hover {border-top:#000 solid 1px;border-left:#000 solid 1px;border-right:#000 solid 1px; text-decoration:underline;}

#menu li:hover dd, #menu li a:hover dd {display:block;}
#menu li:hover dl, #menu li a:hover dl {padding-bottom:0;}
#menu li:hover dt a, #menu li a:hover dt a, #menu dd a:hover {color:#c00;}

</style>