ul#nav  {
	padding:0px;
	margin:0px;	
	top:-2px;
	list-style:none;
	width: 182px;
	height:258px;
	background-image:url(../GRAPHICS/menu-new.gif);
	background-repeat:no-repeat;
	}


	#nav li { /*float the main list items*/
	    position:relative;
		float: left;
		display: block;
	}
	
	#nav li span {
		display: none;
	}

	#nav li ul {
		display: none;
	}
	
	#nav a {
		text-decoration: none;
	}

	#nav li.off ul, #nav li.on ul  { /*put the subnav below*/
	    position:absolute;
	    float:none;
		margin:0px;
		padding:0px;
		top:0px;
		left:183px;
}


	#nav li a {
		display: block;
		padding: 0px;
		margin: 0px;
	}

	#nav li.on a {
		color: #073E74;
	}

	#nav li.on ul {
		display: block;
	}

	#nav li.off:hover ul {
		display: block;
	}


	#li1 a, #li2 a, #li3 a, #li4 a, #li5 a, #li6 a, #li7 a, #li8 a, #li9 a, #li10 a {
		display: block;
		position: relative;
		width: 182px;
		height: 28px;
		background-image:url(../GRAPHICS/menu-new.gif);
		background-repeat:no-repeat;
		padding:0px;
	}

/*first, put the initial states in place*/

#li1 a {
	background-position: 0px 0px; 
	width: 182px;
    height:28px;
}

#li1 a:hover {
	background-position: -182px 0px;    
	width: 182px;
}

#li2 a {
	background-position: 0px -28px; 
	width: 182px;
    height:28px;
}

#li2 a:hover {
	background-position: -182px -28px;    
	width: 182px;
}

#li3 a {
	background-position: 0px -56px; 
	width: 182px;
    height:28px;
}

#li3 a:hover {
	background-position: -182px -56px;    
	width: 182px;
}

#li4 a {
	background-position: 0px -84px; 
	width: 182px;
    height:28px;
}

#li4 a:hover {
	background-position: -182px -84px;    
	width: 182px;
}

#li5 a {
	background-position: 0px -112px; 
	width: 182px;
    height:40px;
}

#li5 a:hover {
	background-position: -182px -112px;    
	width: 182x;
}

#li6 a {
	background-position: 0px -152px; 
	width: 182px;
    height:28px;
}

#li6 a:hover {
	background-position: -182px -152px;    
	width: 182px;
}

#li7 a {
	background-position: 0px -180px; 
	width: 182px;
    height:27px;
}

#li7 a:hover {
	background-position: -182px -180px;    
	width: 182px;
}


#li8 a {
	background-position: 0px -209px; 
	width: 182px;
    height:25px;
}

#li8 a:hover {
	background-position: -182px -209px;    
	width: 182px;
}

#li9 a {
	background-position: 0px -236px; 
	width: 182px;
    height:26px;
}

#li9 a:hover {
	background-position: -182px -236px;    
	width: 182px;
}

#li10 a {
	background-position: 0px -265px; 
	width: 182px;
    height: 28px;
}

#li10 a:hover {
	background-position: -182px -265px;    
	width: 182px;
}


/*subnav formatting*/

#nav ul li, #nav ul li a{
	text-decoration:none;
	display:block;
	width: 182px;
	height: 27px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	background-image:none;
	background-color:#cd3630;	 
	color: #ffffff;
	text-indent: 5px;
	line-height: 2em;
} 


#nav ul li:hover, #nav ul li a:hover{ 
	 text-decoration:none;
	 display:block;
	 width: 182px;
	 background-color:#FDBF00; 
	 font-family: Arial, Helvetica, sans-serif;
	 font-size: 12px;
	 color: #666666;
	 text-indent: 5px;
	 line-height: 2em;
} 


