a.type1, a.type:visited    {color:#ffffff; text-decoration:none;}
a.type1:hover   {color:#ffffff; text-decoration:underline;}

#menu {
width:9em;
}
 
#menu ul {
list-style: none;
margin: 0;
padding: 0;
}
 
#menu a {
font: 13px arial, helvetica, sans-serif;
display: block;
border: 1px solid #fff;
margin: 0;
padding: 5px 8px;
}
 
#menu a {
color: #003366;
background: #fff;
text-decoration: none;
}
 
#menu a:hover {
color: #9c2b24;
background: #fff;
text-decoration: underline;
}

#menu li li a {
color: #000;
width: 12.5em;
border: 1px solid #003366;
}

#menu li li a:hover {
color: #fff;
background: #003366;
text-decoration:none;
}

#menu li {
position: relative;
}
 
#menu ul ul {
position: absolute;
top: 0;
left: 100%;
width: 100%;
}
 
div#menu ul ul,
div#menu ul li:hover ul
{display: none;}
 
div#menu ul li:hover ul,
div#menu ul ul li:hover
{display: block;}

.hide {
display: none;
}
 
<!--[if IE]>
 #menu ul li {
 float: left;
 width: 100%;
 }
<![endif]-->

<!--[if lt IE 7]>
body {
behavior: url(csshover.htc);
font-size: 100%;
} 
#menu ul li {
float: left;
width: 100%;
}

#menu ul li a {
height: 1%;
} 
 
#menu a, #menu h2 {
color: #003366;
background: #fff;
text-decoration: none;
}
<![endif]-->