#divNav {
		background:url(../images/nav_main_bg.jpg) no-repeat top left;
		margin: 0;
		padding: 0;
		height: 74px;
		width: 980px;
	}

	#nav {
		position: relative;
		margin: 0;
		padding: 0;
		top: 0px;
		height: 74px;
		width: 980px;
	}

	#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;
	}

	#nav li ul {
		display: none;
	}

	#nav li.off ul, #nav li.on ul  { /*put the subnav below*/
		position: absolute;
		/*top: 36px;*/
		left: 0;
		background-image:url(../images/sub_nav_bg.jpg);
		height: 39px;
		width: 980px;
		vertical-align:middle;
	}

	#nav li a {
		color: #224d6f;
		font-weight: bold;
		display: block;
		/*width: 93px;*/
		padding: 0;
	}

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

	#nav li.on ul a, #nav li.off ul a {
		border: 0;
		float: left; /*ie doesn't inherit the float*/
		color: #f90;
		width: auto;
		margin-right: 20px;
	}


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

	#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 { 
		color: #f3dcbe;
	}

	/*do the image replacement*/

	#nav li span {
		position: absolute;
		left: -9384px;
	}

	#ajpHome a, #ajpAbout a, #ajpAbsurd a, #ajpScoop a, #ajpStates a {
		display: block;
		position: relative;
		height: 36px;
		background:url(../images/nav_buttons.jpg) no-repeat;/*contains all hover states*/
	}
	
	#ajpHome {
		width:78px;
	}
	#ajpAbout {
		width: 86px;
	}
	#ajpAbsurd {
		width: 215px;
	}
	#ajpScoop {
		width: 130px;
	}
	#ajpStates {
		width: 137px;
	}
	

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

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

#ajpAbout a {
	background-position: -78px 0;
}

#ajpAbsurd a {
	background-position: -164px 0;
}

#ajpScoop a {
	background-position: -379px 0;
}

#ajpStates a {
	background-position: -509px 0;
}

/*active area */

#ajpHome.on a {
 	background-position: 0px -150px;
 }
 
#ajpAbout.on a {
 	background-position: -78px -150px;
 }

#ajpAbsurd.on a {
 	background-position: -164px -150px;
 }
 
 #ajpScoop.on a {
 	background-position: -379px -150px;
 }
 
 #ajpStates.on a {
 	background-position: -509px -150px;
 }


/*hover states*/

#ajpHome a:hover, #ajpHome:hover a, #ajpHome.over a {
	background-position: 0 -75px;
}

#ajpAbout a:hover, #ajpAbout:hover a, #ajpAbout.over a {
	background-position: -78px -75px;
}

#ajpAbsurd a:hover, #ajpAbsurd:hover a, #ajpAbsurd.over a {
	background-position: -164px -75px;
}

#ajpScoop a:hover, #ajpScoop:hover a, #ajpScoop.over a {
	background-position: -379px -75px;
}

#ajpStates a:hover, #ajpStates:hover a, #ajpStates.over a {
	background-position: -509px -75px;
}

/*subnav formatting*/

#nav li.off ul a, #nav li.on ul a {
	display: block;
	background:url(../images/sub_nav_bg.jpg) repeat-x;
	color: #fff;
	font-family: arial, verdana, sans-serif;
	font-size: 12px;
	vertical-align:middle;
	height:39px;
	padding-top:13px;
}