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

/*NAVIGATION */

#menu {
width:155px; 
float:left;
position:relative;
top:-50px;
left:50px;

} 

#b4blogin_btn{
	display: block;  /* required */
	float: left;   
	margin-top: 15px;
	width:138px; 
	height: 30px; 
  	background:url(imgs/nav/b4blogin_btn.png);
	}

#b4blogin {
	display: block;  /* required */
	float: left;   
	margin-top: 15px;
	width:80px; 
	height: 20px; 
  	background:url(imgs/nav/b4blogin.png);
	}
	
#b4blogin a {
	display: block;
}	
	
#b4blogin a span {
	display:none; /* required -- hides the HTML text link */
}

#b4blogin:hover {
	background-position: 0 -24px; 
	}



#home {
	display: block;  /* required */
	float: left;   
	margin-top: 15px;
	width:42px; 
	height: 16px; 
  	background:url(imgs/nav/home.png);
	}
	
#home a {
	display: block;
	height: 16px;
	width: 42px;
}	
	
#home a span {
	display:none; /* required -- hides the HTML text link */
}

#home:hover {
	background-position: 0 -51px; 
	}

#ourStory {
	display: block;  /* required */
	float: left;   
	margin-top: 15px;
	width:76px; 
	height: 16px; 
  	background:url(imgs/nav/our_story.png);
	}

#ourStory a {
	display: block;
	height: 16px;
	width: 76px;
}	
	
#ourStory a span {
	display:none; /* required -- hides the HTML text link */
}

#ourStory:hover {
	background-position: 0 -51px; 
	}

#about {
	display: block;  /* required */
	float: left;   
	margin-top: 15px;
	width:132px; 
	height: 15px; 
  	background:url(imgs/nav/about.png);
	}

#about a {
	display: block;
	height: 15px;
	width: 132px;
}	
	
#about a span {
	display:none; /* required -- hides the HTML text link */
}

#about:hover {
	background-position: 0 -52px; 
	}


#aboutEvent {
	display: block;  /* required */
	float: left;   
	margin-top: 15px;
	width:125px; 
	height: 16px; 
  	background:url(imgs/nav/aboutEvent.png);
	}

#aboutEvent a {
	display: block;
	height: 16px;
	width: 125px;
}	
	
#aboutEvent a span {
	display:none; /* required -- hides the HTML text link */
}


#aboutEvent:hover {
	background-position: 0 -49px; 
	}

#entertainment {
	display: block;  /* required */
	float: left;   
	margin-top: 15px;
	width:111px; 
	height: 16px; 
  	background:url(imgs/nav/entertainment.png);
	}

#entertainment a {
	display: block;
	height: 16px;
	width: 111px;
}	
	
#entertainment a span {
	display:none; /* required -- hides the HTML text link */
}

#entertainment:hover {
	background-position: 0 -49px; 
	}


#volunteer {
	display: block;  /* required */
	float: left;   
	margin-top: 15px;
	width:73px; 
	height: 16px; 
  	background:url(imgs/nav/volunteer.png);
	}
	
#volunteer a {
	display: block;
	height: 16px;
	width: 73px;
}	
	
#volunteer a span {
	display:none; /* required -- hides the HTML text link */
}

#volunteer:hover {
	background-position: 0 -49px; 
	}


#Sparticipant {
	display: block;  /* required */
	float: left;   
	margin-top: 15px;
	width:156px; 
	height: 16px;
	background:url(imgs/nav/sponsor.png);
	}

#Sparticipant a {
	display: block;
	height: 16px;
	width: 156px;
}	
	
#Sparticipant a span {
	display:none; /* required -- hides the HTML text link */
}

#Sparticipant:hover {
	background-position: 0 -51px; 
	}

#sponsor {
	display: block;  /* required */
	float: left;   
	margin-top: 15px;
	width:85px; 
	height: 16px; 
  	background:url(imgs/nav/sponsorship.png);
	}
	
#sponsor a {
	display: block;
	height: 16px;
	width: 85px;
}	
	
#sponsor a span {
	display:none; /* required -- hides the HTML text link */
}	
	

#sponsor:hover {
	background-position: 0 -49px; 
	}

#prizes {
	display: block;  /* required */
	float: left;   
	margin-top: 15px;
	width:45px; 
	height: 15px; 
  	background:url(imgs/nav/prizes.png);
	}

#prizes a {
	display: block;
	height: 15px;
	width: 46px;
}	
	
#prizes a span {
	display:none; /* required -- hides the HTML text link */
}


#prizes:hover {
	background-position: 0 -47px; 
	}


