@charset "UTF-8";
/* CSS Document */

#aboutnav ul {
	width: 408px; 
	height: 35px; 
	position: absolute; /** Places image at the top of the page **/
	top: -60px; /** Determines the height from the top of the page **/
	left: 250px;
	background: url(../images/about-nav.jpg) no-repeat 0 0;
	list-style: none;
	margin: 0; padding: 0;
}
#aboutnav li {
	display: inline;
}
#aboutnav a:link, #aboutnav li a:visited {
	border: none;
	height: 35px; /** height of the button in active state **/
	display: block; 
	position: absolute; 
	top: 0; 
	text-indent: -7000px; /** Removes li text from the screen **/
	outline: none;
}




#aboutnav li.who a:link, #aboutnav li.who a:visited { 
	left: 0;
	width: 92px;
}
#aboutnav li.officers a:link, #aboutnav li.officers a:visited { 
	left: 92px;
	width: 65px;
}
#aboutnav li.speakers a:link, #aboutnav li.speakers a:visited { 
	left: 157px;
	width: 69px;
}
#aboutnav li.sponsors a:link, #aboutnav li.sponsors a:visited { 
	left: 226px;
	width: 74px;
}






#aboutnav li.who a:hover, #aboutnav li.who a:active {
	background: url(../images/about-nav.jpg) no-repeat 0 -35px; /** moves image up 30px showing the rollover states **/ 
}
#aboutnav li.officers a:hover, #aboutnav li.officers a:active {
	background: url(../images/about-nav.jpg) no-repeat -92px -35px; /** moves image up 30px and right 80px showing the rollover states **/
}
#aboutnav li.speakers a:hover, #aboutnav li.speakers a:active {
	background: url(../images/about-nav.jpg) no-repeat -157px -35px;
}
#aboutnav li.sponsors a:hover, #aboutnav li.sponsors a:active {
	background: url(../images/about-nav.jpg) no-repeat -226px -35px;
}