/* entire header container. height of top nav and red bar */
div#header {
	position: relative;
	height: 37px;
}



/* topnav container */
div#mn	{
	height: 37px;
	width: 560px;
	margin: 0;
	padding: 0;
}

/* ul for the topnav sets the background image */
div#mn ul#menu	{
	height: 37px;
	width: 752px;
	background: url("../images/nav_v2.jpg") top left no-repeat;
	margin: 0;
	padding: 0;
	position: relative;
}

/* each list item gets positioned absolute. location of each set below */
div#mn ul#menu li {
	margin: 0;
	padding: 0;
	list-style: none;
	position: absolute;
	top: 0;
}


ul#menu li, ul#menu a {
	height: 37px;
	display: block;
	border: 0;
}

div#mn ul#menu li a {
	text-indent: -9999px;
	text-decoration: none;
}

/* each nav item positioned on top of the topnav.jpg */
#item1 {left: 18px;   width: 49px;}
#item2 {left: 81px; width: 47px;}
#item3 {left: 142px; width: 55px;}
#item4 {left: 210px; width: 48px;}
#item5 {left: 268px; width: 50px;}
#item6 {left: 329px; width: 27px;}
#item7 {left: 368px; width: 15px;}
#item8 {left: 396px; width: 54px;}
#item9 {left: 463px; width: 47px;}

/* when hovering or active, bring in topnav.jpg, and position it to only show the "active" state for that item */
#item1 a:hover, #item1 a#active	{background: url("../images/nav_v2_over.jpg") -18px 0px no-repeat;}
#item2 a:hover, #item2 a#active	{background: url("../images/nav_v2_over.jpg") -81px 0px no-repeat;}
#item3 a:hover, #item3 a#active	{background: url("../images/nav_v2_over.jpg") -142px 0px no-repeat;}
#item4 a:hover, #item4 a#active	{background: url("../images/nav_v2_over.jpg") -210px 0px no-repeat;}
#item5 a:hover, #item5 a#active	{background: url("../images/nav_v2_over.jpg") -268px 0px no-repeat;}
#item6 a:hover, #item6 a#active	{background: url("../images/nav_v2_over.jpg") -329px 0px no-repeat;}
#item7 a:hover, #item7 a#active	{background: url("../images/nav_v2_over.jpg") -368px 0px no-repeat;}
#item8 a:hover, #item8 a#active	{background: url("../images/nav_v2_over.jpg") -396px 0px no-repeat;}
#item9 a:hover, #item9 a#active	{background: url("../images/nav_v2_over.jpg") -463px 0px no-repeat;}