#navigation {
	width: 820px; height: 70px; margin: 0 auto; Xbackground-color: #777;
}
#navigation ul {
	width: 820px;
	list-style: none;
	padding: 20px 0; margin: 0;
}
#navigation ul li {
	width: 85px; height: 30px; 
	overflow: hidden;
	margin-right: 20px;
	float: left;
}
#navigation li.last {margin-right:0;}
#navigation a {display: block; width: 85px; height: 30px; background-position: left top;}
#navigation a:hover {background-position: left -30px;}
#navigation span {display:none;}

#menu-home {background-image: url(/images/navigation/home.jpg);}
#menu-calendar {background-image: url(/images/navigation/calendar.jpg);}
#menu-membership {background-image: url(/images/navigation/membership.jpg);}
#menu-young-tigers {background-image: url(/images/navigation/young-tigers.jpg);}
#menu-awards {background-image: url(/images/navigation/awards.jpg);}
#menu-leadership {background-image: url(/images/navigation/leadership.jpg);}
#menu-press-den {background-image: url(/images/navigation/press-den.jpg);}
#menu-contact-us {background-image: url(/images/navigation/contact-us.jpg);}

body.home #menu-home, 
body.calendar #menu-calendar, 
body.membership #menu-membership, 
body.young-tigers #menu-young-tigers, 
body.awards #menu-awards, 
body.leadership #menu-leadership, 
body.press-den #menu-press-den, 
body.contact-us #menu-contact-us {background-position: left -60px;}