#divNav {
	background: transparent url(bk-nav.jpg) no-repeat top left;
	margin: 0;
	padding: 0;
	height: 100px;
	width: 950px;
	left:15px;
	top:65px;
	}

	#nav {
	position: relative;
	top:65px;
	left:15px;
	height: 59px;
	width: 920px;
	}

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

	#nav a {
		text-decoration: none;
	}

	#nav li { /*float the main list items*/
		margin: 0;
		float: left;
		display: block;
		padding-right: 0;
	}

	#nav li ul {
		display: none;
	}

	#nav li.off ul, #nav li.on ul  { /*put the subnav below*/
	font-size:12px;
		position: absolute;
		top: 59px;
		left: 0;
		background: #000000;
		height: 30px;
		padding:5px 30px 0 30px;
	}

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

	#nav li.on:hover ul, #nav li.over ul { /*for ie*/
		background: #000000;
	}

	#nav li a {
		color: #000000;
		font-weight: bold;
		display: block;
		padding: 0;
	}

	#nav li.on a {
		color: #f90;
	}

	#nav li.on ul a, #nav li.off ul a {
		border: 0;
		float: left; /*ie doesn't inherit the float*/
		color: #f90;
		width: auto;
		margin-right: 15px;
	}

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

	#nav li.on ul {
		display: block;
		font-size:12px;
	}

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

	#nav li.off a:hover, #nav li.on a:hover { 
		color: #f90;
	}

	/*do the image replacement*/

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

	#linav_f_01 a, #linav_f_02 a, #linav_f_03 a, #linav_f_04 a, #linav_f_05 a, #linav_f_06 a , #linav_f_07 a {
		display: block;
		position: relative;
		height: 59px;
		background: url(../img/cmn/bk-dropdownMap.gif) no-repeat; /*contains all hover states*/
	}

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

#linav_f_01 a {
width:90px;
	background-position: 0 0;
}

#linav_f_02 a {
width:140px;

	background-position: -90px 0;
}

#linav_f_03 a {
width:102px;

	background-position: -230px 0;
}

#linav_f_04 a {
width:193px;
	background-position: -332px 0;
}

#linav_f_05 a {
	width:130px;
	background-position: -525px 0;
}

#linav_f_06 a {
width:169px;

	background-position: -655px 0;
}
#linav_f_07 a {
width:96px;

	background-position: -824px 0;
}


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

 #linav_f_03.on a {
 	background-position: -204px -37px;
 } /*add selectors for the other li's and background-positions*/
 #linav_f_04.on a {
 	background-position: -204px -37px;
 } /*add selectors for the other li's and background-positions*/
/*hover states*/

#linav_f_01 a:hover, #linav_f_01:hover a, #linav_f_01.over a {
	background-position: 0 -100px;
}

#linav_f_02 a:hover, #linav_f_02:hover a, #linav_f_02.over a {
	background-position: -90px -100px;
}

#linav_f_03 a:hover, #linav_f_03:hover a, #linav_f_03.over a {
	background-position: -230px -100px;
}

#linav_f_04 a:hover, #linav_f_04:hover a, #linav_f_04.over a {
	background-position: -332px -100px;
}

#linav_f_05 a:hover, #linav_f_05:hover a, #linav_f_05.over a {
	background-position: -525px -100px;
}

#linav_f_06 a:hover, #linav_f_06:hover a, #linav_f_06.over a {
	background-position: -655px -100px;
}
#linav_f_07 a:hover, #linav_f_07:hover a, #linav_f_07.over a {
	background-position: -824px -100px;
}

/*subnav formatting*/

#nav li.off ul a, #nav li.on ul a {
	display: block;
	background: #000000;
	color: #fff;
	font-family: arial, verdana, sans-serif;
font-size:10px;
	height:30px;
	padding:0 0 0 5px;
}		

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