/* CSS Document */
ul#nav, ul#nav li {
	list-style-type: none;
	position:relative;
} /* POS RELATIVE FOR 'HASLAYOUT' AND IE PADDING QUIRKS */

ul#nav {
	height:36px; width:850px; margin:0 auto;
} /* HEIGHT AND WIDTH TO CONSTRAIN */

ul#nav li {
	float: left; left:0px;
} /* FLOAT AND FORCE LEFT TO SNUG UP */

ul#nav li a {
	display: block;
	height: 36px;
	outline:none;
} /* APPLIES TO ALL LINKS - PUSH TEXT OUT AND SET BLOCK WITH FIXED HEIGHT */

ul#nav li a#hunt_price_link {
	background:url(../img/nav_bar.jpg) 0px 0px no-repeat;
	width:219px;
}

ul#nav li a#faq_link {
	background:url(../img/nav_bar.jpg) -219px 0px no-repeat;
	width:285px;
}

ul#nav li a#events_calendar_link {
	background:url(../img/nav_bar.jpg) -504px 0px no-repeat;
	width:203px;
}

ul#nav li a#photos_link {
	background:url(../img/nav_bar.jpg) -707px 0px no-repeat;
	width:143px;
}

/* 	THE BACKGROUND IS SET FROM THE TOP LEFT OF THE IMAGE, THE FIRST VALUE IS LEFT, THE SECOND TOP
	IE background: url(file.ext) 100px 200px no-repeat; WILL POSITION THE TOP LEFT CORNER OF THE ELEMENTS TO THE 
	COORDINATES x=100,y=200 IN THE SOURCE IMAGE. THE HEIGHT AND WIDTH WILL CLIP IT.
	EACH ITEM IS USUALLY A DIFFERING WIDTH SO SPECIFY WIDTH IN THE INDIVIDUAL LINKS */

ul#nav li a#hunt_price_link:hover,
body#hunt_price ul#nav li a#hunt_price_link {
	background:url(../img/nav_bar.jpg) 0px -36px no-repeat;
}

ul#nav li a#faq_link:hover,
body#faq ul#nav li a#faq_link {
	background:url(../img/nav_bar.jpg) -219px -36px no-repeat;
}

ul#nav li a#events_calendar_link:hover,
body#events_calendar ul#nav li a#events_calendar_link {
	background:url(../img/nav_bar.jpg) -504px -36px no-repeat;
}

ul#nav li a#photos_link:hover,
body#photos ul#nav li a#photos_link {
	background:url(../img/nav_bar.jpg) -707px -36px no-repeat;
}
/*	THE HOVER RULES and ACTIVE CLASS RULE MOVE THE BACKGROUND IMAGE ACCORDING TO THE SAME RULES.
	USE A CLASS OR ID ON THE BODY TO DETERMINE WHICH PAGE IS ACTIVE */