#nav ul {
	margin: 0;
	padding: 0;
}
	#nav {
		position: relative;
		top: 0px;
		height: 36px;
		width: 729px;
		left: 181px;
		margin: 0;
	}
/* Hides from IE-mac \*/
* html 	#nav {
		position: relative;
		top: 0px;
		height: 36px;
		width: 729px;
		left: 220px;
		margin: 0;
	}
}
/* End hide from IE-mac */
	#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: 0px;
	}


	#nav li a {
		color: #000000;
		font-weight: bold;
		display: block;
		/*width: 80px;*/
		padding: 0;
	}
	#li01 a {
	width: 149px; 
	}
	#li02 a {
	width: 105px; 
	}
	#li03 a {
	width: 108px; 
	}
	#li04 a {
	width: 95px; 
	}
	#li05 a {
	width: 126px; 
	}
	#li06 a {
	width: 118px; 
	}
	#li07 a {
	width: 122px; 
	}

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

	#nav li.off a:hover, #nav li.on a:hover { 
		color: #000000;
		text-decoration: underline;
	}

	/*do the image replacement*/
	#li01 span {
		margin-left: 0;
		position: relative;
		font-size: 12px;
		font-weight: bold;
		top: 11px;
		left: 60px;
		display: block;
	}
	#li02 span, #li03 span, #li04 span, #li05 span, #li06 span, #li07 span {
		position: relative;
		font-size: 12px;
		font-weight: bold;
		top: 11px;
		left: 15px;
		margin-left: 2px;
		display: block;
	}
	#li01 a, #li02 a, #li03 a, #li04 a, #li05 a, #li06 a, #li07 a {
		background: url('/pics/dropdown_map02.gif') no-repeat; /*contains allhover states*/
		display: block;
		position: relative;
		height: 36px;
		 
	}

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

#li01 a {
	background-position: -52 0;
}

#li02 a {
	background-position: -149px 0;
}

#li03 a {
	background-position: -254px 0;
}

#li04 a {
	background-position: -362px 0;
}

#li05 a {
	background-position: -457px 0;
}
#li06 a {
	background-position: -583px 0;
}
#li07 a {
	background-position: -607px 0;
}
/*active area - for this demo - the code could be based on a body class, and probably work better.*/

 #li01.on a {
 	background-position: 0px -84px;
 }
 #li02.on a {
 	background-position: -149px -84px;
 }
 #li03.on a {
 	background-position: -254px -84px;
 }
 #li04.on a {
 	background-position: -362px -84px;
 }
 #li05.on a {
 	background-position: -457px -84px;
 }
  #li06.on a {
 	background-position: -583px -84px;
 }
  #li07.on a {
 	background-position: -607px -84px;
 }
/*hover states*/

#li01 a:hover, #li01:hover a, #li01.over a {
	background-position: 0px -42px;
}

#li02 a:hover, #li02:hover a, #li02.over a {
	background-position: -149px -42px;
}

#li03 a:hover, #li03:hover a, #li03.over a {
	background-position: -254px -42px;
}

#li04 a:hover, #li04:hover a, #li04.over a {
	background-position: -362px -42px;
}

#li05 a:hover, #li05:hover a, #li05.over a {
	background-position: -457px -42px;
}
#li06 a:hover, #li06:hover a, #li06.over a {
	background-position: -583px -42px;
}
#li07 a:hover, #li07:hover a, #li07.over a {
	background-position: -607px -42px;
}