/* entire header container. height of top nav and red bar */
div#header {
	position: relative;
	height: 32px;
}



/* topnav container */
div#mn	{
	height: 32px;
	width: 506px;
	margin: 0;
	padding: 0;
}

/* ul for the topnav sets the background image */
div#mn ul#menu	{
	height: 32px;
	width: 506px;
	background: url("../images/home_v2_03.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: 32px;
	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: 17px;	 width: 46px;}
#item2 {left: 77px;  width: 43px;}
#item3 {left: 133px; width: 52px;}
#item4 {left: 199px; width: 44px;}
#item5 {left: 256px; width: 47px;}
#item6 {left: 317px; width: 25px;}
#item7 {left: 356px; width: 14px;}
#item8 {left: 383px; width: 51px;}
#item9 {left: 447px; width: 45px;}

/* 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/home_v2_over_03.jpg") -17px 0px no-repeat;}
#item2 a:hover, #item2 a#active	{background: url("../images/home_v2_over_03.jpg") -77px 0px no-repeat;}
#item3 a:hover, #item3 a#active	{background: url("../images/home_v2_over_03.jpg") -133px 0px no-repeat;}
#item4 a:hover, #item4 a#active	{background: url("../images/home_v2_over_03.jpg") -199px 0px no-repeat;}
#item5 a:hover, #item5 a#active	{background: url("../images/home_v2_over_03.jpg") -256px 0px no-repeat;}
#item6 a:hover, #item6 a#active	{background: url("../images/home_v2_over_03.jpg") -317px 0px no-repeat;}
#item7 a:hover, #item7 a#active	{background: url("../images/home_v2_over_03.jpg") -356px 0px no-repeat;}
#item8 a:hover, #item8 a#active	{background: url("../images/home_v2_over_03.jpg") -383px 0px no-repeat;}
#item9 a:hover, #item9 a#active	{background: url("../images/home_v2_over_03.jpg") -447px 0px no-repeat;}