#menu {
height:25px; 
line-height:28px;
text-align:center;          
background-image: url(menu_middle.png);
background-repeat:repeat-x;
float:left;
}
#menu table {border-collapse:collapse; width:0; height:0; margin:-1px;}
#menu ul {margin:0; padding:0; list-style:none; white-space:nowrap; text-align:left;position:relative;}
#menu ul {display:inline-block;} 
#menu ul.level1 {padding-right:2px;}
#menu li {float:left;}
#menu ul div {position:absolute; left:-9999px; top:-32000px;}

#menu a {display:block; color:#0c2d5b; height:39px; text-decoration:none;padding:0 14px; text-align:center;}
#menu ul.level1 li.level1-li a.level1-a {float:left;}
#menu ul.level1 li.level1-li a.level1-a:hover {border:0; color:#fff; position:relative;}
#menu ul.level1 li.level1-li a.level1-a.drop:hover {}
#menu ul.level1 li.level1-li:hover {position:relative;}
#menu ul.level1 li.level1-li:hover > a {color:#0c2d5b;}

#menu ul.level1 li.level1-li a.level1-a:hover b {display:block; width:1px; height:1px; overflow:hidden; position:absolute; right:-1px; top:25px; background:#c9d6ea;}
#menu ul.level1 li.level1-li:hover > a b {display:block; width:1px; height:1px; overflow:hidden; position:absolute; right:-1px; top:25px; background:#c9d6ea;}

#menu ul :hover div {left:0; top:25px; background:#c9d6ea;}
#menu ul :hover div ul {border:1px solid #fff; border-width:0 2px 2px 2px; padding-bottom:5px;}
#menu ul :hover div ul li {float:none; height:25px;}
#menu ul :hover div ul li a {display:block; height:25px; text-align:left;}
#menu ul :hover div ul li a:hover {color:#fff;}