.navigator {height:25px;width:100%;padding:10px 0 0 0px;}
.navigator2 {text-align:left;font-size:12px;font-family:arial;font-weight: bold;width:600px;}

#nav, .nav, #nav .nav li { margin:0px; padding:0px; }
#nav li {float:left; display:inline; cursor:pointer; list-style:none; padding:0px 20px 5px 20px; border:0px #ddd solid; position:relative;}
#nav li ul.first {left:-1px; top:100%;}

li, li a {color:#000; text-decoration:none;}
#nav .nav li { width:100%; text-indent:10px; line-height:30px; margin-right:10px; border-top:0px #ddd solid; border-bottom:0px #ddd solid; background:#f8f8f8;border-left:none; border-right:none; }
#nav li a {display:block; width:inherit; height:inherit;}

ul.nav { display:none; }
#nav li:hover > a, #nav li:hover { color:#00e; background:#f8f8f8; }
li:hover > .nav { display:block; position:absolute; width:200px; top:-2px; left:50%; z-index:1000; border:1px #ddd solid; background:#f8f8f8;} <!--AFTER DISPLAY IS THE IE GHOST HOVER FIX -->
li:hover { position:relative; z-index:2000; } <!--IE7 Z-INDEX BUG FIX, MUST FALL AFTER DISPLAY RULE -->