/* navigation css */

#nav-container{
	margin:0 auto;
	width:1000px;
	}
body{
	background:#FFF;
	}
ul#main-nav li {
	display:block;
	float:left;
	}
ul#main-nav li a {
	display:block;
	outline:none;
	width:120px;
	height:30px;
	background:transparent url(../navigation/nav-white.jpg) no-repeat 0 0;
	text-indent:-9009px;
	margin:0px;
	}
ul#main-nav li a:hover {
	background-position:0 -31px
	}
ul#main-nav li#whygo-nav a {
	width:120px;
	background-position:-120px 0;
	}
ul#main-nav li#whygo-nav a:hover {
	background-position:-120px -31px
	}
ul#main-nav li#projects-nav a { 
	width:109px;
	background-position:-240px 0;
	}
ul#main-nav li#projects-nav a:hover {
	background-position:-240px -31px
	}
ul#main-nav li#gogreen-nav a {
	width:130px;
	background-position:-349px 0;
	}
ul#main-nav li#gogreen-nav a:hover {
	background-position:-349px -31px
	}
ul#main-nav li#getinvolved-nav a {
	width:144px;
	background-position:-479px 0;
	}
ul#main-nav li#getinvolved-nav a:hover {
	background-position:-479px -31px
	}
ul#main-nav li#events-nav a {
	width:92px;
	background-position:-623px 0;
	}
ul#main-nav li#events-nav a:hover {
	background-position:-623px -31px
	}
ul#main-nav li#about-nav a {
	width:106px;
	background-position:-715px 0;
	}
ul#main-nav li#about-nav a:hover {
	background-position:-715px -31px
	}	
ul#main-nav li#contact-nav a {
	width:104px;
	background-position:-821px 0;
	}
ul#main-nav li#contact-nav a:hover {
	background-position:-821px -31px
	}