/*
		<div id="main_menu">
			<ul class="home">
				<li id="home"><a href="/">home</a></li>
				<li id="about"><a href="/about/">about</a></li>
				<li id="events"><a href="/events/">events</a></li>
				<li id="resources"><a href="/resources/">resources</a></li>
				<li id="connections"><a href="/connections/">connections</li>
				<li id="leaders"><a href="/leaders/">leaders</a></li>
				<li id="store"><a href="/store/">store</a></li>
			</ul>
		</div>
*/

#main_menu {
	float: left;
	width: 576px;
	height: 50px;
	margin: 15px 0;
	position: relative;
	z-index: 9998;
	background: url("../images/main_menu_bg.png") left top no-repeat;
	_background: url("../images/main_menu_bg.gif") left top no-repeat;
	}

#main_menu ul {
	margin: 0;
	xmargin: 0 0 0 62px;
	}

#main_menu li {
	display: inline;
	}

#main_menu li a {
	float: left;
	xwidth: 117px;
	height: 0;
	padding-top: 50px;
	overflow: hidden;
	}

#main_menu li a {
	background-image: url("../images/main_menu.png");
	_background-image: url("../images/main_menu.gif");
	background-repeat: no-repeat;
	}

/* menu default */
#main_menu li#home a { background-position: 0 0; width: 71px; }
#main_menu li#about a { background-position: -71px 0; width: 70px; }
#main_menu li#events a { background-position: -141px 0; width: 75px; }
#main_menu li#resources a { background-position: -216px 0; width: 98px; }
#main_menu li#connections a { background-position: -314px 0; width: 116px; }
#main_menu li#leaders a { background-position: -430px 0; width: 82px; }
#main_menu li#store a { background-position: -512px 0; width: 64px; }/*576*/

/* menu hover & active */
#main_menu li#home a:hover,
#main_menu li#home a:active { background-position: 0px -50px; }
#main_menu li#about a:hover,
#main_menu li#about a:active { background-position: -71px -50px; }
#main_menu li#events a:hover,
#main_menu li#events a:active { background-position: -141px -50px; }
#main_menu li#resources a:hover,
#main_menu li#resources a:active { background-position: -216px -50px; }
#main_menu li#connections a:hover,
#main_menu li#connections a:active { background-position: -314px -50px; }
#main_menu li#leaders a:hover,
#main_menu li#leaders a:active { background-position: -430px -50px; }
#main_menu li#store a:hover,
#main_menu li#store a:active { background-position: -512px -50px; }

/* menu current */
#main_menu ul.home li#home a { background-position: 0px -100px !important; }
#main_menu ul.about li#about a { background-position: -71px -100px !important; }
#main_menu ul.events li#events a { background-position: -141px -100px !important; }
#main_menu ul.resources li#resources a { background-position: -216px -100px !important; }
#main_menu ul.connections li#connections a { background-position: -314px -100px !important; }
#main_menu ul.leaders li#leaders a { background-position: -430px -100px !important; }
#main_menu ul.store li#store a { background-position: -512px -100px !important; }