#nav li { /*float the main list items*/
	margin: 0;
	float: left;
	display: block;
	padding-right: 5px;
}
#nav li a {
	font-weight: lighter;
	display: block;
	width: 93px;
	padding: 0;
}
#nav li.off ul, #nav li.on ul  { /*put the subnav below*/
	position: absolute;
	top: 25px;
	left: 0px;
	padding-top: 15px;
	background: #224d6f;
	height: 28px;
	padding-left: 40px;
	padding-right: 30px;
}
#divNav {
	background: transparent url(bk-nav.jpg) no-repeat top left;
	margin: 0;
	padding: 0;
	height: 40px;
	width: 1000;
}

#bullet {
	position:relative;
	top: 0px;
	height: 30px;
	line-height: 20px;
	font-family:"Trebuchet MS", "Lucida Grande", Arial, Helvetica, sans-serif;;
}
#bullet li { /*float the main list items*/
	margin: 0px; 
	padding: 0px;
	float: none;
	display: list-item;
	padding-right: 20px;
	list-style:disc;
	list-style-type:disc;	
}

#bullet li ul, #bullet li ul {
	margin: 0px;
	padding: 0px;
}


#nav {
	position: relative;
	top: 15px;
	height: 40px;
	width: 1000x;
	font-family: arial, verdana, sans-serif;
	font-size: 11px;
	text-align: left;
}


#nav li ul, #nav li ul {
	margin: 0;
	padding: 0;
}

#nav a {
	text-decoration: none;
}

#nav li ul {
	display: none;
}

#nav li.on ul {
	background: #0F0;
}

#nav li.on:hover ul, #nav li.over ul { /*for ie*/

	background: #224d6f;
}


#nav li.on ul a, #nav li.off ul a {

	border: 0;
	float: left; /*ie doesn't inherit the float*/
	color: #0F0;
	width: auto;
	margin-right: 15px;
}

#nav li.on:hover ul a, #nav li.over ul li a { /*for ie - the specificity is necessary*/

	background: #224d6f;
}

#nav li.on ul {
	display:none;
}


#nav li.off:hover ul, #nav li.over ul {
	display: block;
	z-index: 6000;
}

#nav li.off:hover ul, #nav li.over ul {
	color:#fff;
}


/*do the image replacement*/

#nav li span {
	position: absolute;
	left: -9384px;
}

#liClasses a, #liDiveTrip a, #liGallery a, #liFAQ a, #liLinks a #liEmail {

	display: block;
	position: relative;
	height: 26px;
	background: url(bk-dropdownMap.gif) no-repeat; /*contains all hover states*/
}

/*first, put the initial states in place*/

#liClasses a {
	background-position: 0 0;
}

#liDiveTrip a {
	background-position: -102px 0;
}

#liGallery a {
	background-position: -204px 0;
}

#liFAQ a {
	background-position: -306px 0;

}

#liLinks a {
	background-position: -408px 0;
}

#liEmail a {
	background-position: -510px 0;
}

/*active area - for this demo - the code could be based on a body class, and probably work better.*/

 #liGallery.on a {
 	background-position: -204px -37px;

 } /*add selectors for the other li's and background-positions*/

/*hover states*/

#liClasses a:hover, #liClasses:hover a, #liClasses.over a {
	background-position: 0 -73px;
}

#liDiveTrip a:hover, #liDiveTrip:hover a, #liDiveTrip.over a {

	background-position: -102px -73px;
}

#liGallery a:hover, #liGallery:hover a, #liGallery.over a {
	background-position: -204px -73px;
}

#liFAQ a:hover, #liFAQ:hover a, #liFAQ.over a {

	background-position: -306px -73px;
}

#liLinks a:hover, #liLinks:hover a, #liLinks.over a {
	background-position: -408px -73px;
}

#liEmail a:hover, #liLinks:hover a, #liLinks.over a {
	background-position: -510px -73px;
}
/*subnav formatting*/

#nav li.off ul a, #nav li.on ul a {

	display: block;
	background: #224d6f;
	color: #fff;
	font-family: arial, verdana, sans-serif;
	font-size: 11px;
}		

#nav li.on ul a {
	background: #f90;
}