body{ 
margin:0; 
padding:0; 
font-family:helvetica,arial;
background:#000 url(../../images/public/BG_Home.jpg) top center no-repeat;
color:#000;
font-size:12px;
} 

body.who-we-are,body.history,body.mission-vision-values,body.the-board,body.where-the-money-goes,body.cancer-facts{
	background:#000 url(../../images/public/BG_WhoWeAre.jpg) top center no-repeat;
}

body.what-we-are-doing,body.partners,body.the-route,body.the-team,body.guest-riders,body.on-tour-events,body.training-rides,body.rider-road-etiquette,body.community-initiatives{
	background:#000 url(../../images/public/BG_WhatWereDoing.jpg) top center no-repeat;	
}

body.how-to-get-involved,body.the-hubs,body.fundraising,body.events,body.future-tours,body.corporate-promotions,body.shop{
	background:#000 url(../../images/public/BG_HowtogetInvolved.jpg) top center no-repeat;
}

body.inspiring-stories,body.news,body.media,body.gallery,body.gallery-images,body.gallery-video, body.contact{
	background:#000 url(../../images/public/BG_News.jpg) top center no-repeat;
}

a:visited{
	text-decoration:none !important;
}

a:active{
outline: none;
}
* :focus {
outline: none;
}
#pagewidth{ 
width:990px;  
margin-left:auto; 
margin-right:auto;  
} 

#messageHolder div{
	color:#FFF;
	background-color:#000;
	-moz-border-radius:4px 4px 4px 4px;
	padding:10px;
	margin:30px 0 20px 0;
	float:left;
	width:94%;
}
#messageHolder div h2{
	margin: 0px;
	padding:0px;
}

#header{
float:left;
height:103px;
margin-top:20px;
width:981px;
background:url(../../images/public/header_bg.png) no-repeat;
}
#logo_parent{
position:relative;
left: 0px;
top: 0px;
z-index: 3000;
width:126px;
}
.tag_line{float:left;}
#logo{
position:absolute;
 left: 10px;
 top: 0px;
  z-index: 1000;
}
#buttons{
float:left;
margin-top:15px;

} 
.btn{
float:left;
height:20px;
font-size:13px;
color:#5c6168;
}
.btn a{
border:0px;
float:left;
height:20px;
text-decoration:none;
color:#fff;
}
.btn a:hover{text-decoration:underline;}
#buttons_right{
float:left;
font-family:helvetica;
margin-left:80px;
} 
.btn_right{
color:#5C6168;
float:left;
font-size:12px;
height:22px;
margin-top:73px;
}
.btn_right a{
border:0px;
float:left;
height:22px;
text-decoration:none;
color:#fff;
font-family:helvetica;
}
.btn_right a:hover{text-decoration:underline;}
.login_btn{
color:#5C6168;
float:left;
font-size:12px;
height:22px;
margin-top:70px;
width:48px;
background:url(../../images/public/login_btn.gif) no-repeat;
}
.login_btn a{
border:0 none;
color:#FFFFFF;
float:left;
font-family:helvetica;
height:22px;
padding-left:8px;
padding-top:3px;
text-decoration:none;
}
.login_btn a:hover{text-decoration:underline;}
#total_raised_container{
top:0px;
left:0px;
z-index:3000;
position:relative;
}
#total_raised{
font-size: 14px;
font-weight: bold;
height: 36px;
margin-left: 52px;
margin-top: 10px;
text-align: center;
}
#donate_now{
float:left;
font-family:helvetica;
font-size:20px;
font-weight:bold;
height:30px;
margin-left:48px;
margin-top:8px;
text-align:center;
width:125px;
}
#donate_now a{
color:#000000;
float:left;
font-family:helvetica;
font-size:20px;
font-weight:bold;
text-align:center;
text-decoration:none;
}
#donate_now a:hover{text-decoration:underline;}
#maincol_hp{
float:left;
width: 960px;
}
#maincol{
float:left;
width: 960px;
margin-top:25px;
}

#gallery_hp{
float:left;
width:990px;
height:360px;
margin-top:15px;
}
#hp_transparent_big{
float:left;
margin-top:15px;
width:960px;
height:38px;
background:url(../../images/public/trans_bg.png) repeat-x;
}
.transparent_title_white{
float:left;
padding:5px 0px 5px 22px;
font-size:22px;
font-family:helvetica;
color:#fff;
}
.transparent_title_blue{
float:left;
padding:7px;
font-size:18px;
font-family:arial;
color:#39a1cd;
}
#hp_middle_big{
float:left;
width:940px;
background:#fff;
padding:5px 10px 10px 10px;
}
.hp_middle_big_box1{
float:left;
width:310px;
margin-left:2px;
height:238px;

}
.hp_middle_big_box2{
float:left;
width:310px;
margin-left:2px;
height:238px;
background:#184f6d;
margin-top:7px;
height:231px
}
.hp_middle_big_box3{
float:left;
width:310px;
margin-left:2px;
height:238px;
background:url(../../images/public/hp_middle_big_img2.jpg) no-repeat;
}
.hp_middle_big_box2_in{
float:left;
width:310px;
height:45px;
border-bottom:1px solid #ffdd00;
color:#fff;
background:#11374c;
}


