#hmgmenu {
width:680px;
z-index:1;
color: #E9C916;
}
#hmgmenu, #hmgmenu ul {
margin-top:1px;
    padding: 0px;
    margin: 0px;
    list-style: none;
list-style: none;
/*z-index:1;*/
cursor:pointer;
}
#hmgmenu ul li ul, ul li ul li {
margin-left:6px;
width:12em;
/*z-index:1;*/
}
#hmgmenu a {
    display: block;
    /*width: 10em;*/
font: bold 12px/16px arial, helvetica, sans-serif;
background:black;
color:white;
margin: 0;
padding: 2px 3px;
text-decoration: none;
/*z-index:1;*/
}
#hmgmenu a:hover {
color: #a00;
background: #fff;
/*z-index:1;*/
}
#hmgmenu li {
    float: left;
/*z-index:1;*/
}
#hmgmenu li ul {
    position: absolute;
    /*width: 10em;*/
    left: -999em;
/*z-index:1;*/
}
#hmgmenu li:hover ul {
    left: auto;
}
#hmgmenu li:hover ul, #hmgmenu li.sfhover ul {
    left: auto;
/*z-index:1;*/
}

#hmgmenu p {
margin-left:4px;
font: 12px arial, helvetica, sans-serif;
color: #fff;
text-transform:capitalize;
/*z-index:1;*/
}

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


<!--[if IE]>
<style type="text/css" media="screen">
body {
behavior: url(csshover.htc); /* call hover behaviour file */
font-size: 100%; /* enable IE to resize em fonts */
} 
#hmgmenu ul li ul li {
width:12em;
background:black;
color:white;
}
#hmgmenu ul li ul li a {
background:black;
color:white;
}
#hmgmenu ul li ul li a:hover {
background:#9D2C3C;
color:white;
}
</style>
<![endif]-->