.divNav, #divNav {
		/* background: #0066A1 url(/hbm-images/nav_bg_2.jpg) top left repeat-x; */
		background: #B8E5FF url(/hbm-images/nav_bg_2.jpg) top left repeat-x;
		margin: 0px;
		padding: 0px;
		/* original height height: 68px; */
		height: 83px;
	}
	
	
	

	#divnav ul,  #divnav lil, {
		margin:0px;
	}

	
	
	
	#nav a, #nav a:link, #nav a:visited {
		color:#ffffff;
		}	
	#nav li.over a, #nav li.over a:hover,  #nav li.over a:visited {
		color:#02507E;
		}

#nav a:hover {
		/*color:#ffffff; */
		
	}	

	#nav .on a, #nav .on a:hover {
		background: url("/hbm-images/tab_on_bg.jpg") 0 0 repeat-x;
		
	}	

	


	#nav {
		position: relative;
		top:;
		height: 30px;
		width: 1050px;
	}

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

	#nav a {
		text-decoration: none;
	}

	#nav li { /*float the main list items*/
		margin: 0;
		float: left;
		display: block;
		padding-right: 3px;
		padding-left: 3px
	}
	
	#nav li ul li {
		padding: 0px;
	}
	
	#nav li ul li a {
		white-space:nowrap;
	}
	
	#nav li ul {
		display: none;
		background:  #B8E5FF;
	}

	#nav li.off ul, #nav li.on ul  { /*put the subnav below*/
		position: absolute;
		top: 30px;
		left: 0;
		padding-top: 1px;
		height: inherit;
		width: 900px;
		padding-left: 7px;
	}

	#nav li.on ul {
		/*background: #ff9900; */
	}

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

	#nav li a {
		font-weight: normal;
		display: block;
		
		padding: 0;
	}

	#nav li.on a , #nav li.on:hover ul a, #nav li.over ul li a {
		color:#666699;
		background: url("/hbm-images/tab_on_bg.jpg") 0 0 repeat-x;
		/*background:#B8E5FF; */
		
		
	}

	#nav li.on ul a, #nav li.off ul a {
		border: 0;
		float: left; /*ie doesn't inherit the float*/
		width: auto;
		margin: 0px 1px;
		padding:4px 7px;
		display:list-item;
		list-style-type:none;
		border:#222222 solid 0px;
		/*background:#62A8D9; */
		
	}


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

	#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, #n av li.on a:hover { 
		/*color: #ffffff;
		color:red; */
		
		
	}




	/*do the image replacement*/

	#nav li span {
		padding:5px 10px;
		display:block;
		text-align:center;
	}

	#liHome a, #liSellingaHome a, #liBuyingaHome a, #liCommunities a, #liAboutUs a,#liResidentsOnly a,  #liLogIn a {
		display: block;
		position: relative;
		/*height: ; */
		background: url(/hbm-images/tab_all.jpg) no-repeat; /*contains all hover states*/
		border-top: 1px solid #A4D5F1;
		border-bottom:#02507E solid 1px;
		cursor:hand;
		font-size:13px;
		font-family: "Trebuchet MS", Verdana;
		background-position: 0px -40px;
		
	}

		#liHome li.over a, #liSellingaHome  li.over a, #liBuyingaHome  li.over a, #liCommunities  li.over a, #liAboutUs  li.over a,#liResidentsOnly li.over a,   #liLogIn  li.over a {

	}

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

#liRenaissance a {
	background-position: 0px -40px;
}

#liArtNouveau a {
	background-position: 0px -40px;
}

#liModern a {
	background-position: 0px -40px;
}

#liPostModern a {
	background-position: 0px -40px;
}

#liDigital a {
	background-position: 0px -40px;
}

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

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

/*hover states*/