.entry-content .arrow_link{
color:#39a5c1;
font-weight:bold;
margin-top:5px;
}
.arrow_link {
/*float:left;*/
position:relative;
background:url(../../images/public/red_arrow.png) no-repeat scroll 0 0 transparent;
padding-top:1px;
}
.arrow_link a{
color:#39a1cd;
font-weight:normal;
padding-left:10px;
text-decoration:none;
}
.arrow_link a:hover{text-decoration:underline;}
.hp_middle_small_box1_out{
float:left;
width:465px;
height:390px;
margin-top:15px;

}
.hp_transparent_small{
float:left;
width:100%;
height:38px;
background:url(../../images/public/trans_bg.png) repeat-x;
}
.hp_middle_small_box1_in{
float:left;
height:320px;
padding:15px;
background:#fff;
width:435px;
}
.hp_middle_small_box1_video{
float:left;
width:435px;
height:260px;
background:#fff;
}
.hp_middle_small_box2_out{
float:left;
width:230px;
height:390px;
margin-top:15px;
margin-left:17px;
}
.hp_middle_small_box2_in{
float:left;
height:320px;
padding:15px;
background:#fff;
width:200px;
}
.small_gal_link{float:left;}
.small_gal_link a{
float:left;
text-decoration:none;
color:#c3c0c0;
padding:5px;
border:1px solid #7a7a7a;
}
.small_gal_link a:hover{background:#494a4a;}
.wwd_img_div{
float:left;
padding:16px;
width:160px;
}
#footer_out{
float:left;
margin-top:20px;
margin-bottom:20px;
width:960px;
position:relative;
}
#footer_title{
float:left;
font-size:22px;
font-family:helvetica;
width:960px;
color:#fff;
} 
#footer_top{
float:left;
background:url(../../images/public/footer_top.png) no-repeat;
height:5px; 
width:960px;
} 
#footer_bottom{
float:left;
background:url(../../images/public/footer_bottom.png) no-repeat;
height:5px; 
width:960px;
} 
#footer_in{
float:left;
background:#1a1a1a;
width:958px;
font-size:12px;
color:#fff;
border-left:1px solid #313030;
border-right:1px solid #313030;
} 
.footer_links {
	float:left;
	text-align: left;
}
.footer_links ul{
height:100%;
float:left;
padding-left:0px;
}
.footer_links li{
color:#fff;
padding:3px 0px;
font-weight:normal;
list-style:none outside none;
text-decoration:none;
}
.footer_links li a{
color:#fff;
font-weight:normal;
list-style:none outside none;
text-decoration:none;
}
.footer_links li a:hover{color:#ffd700;}

.entry-content{
	position:relative;
		float:left;
}

.admin-edit, .ride-edit, .partner-edit, .slideshow-edit, .news-edit, .event-edit{
	position:absolute;
	top:0px;
	right:0px;
	padding:8px 12px;
	background-color:#9CF;
	color:#000;
	border:1px solid #903;
}

a.partner-edit{
	position:relative;
	width:16px !important;
	height:14px !important;
}

.slideshow-add{
	left:-47px !important;
}
.event-add{
	top:50px !important;
}

.admin-add, .slideshow-add, .news-add, .event-add{
	position:absolute;
	top:0px;
	left:0px;
	padding:8px 12px;
	background-color:#9CF;
	color:#000;
	border:1px solid #903;
}

.hidden{display:none;}

#admin-edit-box{

}

.input{
	-moz-border-radius:4px 4px 4px 4px;
	background:#FFFFFF;
	border:1px solid #999999;
	font-family:Lucida Grande,Arial;
	font-size:11px;
	margin-top:2px;
	padding:5px;
}

#cboxContent label{
	width:120px;
	float:left;
	line-height:26px;
	vertical-align:middle;
}

#cboxContent p{
	padding:4px 20px;
}

.main_leftcol_in{position:relative;}

.entry-content .leftside{

}
.entry-content .rightside{margin-left:20px;}

.main_leftcol_in .entry-content .subheading h1, .main_leftcol_in .entry-content .subheading h2 {
	font-size:12px !important;
	font-weight:bold;
}

.main_leftcol_in .entry-content .blackheading h1, .main_leftcol_in .entry-content .blackheading h2 {
	font-size:14px !important;
	font-weight:bold;
	color:#000000;
	border-bottom:2px solid #000000;
}

