#nav {padding:0; margin:0; list-style:none; height:36px; position:relative; z-index:300; width:978px; font-size: 12px; font-family: Helvetica Neue, Arial, Helvetica, sans-serif;}
#nav li.top {display:block; float:left; background-image: url(../images/divider.gif); background-position: right top; background-repeat:repeat-y;}
#nav li a {display:block; float:left; height:36px; text-decoration:none; padding:0; cursor:hand;}
#nav li a b {margin-left:-1600px;}

#nav li a.home {background:url(../images/home.png); width:69px;}
#nav li a.equipment {background:url(../images/equipment.png); width:119px;}
#nav li a.testing {background:url(../images/testing.png); width:118px;}
#nav li a.club {background:url(../images/club.png); width:82px;}
#nav li a.gear {background:url(../images/gear.png); width:81px;}
#nav li a.courses {background:url(../images/courses.png); width:99px;}
#nav li a.links {background:url(../images/links.png); width:62px;}
#nav li a.diveshop {background:url(../images/shop.png); width:82px;}
#nav li a.contact {background:url(../images/contact.png); width:92px;}


#nav li:hover a,
#nav a:hover
{background-position: 0 36px;}

#nav table {position:absolute; top:0; left:0; border-collapse:collapse; padding:0; width:0; height:0; margin:-1px;}

#nav .sub {position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none; border: 1px solid  #2674aa;}

#nav li:hover {position:relative; z-index:200;}
#nav a:hover {position:relative; white-space:normal; z-index:300;}

#nav :hover ul.sub
{left:0; top:36px; background: #045793; width:205px; height:auto; z-index:300;}
#nav :hover ul.sub li
{display:block;  position:relative; float:left; width:185px;  padding-top: 10px; padding-bottom: 6px; padding-left: 5px; border-bottom: 1px dotted #2674aa; border-left: 7px solid #045793; z-index:300; }
#nav :hover ul.sub li a
{display:block; width:185px; text-decoration:none; padding:0; cursor:pointer; height:20px; color:#81c2ef; z-index:300;  }

#nav :hover ul.sub li a:hover 
{background-position: 0 36px; position:relative; color:#ffffff;}

.menutop {position: relative;}

.diverBg { background-image: url(../images/diverBg.gif); background-position: right top; background-repeat:no-repeat;}