#liHome a:hover, #liHome:hover a, #liHome.over a, 
#liSellingaHome a:hover, #liSellingaHome:hover a, #liSellingaHome.over a,
#liBuyingaHome a:hover, #liBuyingaHome:hover a, #liBuyingaHome.over a,
#liCommunities a:hover, #liCommunities:hover a, #liCommunities.over a,
#liAboutUs a:hover, #liAboutUs:hover a, #liAboutUs.over a,
#liResidentsOnly a:hover, #liResidentsOnly:hover a, #liResidentsOnly.over a,
#liLogIn a:hover, #liLogIn:hover a, #liLogIn.over a  {
	background-position: 0px -120px;
	/*c olor:#ffffff; */
	color:#02507E;

	
}


 #liHome.on a, #liHome.on a:link, #liHome.on a:visited, #liHome.on a:hover, 
 #liSellingaHome.on a, #liSellingaHome.on a:link, #liSellingaHome.on a:visited, #liSellingaHome.on a:hover, 
 #liBuyingaHome.on a,  #liBuyingaHome.on a:link, #liBuyingaHome.on a:visited, #liBuyingaHome.on a:hover, 
 #liCommunities.on a,  #liCommunities.on a:link, #liCommunities.on a:visited, #liCommunities.on a:hover, 
 #liAboutUs.on a, #liAboutUs.on a:link, #liAboutUs.on a:visited, #liAboutUs.on ahover,
 #liResidentsOnly.on a, #liResidentsOnly.on a:link, #liResidentsOnly.on a:visited, #liResidentsOnly.on ahover,
 #liLogIn.on a,  #liLogIn.on a:link,  #liLogIn.on a:visited,  #liLogIn.on a:hover  {
	color:#02507E;
	border-bottom:#666699 solid 0px;
 } 






#nav li.on ul a {
	
}


#liHome.on ul.l1_subnav li a, #liHome.on ul.l1_subnav li a:link, #liHome.on ul.l1_subnav li a:visited,  #liHome.off ul.l1_subnav li a, #liHome.off ul.l1_subnav li a:link, #liHome.off ul.l1_subnav li a:visited,
#liSellingaHome.on ul.l1_subnav li a,  #liSellingaHome.on ul.l1_subnav li a:link,  #liSellingaHome.on ul.l1_subnav li a:visited,  #liSellingaHome.off ul.l1_subnav li a, #liSellingaHome.off ul.l1_subnav li a:link, #liSellingaHome.off ul.l1_subnav li a:visited,
#liBuyingaHome.on ul.l1_subnav li a, #liBuyingaHome.on ul.l1_subnav li a:link, #liBuyingaHome.on ul.l1_subnav li a:visited, #liBuyingaHome.off ul.l1_subnav li a, #liBuyingaHome.off ul.l1_subnav li a:link, #liBuyingaHome.off ul.l1_subnav li a:visited, 
#liCommunities.on ul.l1_subnav li a,  #liCommunities.on ul.l1_subnav li a:link,  #liCommunities.on ul.l1_subnav li a:visited,  #liCommunities.off ul.l1_subnav li a, #liCommunities.off ul.l1_subnav li a:link, #liCommunities.off ul.l1_subnav li a:visited, 
#liAboutUs.on ul.l1_subnav li a,  #liAboutUs.on ul.l1_subnav li a:link,  #liAboutUs.on ul.l1_subnav li a:visited,  #liAboutUs.off ul.l1_subnav li a, #liAboutUs.off ul.l1_subnav li a:link, #liAboutUs.off ul.l1_subnav li a:visited,
#liResidentsOnly.on ul.l1_subnav li a,  #liResidentsOnly.on ul.l1_subnav li a:link,  #liResidentsOnly.on ul.l1_subnav li a:visited,  #liResidentsOnly.off ul.l1_subnav li a, #liResidentsOnly.off ul.l1_subnav li a:link, #liResidentsOnly.off ul.l1_subnav li a:visited,

#liLogIn.on ul.l1_subnav li a, #liLogIn.on ul.l1_subnav li a:link, #liLogIn.on ul.l1_subnav li a:visited, #liLogIn.off ul.l1_subnav li a, #liLogIn.off ul.l1_subnav li a:link, #liLogIn.off ul.l1_subnav li a:visited

 {
	color:#02507E;
	/* c olor:black; */
	background:#B8E5FF;
}


#liHome.on ul.l1_subnav li a:hover,  #liHome.off ul.l1_subnav li a:hover, 
#liSellingaHome.on ul.l1_subnav li a:hover,  #liSellingaHome.off ul.l1_subnav li a:hover, 
#liBuyingaHome.on ul.l1_subnav li a:hover, #liBuyingaHome.off ul.l1_subnav li a:hover, 
#liCommunities.on ul.l1_subnav li a:hover,  #liCommunities.off ul.l1_subnav li a:hover, 
#liAboutUs.on ul.l1_subnav li a:hover,  #liAboutUs.off ul.l1_subnav li a:hover,
#liResidentsOnly.on ul.l1_subnav li a:hover,  #liResidentsOnly.off ul.l1_subnav li a:hover,
#liLogIn.on ul.l1_subnav li a:hover, #liLogIn.off ul.l1_subnav li a:hover

 {
	color:#ffffff;
	/* b ackground:red; */
	background:#62A8D9;
}