.main_leftcol_in .entry-content .blueh5heading h5{color:#39A1CD;}

.entry-content .full-pod{
	padding-bottom:40px;
	float:left;
}

.rightcol_white_box .arrow_link_big a{color:#39A1CD;}

.rightcol_white_box .arrow_link_big{

	width:auto;
	padding:0px !important;
	width:auto !important;
}

.main_leftcol_in .entry-content ul{
	float:left;
	padding-bottom:22px;
}
.main_leftcol_in .entry-content ul li{
	list-style:none;
	list-style-image:url(../../images/public/red_arrow.png);
	padding-left:6px;
}

.main_leftcol_in .entry-content ol{
	float:left;
	padding-bottom:22px;
	width:90%;
	border-bottom:1px dotted #39A1CD;
	

}
.main_leftcol_in .entry-content ol li{padding-left:6px;}

.main_leftcol_in .entry-content blockquote{
	padding:8px;
	background-color:#f1f1f2;
	border-top:1px solid #dddddd;
	border-bottom:1px solid #dddddd;
	margin:10px;
	float:left;
}
.main_leftcol_in .entry-content blockquote span{color:#39A1CD;}

.maincol_in .board_member_content img{float:left;}

.maincol_in .board_member_content{width:100%;}
.maincol_in .board_member_content .board_members_text{width:712px;}


/*form validation */


#signupForm label.error, #signupForm input.submit { margin-left: 253px; }
input.error { border: 2px solid red; }
form.cmxform label.error, label.error {
	color: red;
	font-style: italic
}
#signupForm label.error, #signupForm input.submit { margin-left: 0px; }


/* rider graph styling */


/*#banner {position:relative;}*/
#flashcontent {border:none;}

.leaderboard { width:728px; height:90px; left:171px; top:15px;  }
.half_banner { width:468px; height:60px; left:300px; top:30px;  }
.medrec { width:300px; height:250px; left:601px; top:132px; }
.halfpage { width:300px; height:600px; left:601px; top:132px; }
.skyscraper { width:120px; height:600px; left:692px; top:132px; }
.wide_skyscraper { width:160px; height:600px; left:672px; top:132px; }

.custom { width:310px; height:183px; left:648px; top:53px; }



/**/

.media_dropdown img {
float:left !important;
padding:0 15px 0 0 !important;
}
.media_dropdown_text  {
float:left !important;
width:500px !important;
}


/***** events */

.blue_btn_img_left{
			float:left;
			background:url(../../images/public/htgi_button_image.gif) no-repeat;
			width:30px;
			height:28px;
			border:0px;
			text-decoration:none;
}


/***news */

.media_dropdown{
	float:left;
	width:600px;
	margin-bottom:20px;
}
.media_dropdown img{
	float:left;
	padding: 0px 15px 0px 0px;
}

.media_dropdown_text{
	float:left;
	width:500px;
	
}
.media_dropdown_text h5{
	margin:0px;
	color:#000;
	font-family: helvetica;
	font-size: 12px;
	font-weight:bold;
	float:left;
	padding-bottom:5px;
	width:100%;
}
.news_media_drop_content{
	width:500px;
	margin-left:95px;
	color:#000;
	background: #fff;
	overflow: hidden;
	position: relative;
	float:left;
}
.news_media_drop_content_in{
	color:#000;
	overflow: hidden;
	position: relative;
	display: none;
		width:500px;
	margin-left:95px;
	float:left;
}
.news_media_drop_content_in img{
	float:left;
	padding: 20px 0px 20px 0px;
	border:0px;
}

.news_media_drop_content_in .img_caption_parent{margin-bottom:12px;}
/* lr_style */
/*RIGHTCOL STYLE STARTS HERE*/
.main_rightcol{
float:left;
margin-left:20px;
width:270px;
}
.main_rightcol h1{
margin:0px;
float:left;
width:256px;
height:24px;
padding:7px;
font-size:18px;
font-family:arial;
color:#39a1cd;
background:url(../../images/public/trans_bg.png) repeat-x;
font-family:helvetica;
font-weight: normal;
}
.main_rightcol_in{
float:left;
width:240px;
padding:15px;
background:#fff;
}
.rightcol_blue_box{
float:left;
width:240px;
height:220px;
background:url(../../images/public/rightcol_blue_bg.gif) no-repeat;
}
.rightcol_blue_box img{
float:left;
border:1px solid #fff;
margin:9px;
}
.arrow_link_big{
float:left;
width:220px;
padding:0px 10px 10px 10px;
}
.arrow_link_big img{
width:5px;
height:12px;
float:left;
border:none;
margin:0px;
}
.arrow_link_big a{
width:210px;
float:left;
margin-left:5px;
text-decoration:none;
color:#fff;
font-weight:bold;
}
.arrow_link_big a:hover{text-decoration:underline;}
.support_events_out{
float:left;
width:240px;
margin-top:15px;
}
.support_events_out h1{
margin:0px;
float:left;
width:226px;
height:24px;
padding:7px;
font-size:18px;
font-family:arial;
color:#39a1cd;
background:url(../../images/public/titles_bg.png) repeat-x;
font-family:helvetica;
font-weight: normal;
}
.support_events_in{
float:left;
width:238px;
border:1px solid #c6c6c6;
background:url(../../images/public/rightcol_box_bg.gif) repeat-x;
background-position:bottom; 
}
.support_events_in2{
float:left;
width:238px;
}
.support_events_in img{
float:left;
border:1px solid #fff;
}
.support_events_in_box{
float:left;
width:218px;
padding:10px;
border-bottom:1px solid #c6c6c6;
}
.support_events_in_box img{
float:left;
margin:0px;
border:0px;
}
.support_events_in_box_right{
float:left;
width:130px;
margin-left:10px;
}
.arrow_link_big_blue{
float:left;
width:100%;
padding-bottom:5px;
}
.arrow_link_big_blue img{
width:5px;
height:12px;
float:left;
border:none;
margin-right:5px;
}
.arrow_link_big_blue a{
width:120px;
float:left;
text-decoration:none;
color:#39a1cd;
font-weight:bold;
}
.arrow_link_big_blue a:hover{text-decoration:underline;}
.support_events_in_box_text{
float:left;
width:125px;
margin-left:10px;
}
.support_calendar_div{
float:left;
width:218px;
height:35px;
background:url(../../images/public/support_calendar_bg.png) no-repeat;
margin: 10px;
}
.support_calendar_text_a{
padding:10px;
float:left;
font-weight:bold;
color:#39a1cd;
}
.support_calendar_text_a a{
text-decoration:none;
color:#000;
font-weight:bold;
}
.support_calendar_text_a a:hover{text-decoration:underline;}
.partner_img{
float:left;
margin:5px;
}
/*RIGHTCOL STYLE ENDS HERE*/

/*LEFTCOL STYLE STARTS HERE*/
.main_leftcol{
float:left;
width:670px;
}
.main_leftcol_navigation_bar{
float:left;
height:13px;
background:#39a1cd;
color:#fff;
font-weight:bold;
padding-top:10px;
padding-bottom:10px;
padding-left:35px;
width:635px;
}
.main_leftcol_navigation_bar a{
color:#fff;
font-size:14px;
text-decoration:none;
font-weight:normal;
}
.main_leftcol_navigation_bar a:hover{text-decoration:underline;}
.main_leftcol_navigation_bar2{
float:left;
height:13px;
background:#f1f1f1;
color:#39a4c0;
font-weight:bold;
padding-top:10px;
padding-bottom:10px;
padding-left:35px;
width:635px;
}
.main_leftcol_navigation_bar2 a{
color:#39a4c0;
font-size:14px;
text-decoration:none;
font-weight:normal;
float:left;
}
.main_leftcol_navigation_bar2 a:hover{text-decoration:underline;}
.main_leftcol_navigation_bar2 img{float:left;}
.main_leftcol h1{
margin:0px;
width:635px;
color:#fff;
font-family: helvetica;
font-weight:normal;
font-size: 23px;
padding: 5px 0px 5px 35px;
background:url(../../images/public/trans_bg.png) repeat-x;
}
.main_leftcol_in{
background:#fff;
float:left;
width:600px;
padding: 15px 35px 15px 35px;
}
.main_leftcol_in h2{
margin:0px;
color:#39A1CD;
font-weight:normal;
font-family: helvetica;
font-size: 18px;
padding-bottom:10px;
margin-bottom:10px;
width:100%;
float:left;
border-bottom: 2px solid #39A1CD;
}
.main_leftcol_in p {
float:left;
margin:0;
padding:0;
width:100%;
}
.main_leftcol_in img{
float:left;
padding: 10px 0px;
}
.img_caption_parent{
position:relative;
left: 0px;
top: 0px;
z-index: 3000;
width:600px;
float:left;
}
.img_caption{
	background: url(../../images/public/trans_bg.png) repeat-x;
	padding: 7px 7px 8px 7px;;
	position: absolute;
	top: 90%;
	width: 586px;
	z-index: 1000;
	color:#fff;
	font-weight:bold;
}

.news_media_drop_content_in .img_caption{
	top:93% !important;
}


.main_leftcol_video{
	float:left;
	padding-top:20px;
	}
.main_leftcol_in h4{
	margin:0px;
	color:#39A1CD;
	font-weight:bold;
	font-family: helvetica;
	font-size: 12px;
	padding-bottom:10px;
	margin-bottom:10px;
	margin-top:20px;
	width:100%;
	float:left;
	border-bottom: 2px solid #39A1CD;
}
.avatar_box h1{
	margin:0px;
	color:#fff;
	font-family: helvetica;
	font-size: 16px;
	padding: 5px 0px 5px 15px;
	background: #39a4c0;
	width:275px;
}
.avatar_box h1 a{
	margin:0px;
	color:#fff;
	font-family: helvetica;
	text-decoration:none;
}
.avatar_box h1 a:hover{text-decoration:underline;}

.avatar_box_div{
	margin:0px;
	color:#fff;
	font-family: helvetica;
	font-size: 16px;
	padding: 5px 0px 5px 15px;
	background: #39a4c0;
	width:275px;

}
.avatar_holder{
	padding-top:40px;
	float:left;
}

.avatar_box p{
	margin:0 0 6px;	
}
	
.avatar_box{
	float:left;
	width:290px;	
	background:#f0f0f0;
	margin-bottom:20px;
		height:140px;
}
.avatar_box img{
	float:left;
	padding: 0px 15px 0px 5px;
}
.avatar_box h5{
	margin:0px;
	color:#000;
	font-family: helvetica;
	font-size: 12px;
	font-weight:bold;
	float:left;
	width:100%;
	padding-bottom:5px;
}
.avatar_box_inside{
	padding:12px;
	float:left;
}

	.board_members_text{
		float:left;
		width:465px;
		margin-bottom:25px;
	}	
	.board_members_text h5{
		margin:0px;
		color:#000;
		font-family: helvetica;
		font-size: 12px;
		font-weight:bold;
		float:left;
		padding-bottom:5px;
	}
	.board_member_content{
		float:left;
		width:590px;
		margin-top:5px;
	}
	.board_member_content img{
		padding:0px;
		margin-right:20px;
	}
/*LEFTCOL STYLE ENDS HERE*/

/*WWAD PARTNERS STYLE STARTS HERE*/
.maincol_big{
float:left;
width: 960px;
margin-top:25px;
}
.maincol_big h1{
margin:0px;
width:925px;
color:#fff;
font-family: helvetica;
font-weight:normal;
font-size: 23px;
padding: 5px 0px 5px 35px;
background:url(../../images/public/trans_bg.png) repeat-x;
}

.maincol_big h3{
margin:0px;
color:#696968;
font-weight:bold;
font-family: helvetica;
font-size: 14px;
padding-bottom:10px;
margin-bottom:10px;
width:100%;
float:left;
border-bottom: 2px solid #696968;
}
.maincol_in{
float:left;
width: 890px;
background:#fff;
padding:15px 35px;
}
.maincol_in h2{
margin:0px;
color:#39A1CD;
font-weight:normal;
font-family: helvetica;
font-size: 18px;
padding-bottom:10px;
margin-bottom:10px;
width:100%;
float:left;
border-bottom: 2px solid #39A1CD;
}
.maincol_in p{
width:100%;
margin:0px !important; 
padding:0px !important; 
float:left;
}
.maincol_in h4{
	margin:0px;
	color:#39A1CD;
	font-weight:bold;
	font-family: helvetica;
	font-size: 12px;
	padding-bottom:10px;
	margin-bottom:10px;
	margin-top:20px;
	width:100%;
	float:left;
	border-bottom: 2px solid #39A1CD;
}
.wwad_small_right{
float:left;
width:270px;
margin-left: 20px;
}
.wwad_small_right h4{
	margin:0px;
	color:#39A1CD;
	font-weight:bold;
	font-family: helvetica;
	font-size: 12px;
	padding-bottom:10px;
	margin-bottom:10px;
	margin-top:0px;
	width:100%;
	float:left;
	border-bottom: 2px solid #39A1CD;
}
.blue_btn_img{
float:left;
margin-top:20px;
border:1px solid #3d8aac;
height:28px;
}
/*.blue_btn_img_left{
float:left;
background:url(../../images/public/blue_btn_left.gif) no-repeat;
width:37px;
height:28px;
border:0px;
text-decoration:none;
}*/
.blue_btn_img_left{
background:url(../../images/public/wwad_arrow_image.gif) no-repeat scroll 0 0 transparent;
border:0 none;
float:left;
height:28px;
text-decoration:none;
width:20px;
}

.blue_btn_img_middle {
float:left;
background:url(../../images/public/blue_btn_middle.gif) repeat-x;
padding:8px;
font-size:12px;
text-decoration:none;
color:#fff;
}
.blue_btn_img_middle :hover{
float:left;
background:url(../../images/public/blue_btn_middle.gif) repeat-x;
padding:0px;
font-size:12px;
text-decoration:underline;
color:#fff;
}
.wwad_about_video{
float:left;
width:390px;
margin-top:20px;
}
/*WWAD PARTNERS STYLE ENDS HERE*/

/*WWAD FEATURED PARTNER STYLE STARTS HERE*/

.featured_partner{
float:left;
width:890px;
border:1px solid #d9dada;
background:#f1f1f1;
}
.featured_partner_in{
float:left;
width:690px;
padding:15px 15px 15px 0px;
}
.featured_partner img{
float:left;
margin:15px;
border:none;
}
.featured_partner_in h5{
	margin:0px;
	color:#000;
	font-family: helvetica;
	font-size: 12px;
	font-weight:bold;
	float:left;
	padding-bottom:5px;
}
.featured_partners_links{
float:left;
width:890px;
color:#39A1CD;
padding:15px 0px 30px 0px;;
}
.featured_partners_link{
float:left;
color:#39A1CD;
font-size:14px;
}
.featured_partners_link a{
float:left;
font-size:14px;
font-weight:normal;
color:#39A1CD;
text-decoration:underline;
}
.partners_big_images{
float:left;
width:890px;
margin-bottom:30px;

}

.partners_big_images_cont{
position:relative;
float:left;
width:133px;
}
.partners_big_images a{
float:left;
width:119px;
height:67px;
padding:14px;
}
.cat_jerseys{
float:left;
width:890px;
margin-bottom:30px;
}
.cat_jersey{
float:left;
width:145px;
text-align:center;
}
.cat_jersey_text{
float:left;
width:134px;
text-align:left;
color:#000;
}
.cat_jersey_images{
float:left;
border-right:1px solid #d5d2d2;
width:140px;
text-align:center;
}
.cat_jersey img{width:90px;}
/*WWAD FEATURED PARTNER STYLE ENDS HERE*/
/*HTGI EVENTST STYLE STARTS HERE*/
.north_shore_cupcake{
			float:left;
			border-bottom: 2px solid #39A1CD;
			margin-bottom:10px;
			width:100%;
		}
		.north_shore_cupcake h2{
			margin:0px;
			color:#39A1CD;
			font-weight:normal;
			font-family: helvetica;
			font-size: 18px;
			padding-bottom:0px;
			float:left;
			border:none;
			width:500px;
			padding-top:10px;
		}		
		.north_shore_cupcake img{
			margin:0px;
			float:right;
		}
		.nort_shore_date{
			float:left;
			background:#39a1cd;
			color:#fff;
			font-weight:bold;
			padding:10px;
			width:580px;
			font-size:14px;
			}
		.goal_total{
			background:#f1f1f1;
			border:1px solid #f9f9f9;
			padding:3px 5px;
			color:#39a4c0;
			float:left;
		}
		.money_numbers{
			padding:3px 5px;
			color:#5e6060;
			float:left;
		}
		.donate_to_event{
			background:#ffd800;
			border:2px solid #ffb400;
			padding:5px 10px;
			margin-left:215px;
			color:#000;
			float:right;
		}
		.share_event{float:right;}
		.share_event p{
			color:#39a5c1;
			font-weight:bold;
			font-size:14px;
			float:left;
			width:130px;
			padding-top:3px;
		}
		.share_event img{
				margin-top:0px;
				padding:0px;
		}
		.htgi_blue_letters{
			color:#39a4c0;
			float:left;
			font-weight:bold;
			float:left;
			padding-left:10px;
		}
		.htgi_black_letters{
			color:#5e6060;
			float:left;
			font-weight:bold;
			float:left;
			padding-left:5px;
		}
		.htgi_black_letters img{
			padding:0px 0px;;
			font-weight:bold;
			float:left;
			padding-left:5px;
		}
		.htgi_black_letters2{
			color:#5e6060;
			float:left;
			font-weight:bold;
			float:left;
			padding-top:10px;
		}
/*HTGI EVENTS STYLE ENDS HERE*/

/*WWAD RIDERS TEAM*/
	.ridersteam_links {
		float:left;
		color:#39A1CD;
		padding-bottom:20px;
	}
	.ridersteam_links a{color:#39A1CD;}
	
	.team_listing a, .team_listing a:visited{
		color:#39A1CD;
		text-decoration:none;
	}
	
	.team_listing {
		float:left;
		padding-top:23px;
		padding-bottom:23px;
		padding-right:56px;
		color:#39a5c1;
		font-weight:bold;
		height:145px;
	}
	.team_listing_text{
	text-align:center;
	margin-top:15px;
	}
/*WWAD RIDERS TEAM ENDS HERE*/

/*WWAD RIDERSSUPPORT TEAM STARTS HERE*/
.support_team_blue_tittle{
			width:580px;
			background:#39a4c0;
			float:left;
			font-size:14px;
			color:#fff;
			font-weight:bold;
			padding:9px 10px;
			height:14px;
		}
		.support_team_form{
			width:580px;
			background:#f1f1f1;
			float:left;
			font-size:12px;
			padding:9px 10px;
		}
		.team_member_informations{
			width:100%;
			float:left;
			margin-top:20px;
		}
		.team_member_informations img{padding:0px;}
		.team_imember_info_blue_letters{
			color:#39a4c0;
			font-weight:bold;
			width:150px;
			float:left;
			padding:3px 0px 3px 0px;
		}
		.team_imember_info_black_letters{
			color:#000;
			font-weight:bold;
			float:left;
			padding:3px 0px 3px 0px;
		}
		.team_imember_info_underline{
			width:100%;
			clear:both;
			border-bottom:2px dotted #39a4c0;
			float:left;
		}
		.team_member_form_text{
			float:left;
			font-weight:bold;
			width:120px;
			padding-left:20px;
			padding-top:10px;
			height:22px;
		}
		.team_member_form_input{
			width:412px;
			height:30px;
			border:1px solid #bababa;
		}
		.team_member_form_input_pcode{
			width:412px;
			height:30px;
			border:1px solid #bababa;
		}		
		.team_member_form_input_blue{
			width:280px;
			height:30px;
			border:3px solid #39a4c0;
		}
		.team_member_form_input_cvn{
			width:80px;
			height:30px;
			border:1px solid #bababa;
		}
		.team_support_note_text{
			float:left;
			width:425px;
			margin-left:140px;
			font-size:9px;
		}
		.team_support_formutton{
			background-color:#FFD800;
			border:2px solid #FFB400;
			font-weight:bold;
			padding:6px 8px;
			font-size:12px;
		}
		
/*WWAD RIDERSSUPPORT TEAM ENDS HERE*/

/*WWAD TRAINING RIDES STARTS HERE*/

		.training_rides_paggination{
			float:left;
			margin-right:5px;
		}
		.training_rides_paggination a{
			background:#f1f1f1;
			border:1px solid #f9f9f9;
			padding:2px 6px;
			color:#5E6060;
			float:left;
			font-size:12px;
			text-decoration:none;
		}
		.training_rides_paggination a:hover{
			background:#39A4C0;
			color:#fff;
		}
		.training_rides_uppagination_div{
			border-bottom:2px solid #39A4C0;
			color:#39A4C0;
			width:100%;
			float:left;
			font-size:18px;
			margin-bottom:10px;
			padding-bottom:5px;
		}
/*WWAD TRAINING RIDES ENDS HERE*/

/*NEWS GALERY STARTS HERE*/
.maincol_big_gallery{
float:left;
width: 960px;
margin-top:25px;
background:#252525;
}

.maincol_big_gallery h1{
margin:0px;
width:925px;
color:#fff;
font-family: helvetica;
font-weight:normal;
font-size: 23px;
padding: 5px 0px 5px 35px;
background:#000;
}
.maincol_in_gallery{
float:left;
width:960px;
padding: 20px 35px 20px 35px;
}
#gallery_hp_news{
float:left;
position:relative;
background:#0c0c0c;
width:890px;
}
.galery_picker{
width:860px;
color:#fff;
float:left;
}
.galery_picker_tittle{
color:#39a5c1;
width:890px;
height:30px;
float:left;
background:black;
padding-left:10px;
padding-top:10px;
font-size:18px;
}
.galery_picker_tittle a{
color:#39a5c1;
text-decoration:none;
}
.galery_picker_tittle a:hover{text-decoration:underline;}
.galery_picker_tittle_group{
float:left;
width:120px;
padding:12px;
}
.galleri_picker_text{
float:left;
padding-top:10px;
padding-left:10px;
}
/*NEWS GALERY ENDS HERE*/
/* colorbox */
/*
    ColorBox Core Style
    The following rules are the styles that are consistant between themes.
    Avoid changing this area to maintain compatability with future versions of ColorBox.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative; overflow:hidden;}
#cboxLoadedContent{overflow:auto;}
#cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}

/* 
    Example user style
    The following rules are ordered and tabbed in a way that represents the
    order/nesting of the generated HTML, so that the structure easier to understand.
*/
#cboxOverlay{background:url(../../images/overlay.png) 0 0 repeat;}
#colorbox{}
    #cboxTopLeft{width:21px; height:21px; background:url(../../images/public/controls.png) -100px 0 no-repeat;}
    #cboxTopRight{width:21px; height:21px; background:url(../../images/public/controls.png) -129px 0 no-repeat;}
    #cboxBottomLeft{width:21px; height:21px; background:url(../../images/public/controls.png) -100px -29px no-repeat;}
    #cboxBottomRight{width:21px; height:21px; background:url(../../images/public/controls.png) -129px -29px no-repeat;}
    #cboxMiddleLeft{width:21px; background:url(../../images/public/controls.png) left top repeat-y;}
    #cboxMiddleRight{width:21px; background:url(../../images/public/controls.png) right top repeat-y;}
    #cboxTopCenter{height:21px; background:url(../../images/public/border.png) 0 0 repeat-x;}
    #cboxBottomCenter{height:21px; background:url(../../images/public/border.png) 0 -29px repeat-x;}
    #cboxContent{background:#fff;}
        #cboxLoadedContent{margin-bottom:28px;}
        #cboxTitle{position:absolute; bottom:4px; left:0; text-align:center; width:100%; font-size:13px;
	color:#000;
	font-family:Verdana, Geneva, sans-serif;
	width:100%;
	text-align:center;}
        #cboxCurrent{position:absolute; bottom:4px; left:58px; color:#949494;}
        #cboxSlideshow{position:absolute; bottom:4px; right:30px; color:#0092ef;}
        #cboxPrevious{position:absolute; bottom:0; left:0px; background:url(../../images/public/controls.png) -75px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;}
        #cboxPrevious.hover{background-position:-75px -25px;}
        #cboxNext{position:absolute; bottom:0; left:27px; background:url(../../images/public/controls.png) -50px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;}
        #cboxNext.hover{background-position:-50px -25px;}
        #cboxLoadingOverlay{background:url(../../images/public/loading_background.png) center center no-repeat;}
        #cboxLoadingGraphic{background:url(../../images/public/loading.gif) center center no-repeat;}
        #cboxClose{position:absolute; bottom:0; right:0; background:url(../../images/public/controls.png) -25px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;}
        #cboxClose.hover{background-position:-25px -25px;}

/*
    The following fixes png-transparency for IE6.  
    It is also necessary for png-transparency in IE7 & IE8 to avoid 'black halos' with the fade transition
    
    Since this method does not support CSS background-positioning, it is incompatible with CSS sprites.
    Colorbox preloads navigation hover classes to account for this.
    
    !! Important Note: AlphaImageLoader src paths are relative to the HTML document,
    while regular CSS background images are relative to the CSS document.
*/
.cboxIE #cboxTopLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=../../images/internet_explorer/borderTopLeft.png, sizingMethod='scale');}
.cboxIE #cboxTopCenter{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=../../images/internet_explorer/borderTopCenter.png, sizingMethod='scale');}
.cboxIE #cboxTopRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=../../images/internet_explorer/borderTopRight.png, sizingMethod='scale');}
.cboxIE #cboxBottomLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=../../images/internet_explorer/borderBottomLeft.png, sizingMethod='scale');}
.cboxIE #cboxBottomCenter{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=../../images/internet_explorer/borderBottomCenter.png, sizingMethod='scale');}
.cboxIE #cboxBottomRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=../../images/internet_explorer/borderBottomRight.png, sizingMethod='scale');}
.cboxIE #cboxMiddleLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=../../images/internet_explorer/borderMiddleLeft.png, sizingMethod='scale');}
.cboxIE #cboxMiddleRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=../../images/internet_explorer/borderMiddleRight.png, sizingMethod='scale');}
/* fx.slide */
/*
Name: Nice Login and Signup Panel using Mootools 1.2
Tutorial URI: http://web-kreation.com/demos/login_form_mootools_1.2/
Author: Jeremie Tisseau
Author URI: http://web-kreation.com/
Date: August 2008

	The CSS, XHTML and design is released under Creative Common License 2.5:
	http://creativecommons.org/licenses/by-sa/2.5/

*/
#whoweare{
	color: white;
	overflow: hidden;
	position: relative;
	display: none;
	z-index: 3;
}
#whatwedo{
	color: white;
	overflow: hidden;
	position: relative;
	display: none;
	z-index: 3;
}
#howtoget{
	color: white;
	overflow: hidden;
	position: relative;
	display: none;
	z-index: 3;
}
#news{
	color: white;
	overflow: hidden;
	position: relative;
	display: none;
	z-index: 3;
}
#drop_down_main{
	width: 958px;
	color: white;
	background: #2f2f2f;
	
	overflow: hidden;
	position: relative;
	z-index: 3;
	float:left;
	height:auto;
}
.dropdownclose {
	display: block;
	position: absolute;
	right: 15px;
	top: 10px;
	width: 70px;
	font-size: 0.8em;
	text-align: left;
	z-index:5;
}
.drop_down_main ul{
height:100%;
width:500px;
float:left;
padding-left:0px;
}
.drop_down_main li{
color:#fff;
font-weight:normal;
list-style:none outside none;
text-decoration:none;
}
.drop_down_main li a{
color:#fff;
font-weight:normal;
list-style:none outside none;
text-decoration:none;
}
.drop_down_main li a:hover{color:#ffd700;}
/* jscrollpane */
/*
 * CSS Styles that are needed by jScrollPane for it to operate correctly.
 *
 * Include this stylesheet in your site or copy and paste the styles below into your stylesheet - jScrollPane
 * may not operate correctly without them.
 */

.jspContainer
{
	background:#184f6d;
	overflow: hidden;
	position: relative;
	height:180px;
	width:290px;
}

.jspPane
{
	position: absolute;
	width:280px;
	margin:10px;
}

.jspVerticalBar
{
	position: absolute;
	top: 0px;
	right: 0;
	width: 22px;
	height: 100%;
	background: red;
}

.jspHorizontalBar
{
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 16px;
	background: red;
}

.jspVerticalBar *,
.jspHorizontalBar *
{
	margin: 0;
	padding: 0;
}

.jspCap
{
	display: none;
}

.jspHorizontalBar .jspCap
{
	float: left;
}

.jspTrack
{
	background: #dde;
	position: relative;
	height:120px;
}

.jspDrag
{
	background: #bbd;
	position: relative;
	top: 0;
	left: 0;
	cursor: pointer;
}

.jspHorizontalBar .jspTrack,
.jspHorizontalBar .jspDrag
{
	float: left;
	height: 100%;
}

.jspArrow
{
	background: #50506d;
	text-indent: -20000px;
	display: block;
	cursor: pointer;
}

.jspArrow.jspDisabled
{
	cursor: default;
	background: #80808d;
}

.jspVerticalBar .jspArrow
{
	height: 16px;
}

.jspHorizontalBar .jspArrow
{
	width: 16px;
	float: left;
	height: 100%;
}

.jspVerticalBar .jspArrow:focus
{
	outline: none;
}

.jspCorner
{
	background: #eeeef4;
	float: left;
	height: 100%;
}

#index_slide_menu
{
	width: 300px;
}
/* lozenge */
.jspVerticalBar
{
	background: #184f6d;
}
.jspTrack{
	background:#103f59;
	width:5px;
	margin-left:9px;
}
.jspDrag
{
	background:  #38a5c2;
	width:5px;
}

.jspTrack .jspActive,
.jspTrack .jspHover,
.jspDrag:hover
{background:#fff;}


.jspArrow
{
	background: url(../../images/public/arrows_menu.png) no-repeat;
}

.jspVerticalBar>.jspDisabled,
.jspVerticalBar>.jspDisabled:hover
{
	background-color: transparent;
	background-image: url(../../images/public/arrows_menu.png);
}

.jspVerticalBar .jspArrow
{
	height: 22px;
}

.jspArrowUp
{
	background-position: 0 0;
}

.jspArrowDown
{
	background-position: -23px 0 !important; 
}
/* carousel */
@charset "utf-8";
/* CSS Document */
div.carousel-container{
	float:left;
	background-color:#2e302f;
	width:200px;
	height:247px;	
	visibility: hidden;
}	
div.carousel-container .roundabout-holder {
	list-style: none;
	width: 130px;
	height: 100px;
	margin: 1em auto;
}
div.carousel-container .image_text{
	margin:10px;	
	clear:both;
	top:-20px;
	position:relative;
}
div.carousel-container .title{
	color:#3aa1ce;
	padding:0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
}
div.carousel-container .description{
	color:#8f9190;
	padding:0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	margin:10px 0px;
}
div.carousel-container .roundabout-moveable-item {
	height: 94px;
	width: 96px;
	cursor: pointer;
	border:1px solid #000;
}
div.carousel-container .roundabout-moveable-item img {
	width: 100%;
}
div.carousel-container .roundabout-in-focus {
	cursor: auto;
}
div.carousel-container ul.nav{
	list-style:none;
	position:relative;
	top:-75px;
	z-index:400;
	margin:0 30px;
	padding:0px;
	width:142px;				
}
div.carousel-container ul.nav li.prev{float:left;}
div.carousel-container ul.nav li.next{float:right;}
div.carousel-container ul.nav li.prev span,
div.carousel-container ul.nav li.next span{
	display:block;
	width:17px;
	height:17px;	
	cursor:pointer;			
}
div.carousel-container ul.nav li.prev span{background-image:url(../images/prev-image.png);}
div.carousel-container ul.nav li.next span{background-image:url(../images/next-image.png);}

div.carousel-container ul.carousel li h1,
div.carousel-container ul.carousel li h2,
div.carousel-container ul.carousel li span,
div.carousel-container ul.carousel li p{
	display: none;
}
div.carousel-container ul.carousel{}
/* hp_slideshow */
/* slideshow styles */
.slideShow ul,
.slideShow li,
.slideShow ol {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}
.slideShow {
	padding:0px;
	border: 0px;
	margin-bottom: 0px;
}

/** navigation **/
.slideShow .navigation {
	margin:0px 0px 0px 0px;
	clear: left;
	display: block;
}
.slideShow .navigation li {
	display: inline;
}
.slideShow .navigation a {
	width:32px;
	height:100px;
	background:url(../images/gal_nav_left.png) no-repeat;
	margin: 0px;
	padding:0px;
	display: inline-block;
}
.slideShow .thumbs a {
	padding: 0px;
	overflow: hidden;
	background-color: transparent;
	height: 50px;
}
.slideShow .navigation a:hover,
.slideShow .navigation a.selected {
	background:url(../images/gal_nav_left_over.png) no-repeat;
}
.slideShow ol.topNavigation {
margin: 0px 0px 0px 0px;
}
#gal_next_nav {
	width:32px;
	height:100px;
	background:url(../images/gal_nav_right.png) no-repeat;
	margin: 0px;
	padding:0px;
	display: inline-block;
}
#gal_next_nav:hover {
	background:url(../images/gal_nav_right_over.png) no-repeat;
}

