#pad{
height:140px;
}

#menu{
padding:0;
margin:0;
list-style:none; 
height:30px;
position:relative;
z-index:500;
font-family:arial,verdana, sans-serif;
}

#menu li{
float:left;
margin-right:1px;
}

#menu li a{
display:block;
float:left;
height:30px;
line-height:30px;
background:#25567b;
color:#ccc;
text-decoration:none;
font-size:11px;
font-weight:bold;
padding:0 30px 0 20px;
}

#menu table{
border-collapse:collapse;
width:0; height:0;
position:absolute; 
top:0;
left:0;
}

/* Default link styling */

/* Style the list OR link hover. Depends on which browser is used */

#menu li a:hover{
z-index:200;
position:relative;
color:#fff;
background-color:#033e6b;
}

#menu li:hover{
position:relative; 
z-index:200;
}

#menu li:hover > a{
color:#fff;
background-color:#033e6b;
}

#menu li:hover > a.sub{
color:#fff;
background-color:#033e6b;
}

#menu li.current a{
color:#fff;
background:#339900;
}

#menu li a.sub{
background: #25567b url('WebResource.axd?d=EPk9de5FHk7QbNVbxp9Xs1dxaXVw8o99S-wjpsaTGEgvEhDtMF94nUNgLCzqnW3fgStb2u9mh0GlElFdfrWY2g2&t=634081482860000000') no-repeat right center;
}

#menu li.current a.sub{
color:#fff;
background:#339900 url('WebResource.axd?d=EPk9de5FHk7QbNVbxp9Xs1dxaXVw8o99S-wjpsaTGEgvEhDtMF94nUNgLCzqnW3fgStb2u9mh0GlElFdfrWY2g2&t=634081482860000000') no-repeat right center;
}

#menu :hover ul{
left:0;
top:30px;
width:120px;
}

/* keep the 'next' level invisible by placing it off screen. */
#menu ul, 
#menu :hover ul ul{
position:absolute;
left:-9999px;
top:-9999px;
width:0;
height:0;
margin:0;
padding:0;
list-style:none;
}

#menu :hover ul li{
margin:0;
border-top:1px solid #ccc;
border-left:1px solid #ccc;
border-right:1px solid #ccc;
}

#menu :hover ul li.last{
border-bottom:1px solid #ccc;
}

#menu :hover ul li a{
width:120px;
padding:0;
text-indent:10px;
background:#66a3d2;
color:#fff;
height:30px;
line-height:30px;
}

#menu :hover ul :hover{
background-color:#033e6b;
color:#fff;
}