/*
Example:

<LINK href="/hovermenu.css" type="text/css" rel="stylesheet" />

<SPAN class="Menu">
<DL class="MenuClose" onmouseover="this.className = &quot;MenuOpen&quot;;" onmouseout="this.className = &quot;MenuClose&quot;;" onfocus="this.className = &quot;MenuOpen&quot;;" tabindex="0">
<DT><LABEL>File</LABEL></DT>
<DD>
<UL>
<LI><A href="about:blank">New</A></LI>
<LI><A href="about:blank">Open...</A></LI>
</UL>
</DD>
</DL>
</SPAN>

*/



SPAN.Menu {display: -moz-inline-box;  display: inline-block;  vertical-align: middle;}
SPAN.Menu DL.MenuClose DD {display: none;}
SPAN.Menu DL.MenuOpen DD {display: block;}
SPAN.Menu DL.MenuOpen DT {text-decoration: underline;}



SPAN.Menu DL {margin: 0;}
SPAN.Menu DT {}
SPAN.Menu DT A:link, SPAN.Menu DT A:visited {border-bottom-style: solid !important;}
/*
SPAN.Menu DT LABEL {display: -moz-inline-box;  display: inline-block;  padding: 0.2625em;  padding-bottom: 0.2em;  margin: 0;  border-bottom: 0.0625em solid !important;}
*/
SPAN.Menu DT LABEL {display: -moz-inline-box;  display: inline-block;  margin: 0;  border-bottom: 0.0625em solid !important;}
SPAN.Menu DD {position: absolute;  border: 0.0625em solid;  margin-left: 0;  padding: 0 0.5em;  z-index: 127;  background-color: #FFF;  color: #000;}
SPAN.Menu DD UL {margin-left: 0;  padding-left: 0;  list-style-type: none;  position: relative;}
SPAN.Menu DD UL LI {margin-left: 0;  padding-left: 0;}

SPAN.Menu DD UL LI A:link, SPAN.Menu DD UL LI A:visited {border: none !important;  padding: 0.1em 0;}
SPAN.Menu DD UL LI A:hover, SPAN.Menu DD UL LI A:focus, SPAN.Menu DD UL LI A:active {border: none;}