#navHolder 
{
  margin: 0px;
	padding: 0px;
  height: 80px;
	width: 796px;
  background: url("images/nav_border.gif") top left no-repeat;
}
#nav 
{
	position: relative;
	height: 80px;
	width: 796px;
	margin: 0px;
	padding: 0px;    
  font-family: Arial;
}
#nav li ul, #nav li ul 
{
	margin: 0px 0px 0px 20px;
	padding: 0;
}
#nav a 
{
	text-decoration: none;
}
#nav li 
{ /*float the main list items*/
	margin: 0px;
  padding: 0px;
	float: left;
	display: block;
}
#nav li ul 
{
	display: none;
  margin: 0px;
  padding: 0px;
}
#nav li.off ul, #nav li.on ul  
{ /*put the subnav below*/
	position: absolute;
  top: 50px;
	left: 0;
  background: #ffffff;
	height: 20px;
	width: 736px;
  padding: 0px 0px 0px 40px;
  margin: 0px;  
}
#nav li.on ul { }
#nav li.on:hover ul, #nav li.over ul 
{ /*for ie*/
  background: #ffffff;
}
#nav li a 
{
	display: block;
  width: 113px;
	padding: 0px;
  margin: 0px;
}
#nav li.on a { }
#nav li.on ul a, #nav li.off ul a 
{
	border: 0px;
	float: left; /*ie doesn't inherit the float*/
	width: auto;
}
#nav li.on:hover ul a, #nav li.over ul li a 
{ /*for ie - the specificity is necessary*/
  background: #ffffff;
}
#nav li ul li a:hover, #nav li ul li:hover a, #nav li ul li a.selected 
{
  color: #2a2a2a;
}
#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 { }
/*do the image replacement*/
#nav li span 
{
	position: absolute;
	left: -9384px;  
}

#liHome a, #liAboutus a, #liServices a, #liAdministration a, #liCommunity a, #liDownloads a, #liContactus a  
{
	display: block;
	position: relative;
  height: 50px;
	background: url("images/nav.gif") no-repeat; /*contains all hover states*/
}

/*first, put the initial states in place*/
#liHome a { background-position: 0px 0px; }
#liAboutus a { background-position: -113px 0px; }
#liServices a { background-position: -226px 0px; }
#liAdministration a { background-position: -339px 0px; }
#liCommunity a { 	background-position: -452px 0px; }
#liDownloads a { background-position: -565px 0px; }
#liContactus a { 	background-position: -678px 0px; }

/*hover states*/
#liHome a:hover, #liHome:hover a, #liHome.over a, #liHome.on a {
	background-position: 0 -50px;
}
#liAboutus a:hover, #liAboutus:hover a, #liAboutus.over a, #liAboutus.on a {
	background-position: -113px -50px;
}
#liServices a:hover, #liServices:hover a, #liServices.over a, #liServices.on a {
	background-position: -226px -50px;
}
#liAdministration a:hover, #liAdministration:hover a, #liAdministration.over a, #liAdministration.on a {
	background-position: -339px -50px;
}
#liCommunity a:hover, #liCommunity:hover a, #liCommunity.over a, #liCommunity.on a {
	background-position: -452px -50px;
}
#liDownloads a:hover, #liDownloads:hover a, #liDownloads.over a, #liDownloads.on a {
	background-position: -565px -50px;
}
#liContactus a:hover, #liContactus:hover a, #liContactus.over a, #liContactus.on a {
	background-position: -678px -50px;
}

/* subnav formatting */
#nav li.off ul a, #nav li.on ul a 
{
	display: block;
  background: #ffffff; 
  margin: 5px 20px 0px 0px;
  padding: 0px;
  height: 20px;
  font-size: 11px;
  color: #7c7c7c;
  text-decoration: none; 
}		
#nav li.on ul a 
{
	background: #fffffff;
}