.menu ul li a:hover {
color:black; /* ie 1st level hover background colour */
background:#FDF5E6; /* ie 1st level hover font colour */
font-weight:bold;
}
.menu ul li a:hover ul {
display:block; 
position:absolute; 
top:2em; /* padding distance from 1st level to 2nd level containers */
left:0;
background:#8B2252;
margin-top:0;
marg\in-top:1px;
}
.menu ul li a:hover ul li a {
display:block; 
background:#8B2252;  /* ie 2nd level background colour */
color:#fff;  /* ie 2nd level text colour */
font-size:0.8em; /* 2nd level text size */
font-weight:normal;
height:auto; 
line-height:1.5em; 
padding:3px 8px;
border-bottom:1px solid white; 
width:109px; /* ie 2nd level container width */
w\idth:109px; /* ie 2nd level container width */
}
.menu ul li a:hover ul li a.drop {
background:#670C35 url(../../graphics/drop.gif) bottom right no-repeat; /* ie: background on an item that has a popout */
}
.menu ul li a:hover ul li a ul {
visibility:hidden; 
position:absolute; 
height:0; 
width:0;
}
.menu ul li a:hover ul li a:hover {
background:#66cdaa; /* ie: background on a 2nd level hovered menu item */
color:black;  /* ie: font colour on a 2nd level hovered menu item */
}
.menu ul li a:hover ul li a:hover ul {
visibility:visible; 
position:absolute; 
top:0; 
color:#000;
left:125px;/* this is the distance between the menu and its child */
}
.menu ul li a:hover ul li a:hover ul.left {
left:-125px;
}