#divNav {	
		margin: 0;
		padding: 0;
		height: 50px;
		width: 775px;
		border:none;		
	}
	#nav {
		z-index:4;
		position:absolute;
		top:85px;
		*top: 107px;
		left:-30px;
		*left: -30px;
		height: 50px;
		width: 765px;
	}
	#nav li.on ul, #nav li.off ul {
		margin: 0;
		padding:0;
	}
	#nav a {
		text-decoration: none;
		font-weight: 570;
		font-size:12px;
	}
	#nav a:hover{
		text-decoration: underline;
	}
	#nav li { /*float the main list items*/
		margin: 0;
		float: left;
		display: block;
		padding-right: 5px;
	}
	#nav li ul {
		display: none;
	}
	#nav li.off ul, #nav li.on ul  { /*put the subnav below*/
		position: absolute;
		top:21px;
		*top: 19px;
		left:40px;
		*left:0px;
		padding-top: 5px;		
		background: #fff;
		height: 20px;
		*height:28px;
		width:750px;
		*width: 778px;
		padding-left:30px;	
		border-style:solid;
		border-width:1px;
		border-color: #001d68;	
	}
	#nav li.on ul {		
		background: #fff;
		border: 1px solid #001d68;
	}
	/*subnav hover*/
	#nav li.on:hover ul, #nav li.over ul { /*for ie*/
		background: #fff;
		border: 1px solid #001d68;
	}
	/*menu items top */
	#nav li a {
		color: #fff;
		background: #003366;
		display: block;
		width: 140px;
		padding: 0;
		border: 1px solid #003366;
	}
	#nav li.on a {	
		color: #fff;
		background: #003366
	}
	/*#nav li.on a:hover {	
		color: #001d68;
		background: #001d68
	}*/
	#nav li.on ul a, #nav li.off ul a {
		border: 0;
		float: left; /*ie doesn't inherit the float*/
		background:#fff;
		color: #fff;
		width: auto;
		margin-right: 2px;
	}
	#nav li.on:hover ul a, #nav li.over ul li a { /*for ie - the specificity is necessary*/
		background: #fff;
	}
	#nav li.on ul {
		display: block;
	}
	#nav li.off:hover ul, #nav li.over ul {
		display: block;
		z-index: 6000;
	}
	#nav li.off a:hover, #nav li.on a:hover { 
		border-bottom:#fff;
		background:#fff;
		color: #001d68;
	}
	/*do the image replacement*/
	#nav li span {
		position: absolute;
		left: -9384px;
	}
	
	#lihome a, #lipersonal a, #libusiness a, #liCustomerService a, #liLocations a{
		display: block;
		position: relative;
		height: 20px;
	}

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

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

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

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

#liCustomerService a {
	background-position: -306px 0;
}

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

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

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

/*hover states*/

#lihome a:hover, #lihome:hover a, #lihome.over a {
	color: #001d68;
	background: #ffffff;
	background-position: 0 -73px;
}

#lipersonal a:hover, #lipersonal:hover a, #lipersonal.over a {
	color: #001d68;
	background: #ffffff;
	background-position: -102px -73px;
}

#libusiness a:hover, #libusiness:hover a, #libusiness.over a {
	color: #001d68;
	background: #ffffff;
	background-position: -204px -73px;
}

#liCustomerService a:hover, #liCustomerService:hover a, #liCustomerService.over a {
	color: #001d68;
	background: #ffffff;
	background-position: -306px -73px;
}

#liLocations a:hover, #liLocations:hover a, #liLocations.over a {
	color: #001d68;
	background: #ffffff;
	background-position: -408px -73px;
}



/*subnav formatting*/

#nav li.off ul a, #nav li.on ul a {
	display: block;
	background: #fff;
	color: #001d68;
	font-family: arial, verdana, sans-serif;
	font-size: 0.8em;
}		

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