#nav {padding:0; margin:0; list-style:none; position:relative; z-index:600; height:38px; width:735px;}
 
#nav ul {position:absolute; left:-9999px; top:-9999px; padding:0; margin:0; list-style:none; float:left; background:#fff; border-top:1px solid #fff; }

#nav li {float:left; margin-right: 0px;}
#nav li li {float:none; margin-right: 0; padding: 4px 0; border-left:1px solid #ccc; border-right:1px solid #ccc; border-bottom: 1px dotted #ccc; background: #fff;}
#nav li.last {border-bottom:1px solid #ccc;}
#nav li.toplast {margin-right: 0;}

#nav li a {display:block; float:left; color:#fff; height:38px; width: 122px;  text-align: center; line-height:34px; text-decoration:none; white-space: nowrap; font-weight:bold;}
#nav li.toplast a {width: 124px;}
#nav li li a {display:block; height:auto; width: 188px; color:#3a2440; white-space: normal; line-height:20px; float:none; text-align: left; padding:0 5px; font-weight:normal; letter-spacing:1px; background: #fff;}
#nav li.toplast li a {width: 188px; background-image: none;}
/*#nav li li a.fly {background: #36718f url('images/arrow-right-2-lt.gif') 130px center no-repeat;}
#nav ul.left li a.fly {padding-left: 15px; width: 129px; background: #36718f url('images/arrow-left-2-lt.gif') 5px center no-repeat;}*/

#nav li:hover {position:relative; z-index:600;}
#nav li:hover ul {width: 200px; left:0; top:37px; position: absolute; z-index:500; }
#nav li:hover ul.left{width: 200px; left:-76px; top:37px; z-index:500;}

/* dropdown rules for browsers that understand (not IE6) */
/* show next level */
#nav li:hover li:hover > ul {margin-left:100%; left:-5px;  top:-1px; z-index:500;}
#nav li:hover li:hover > ul.left  {margin-left:-100%; left:0; top:-1px; z-index:500; }
/* keep further levels hidden */
#nav li:hover > ul ul {position:absolute; left:-9999px; top:-9999px; width:auto; }
#nav li:hover > ul ul.left {position:absolute; left:-9999px; top:-9999px; width:auto; }
/* show path followed */
#nav li:hover > a {color:#fff; background: url("../images/navbuttons.gif") 0 -38px no-repeat;}
#nav li.toplast:hover > a {color:#fff; background: url("../images/navbuttons_last.gif") 0 -38px no-repeat;}
#nav li li:hover > a {color:#fff; background-color:#d5b345; background-image: none;}
#nav li ul.left li:hover > a {color:#fff; background-color:#d5b345; background-image: none;}