#menu {float:right; background-image:url(images/menu.jpg); background-repeat:no-repeat; width:500px; height:28px; position:relative; top:52px; font-size:13px; color:#fff}
#menu ul {list-style: none; margin:0px 0 0 15px; padding: 0; float: left;}
#menu a, #menu h2 {font: bold 11px/16px arial, helvetica, sans-serif;display: block;border-width: 0px;border-style: solid;border-color: #ccc #888 #555 #bbb;margin: 0; padding:4px 21px 5px 10px;}
#menu h2 {color: #fff;background: transparent;}
#menu h2:hover{background-color:#62baea}
#menu a {color:#fff;text-decoration: none;}
#menu a:hover {color: #fff; background: #62baea;}
#menu li {position: relative;}
#menu ul ul {background: #707579; position: absolute;z-index: 500;width: 100%; margin:0;}
#menu ul ul ul{background: #707579; position: absolute;z-index: 600;width: 100%; margin:0;left:150px; top:0px;}
#menu ul ul h2{ font-size:10px}
#menu ul ul li{border-bottom:1px solid #fff;}
#menu ul ul li a{ font-size:10px}
#menu #serv {background-color:#919496; background-image:url(images/bullet.gif); background-position:10px center; background-repeat:no-repeat}
#menu #serv a{padding: 2px 0 2px 20px; }
#menu #servb {background-color:#919496; background-image:url(images/bullet.gif); background-position:10px center; background-repeat:no-repeat}
#menu #servb a{padding:2px 0 2px 20px}


div#menu ul ul{display: none; width:150px;}
div#menu ul ul ul li {display: none; width:150px;}
div#menu ul ul li:hover{display:block; width:150px;}
div#menu ul li:hover ul{display: block;}
div#menu ul ul li:hover ul li{display: block;}
#menu ul ul a:hover { background-color:#62baea; color:#fff;}

<!--[if IE6]>
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 {font: bold 13px/1.4em Arial, Helvetica, sans-serif;}
<![endif]-->