/* CSS Document */

body{
	background-image: url(images/gears.gif);
	background-repeat: repeat;
	text-align: center;
	behavior:url("csshover.htc");
}

:focus{
	outline:none;
	}

body,tr,td {
	font-family:Arial, Helvetica, sans;
	font-size:12px;
	line-height:1.5;
	color:#000000;
	}

#container{
	width:931px;
	height:auto;
	margin: 0 auto;
}


#box {
	float:left;
	display:inline;
	text-align:right;
	margin:0px;
	padding:0px;
	width:230px;
	color:#FFFFFF;
}


#top {
	background-image:url(imgs/header.png);
	background-repeat:no-repeat;
	background-position:top;
	text-align:right;
	margin:0;
	height:242px;
	width:931px;
}

#regNow{
	width:83px;
	height:80px;
	position:relative;
	top:40px;
	left:260px;
}

.submit{
	background: transparent url("imgs/nav/goRO.gif") no-repeat;
	width:61px;
	height:20px;
	border:none;
	display: block;
	cursor:pointer;
}

.submit:hover{
	background: transparent url("imgs/nav/go.gif") no-repeat;
	width:61px;
	height:20px;
	border:none;
	display: block;
}


#box_content {
	background-image:url(imgs/middle.png);
	background-repeat:repeat-y;
	background-position:top;
	margin:0;
	width:929px;
	font-family:Arial, Helvetica, sans-serif;
	color:#000000;
}

#box_bottom {
	background-image:url(imgs/bottom.png);
	background-repeat:no-repeat;
	background-position:bottom;
	text-align:left;
	margin:0;
	width:931px;
	height:122px;
}


#content{
	width:820px;
	float:left;
}

#leftBg{
	background-image:url(imgs/images/images/left.png);
	width:55px;
	float:left;
	height:100%;
	position:absolute;
	margin:0;
	float:left;
}

#rightBg{
	background-image:url(imgs/images/images/right.png);
	width:56px;
	height:100%;
	position:absolute;
	margin:0;
	float:right;	
	clear:both;
}

#bottom{
	clear: both;
	background-image:url(imgs/LO_05.png);
	width:931px;
	height:122px;
}

#donation{
	width:230px;
	float:right;
	position:relative;
	top:-10px;
	right:125px;
}

#ribbon{
	background-image:url(imgs/ribbon.png);
	background-repeat:no-repeat;
	width:41px;
	height:84px;
	float:left;
	position:relative;
	top:80px;
	right:45px;

	
}

.donation{
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight:bold;
	text-align:center;
	color:#000000;
	margin-top:30px;
}

.date{
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	color:#666666;
}

.date2{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#333333;
}


/*NAVIGATION */
img{
	border:none;

}

#eventDetails{
	background-image:url(imgs/nav/eventDetails.png);
	width:106px;
	height:16px;
	float:left;
}

#registration{
	background-image:url(imgs/nav/reg.png);
	width:98px;
	height:15px;
	float:left;
}

.space{
	margin-bottom:10px;
}


/* NAVIGATION */

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

} 


#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:160px; 
	height: 16px; 
  	background:url(imgs/nav/rasie.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; 
	}


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

#ride75 a {
	display: block;
	width:120px;
	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; 
	}



#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; 
	}


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

#PDFDownloads a span {
	visibility:hidden; /* required -- hides the HTML text link */
}




a {
	color:#000000;
	font-weight:bold;
	text-decoration:none;
	}
a:hover {
	color:#FA138C;
}
a:visited {
	color:#333333;
	}	
a:active {
	color:#FA138C;
	}
.style2 {
	color:#FA138C;
	}
.style3 {
	font-size:16px;
	}
	
.style4 {
	font-size:16px;
	font-weight:bold;
	}
.style5 {
	font-size:14px;
	font-weight:bold;
	}	

.style6 {
	font-size:11px;
	}	

#middle{
	width:555px;
	height:auto;
	float:right;
	position:relative;
	top:-60px;
	right:110px;

}	
	
#text{
	width:550px;
	height:auto;
	float:left;
}	
	
#footer{
	width:920px;
	height:auto;
}
	
.sponsors{
	position:relative;
	bottom:10px;
	right:10px;	
}	



.spacey2{	
}
	
#footer a{
	color:#000000;
	}
#footer a:hover {
	color:#FA138C;
	}
#footer a:visited {
	color:#333333;
	}
#footer a:active {
	color:#FA138C;
	}