#dropmenudiv{
position: absolute;
z-index:100;
padding: 2px 3px;
font: bold 12px/18px arial, helvetica, sans-serif;
margin: 0;
}

#dropmenudiv a{
width: 100%;
display: block;
text-indent: 0px;
color: #000e77;
background: #E8E2E2;
z-index=100;
width: 15em;
border:1px solid;
border-color: #ccc #888 #555 #bbb;
text-decoration: none;
}

#dropmenudiv a:hover{ /*hover background color*/
color: #C10100;
background: #fff;


}

/* Requirement: Put the element selector name (div)
onto non anchor hover selectors to force IE5 and
5.5 to correctly apply the csshover file. */

div#menu li, div#menu li:hover{
position:relative;
}

div#menu li ul{
position:absolute;
top:0;
left:100.1%;
display:none;
}

div#menu ul ul,
div#menu ul ul ul,
div#menu ul li:hover ul ul,
div#menu ul li:hover ul ul ul
{display:none;}

div#menu ul li:hover ul,
div#menu ul ul li:hover ul,
div#menu ul ul ul li:hover ul
{display:block;}

/* End non-anchor hover selectors */