.menu {
width:880px; 
height:25px; 
position:relative; 
z-index:100;
font-family:Arial, Helvetica, sans-serif;
text-transform:uppercase;
font-size:0.7em;
margin:5px 0 0 0;
}
/* hack to correct IE5.5 faulty box model */
* html .menu {
width:880px; 
w\idth:880px;
}

/* remove all the bullets, borders and padding from the default list styling */
.menu ul {
padding:0;
margin:0;
list-style-type:none;
}

.menu ul li {
float:left;
position:relative;
width:136px;
text-align:center;
background-image:url(logos/menubg.jpg);
background-repeat:repeat-x;
margin-right:5px;
margin-left:5px;
}

.menu ul li a {
text-decoration:none;
color:#ffffff;
line-height:25px;
display:block;
height:25px; 
}
.menu ul li a:hover {
color:#ffffff;
}

.menu ul li ul li {
border-top:1px solid #ffffff;
background-image:url(logos/menutrans.png);;
background-repeat:repeat;
text-align:left;
margin-right:0px;
margin-left:0px;
}
.menu ul li ul li a:link,
.menu ul li ul li a:visited {
color:#666666;
padding:0 0 0 10px;
}
.menu ul li ul li a:hover {
background-image:none;
color:#035cac;
background-color:#b9d6e5;
}

/* a hack so that IE5.5 faulty box model is corrected 
* html .menu a, * html .menu a:visited {
width:136px; 
w\idth:136px;
}*/

/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul {
visibility:hidden;
position:absolute;
height:0;
top:25px;
left:0px;
border:0px;
padding:0 0 0 0;
}

/* another hack for IE5.5 */
* html .menu ul ul {
top:25px;
t\op:25px;
}

/* style the table so that it takes no part in the layout - required for IE to work */
.menu table {
position:absolute; 
top:0;
left:0;
border-collapse:collapse;
}

/* style the top level hover */
.menu a:hover, .menu ul ul a:hover{
color:#ffffff; 
}

.menu :hover > a, .menu ul ul :hover > a {
color:#ffffff;
}

/* make the second level visible when hover on first level list OR link */
.menu ul li:hover ul,
.menu ul a:hover ul{
visibility:visible;
}