#faq {
	display: block;  /* required */
	float: left;   
	margin-top: 15px;
	width:36px; 
	height: 15px; 
  	background:url(imgs/nav/faq.png);
	}

#faq a {
	display: block;
	height: 15px;
	width: 36px;
}	
	
#faq a span {
	display:none; /* required -- hides the HTML text link */
}



#faq:hover {
	background-position: 0 -56px; 
	}

#raise {
	display: block;  /* required */
	float: left;   
	margin-top: 15px;
	width:98px; 
	height: 16px; 
  	background:url(imgs/nav/raise_nav.png);
	}

#raise a {
	display: block;
	height: 16px;
	width: 160px;
}	
	
#raise a span {
	display:none; /* required -- hides the HTML text link */
}


#raise:hover {
	background-position: 0 -49px; 
	}




#contact {
	display: block;  /* required */
	float: left;   
	margin-top: 15px;
	width:87px; 
	height: 16px; 
  	background:url(imgs/nav/contact_us.png);
	}

#contact a {
	display: block;
	height: 16px;
	width: 87px;
}	
	
#contact a span {
	display:none; /* required -- hides the HTML text link */
}

#contact:hover {
	background-position: 0 -54px; 
	}

#ride100 {
	display: block;  /* required */
	float: left;   
	margin-top: 15px;
	width:116px; 
	height:16px; 
  	background:url(imgs/nav/100k.png);
	}

#ride100 a {
	display: block;
	width:116px;
	height:16px;
	
}	
	
#ride100 a span {
	display:none; /* required -- hides the HTML text link */
}

#ride100:hover {
	background-position: 0 -49px; 
	}






#ride75 {
	display: block;  /* required */
	float: left;   
	margin-top: 15px;
	width:107px; 
	height:20px; 
  	background:url(imgs/nav/75kroad-ride.png);
	}

#ride75 a {
	display: block;
	width:107px;
	height:20px;
	
}	
	
#ride75 a span {
	display:none; /* required -- hides the HTML text link */
}

#ride75:hover {
	background-position: 0 -67px; 
	}

#ride40 {
	display: block;  /* required */
	float: left;   
	margin-top: 15px;
	width:143px; 
	height:20px; 
  	background:url(imgs/nav/40k.png);
	}

#ride40 a {
	display: block;
	width:143px;
	height:20px;
	
}	
	
#ride40 a span {
	display:none; /* required -- hides the HTML text link */
}

#ride40:hover {
	background-position: 0 -67px; 
	}


#ride30 {
	display: block;  /* required */
	float: left;   
	margin-top: 15px;
	width:115px; 
	height:19px; 
  	background:url(imgs/nav/30k.png);
	}

#ride30 a {
	display: block;
	width:115px;
	height:19px;
	
}	
	
#ride30 a span {
	display:none; /* required -- hides the HTML text link */
}

#ride30:hover {
	background-position: 0 -57px; 
	}


#ride15 {
	display: block;  /* required */
	float: left;   
	margin-top: 15px;
	width:104px; 
	height:20px; 
  	background:url(imgs/nav/15k.png);
	}

#ride15 a {
	display: block;
	width:104px;
	height:20px;
	
}	
	
#ride15 a span {
	display:none; /* required -- hides the HTML text link */
}

#ride15:hover {
	background-position: 0 -67px; 
	}


#ride2 {
	display: block;  /* required */
	float: left;   
	margin-top: 15px;
	width:94px; 
	height:20px; 
  	background:url(imgs/nav/2k.png);
	}

#ride2 a {
	display: block;
	width:94px;
	height:21px;
	
}	
	
#ride2 a span {
	display:none; /* required -- hides the HTML text link */
}

#ride2:hover {
	background-position: 0 -67px; 
	}

#teamchallenge {
	display: block;  /* required */
	float: left;   
	margin-top:15px;
	width:112px; 
	height: 16px; 
  	background:url(imgs/nav/teamChallenge.png);
	}

#teamchallenge a {
	display: block;
	height: 16px;
	width: 112px;
}	
	
#teamchallenge a span {
	display:none; /* required -- hides the HTML text link */
}


#teamchallenge:hover {
	background-position: 0 -51px; 
	}



#yogaClasses {
	display: block;  /* required */
	float: left;   
	margin-top: 15px;
	width:92px; 
	height:16px; 
  	background:url(imgs/nav/yogaClasses.png);
	}

#yogaClasses a {
	display: block;
	width:92px;
	height:17px;
	
}	
	
#yogaClasses a span {
	display:none; /* required -- hides the HTML text link */
}

#yogaClasses:hover {
	background-position: 0 -16px; 
	}