/** slides with more than an image in it **/
.slide h1 {
	position: absolute;
	background-color: #ffffff;
	left: 0px;
	top: 0px;
}


.slide dl dt {
	width: 500px;
}

/** slides with text over images **/
.slide p {
	position: absolute;
	background-color: #0c0c0c;
	color: #fff;
	z-index: 1;
	font-size:14px;
	font-family:helvetica;
	border-bottom: 3px solid #252525;
    color: #FFFFFF;
    font-family: helvetica;
    font-size: 14px;
    padding: 10px 10px 10px 0px;
    text-align: left;
    width: 830px;
	margin:0px 20px 10px 20px;
}
.slide p a {
	color: #fff;
}

/** slideshow with images in navigation **/
.navigation.white a, .navigation.white li {
	background-color: #ffffff;
}
.navigation.white a {
	border: 1px solid #ffffff;
	padding: 0px;
	line-height: 0.8em;
}
.navigation.white a:hover,
.navigation.white a.selected {
	background-color: #ffffff;
	border: 1px solid #999;
}
/* featureCarousel */
/********************
 * FEATURE CAROUSEL *
 ********************/
#featureCarousel {
    height: 240px;
    width:200px;
    background-color:#2f2e2e;
    position:relative;
	float:left;
}
#featureCarousel img {border:0;}
#featureCarousel .feature {
    position:absolute;
    top:-1000px;
    left:-1000px;
    border:1px solid white;
    cursor:pointer;
}
#featureCarousel .feature > div {
    position:absolute;
    bottom:0px;
    left:0px;
    background-color:black;
    width:100%;
}
#featureCarousel .feature > div p {
    margin:0;
    padding:5px;
    font-weight:bold;
    font-size:12px;
    color:white;
}
#featureCarousel .blipsContainer {
    position:absolute;
    color:white;
    right:25px;
    top:210px;
    padding:0;
    margin:0;
}
#featureCarousel .blipsContainer .blip {
    margin:3px;
    height:14px;
    width:14px;
    color:white;
    text-align:center;
    font-size:10px;
    border:1px dotted black;
}
#featureCarousel .blipsContainer .blipSelected {
    color:white;
    font-weight:bold;
    background-color:black;
}