/* Bike specific styles */

.highZ {
	z-index:2000;
}

/* local listings page*/

.showMap {
display:block;
}

/* sponsor section */

#sponsorArea {
width:540px;
border:#666666 solid 1px;
text-align:center;
margin-top:20px;
}

#sponsorHeader {
width:540px;
background-color:#333;
text-align:left;
}

/* feature areas */

.featureBoxBottom {
background:url(../newimages/event-box-br.gif) no-repeat bottom right; 
text-align:left;
}

/* feature frame for the jersey promo */

#feature1BoxOuter {
width:174px;
background:url(../newimages/event-box-ml.gif) repeat-y left;
position:relative;
}

#feature1Box {
width:174px;
background:url(../newimages/event-box-mr.gif) repeat-y right;
position:relative;
}

#feature1BoxTop { 
background:url(../newimages/event-box-green-tr.gif) no-repeat top right;
position:relative;
float:left;
}

#feature1Title {
width:174px;
font-weight:bold;
color:#FFF;
float:right;
text-align:center;
top:-36px;
position:relative;
}

#feature1Content {
width:142px;
padding:0 15px;
margin-top:-20px;
position:relative;
float:left;
}


/* feature frame for the contest */

#feature2BoxOuter {
width:215px;
background:url(../newimages/event-box-ml.gif) repeat-y left;
position:relative;
float:right;
}

#feature2Box {
width:215px;
background:url(../newimages/event-box-mr.gif) repeat-y right;
position:relative;
}

#feature2BoxTop { 
background:url(../newimages/event-box-blue-tr.gif) no-repeat top right;
position:relative;
float:left;
}

#feature2Title {
width:215px;
font-weight:bold;
color:#FFF;
float:right;
text-align:center;
top:-28px;
position:relative;
}

#feature2Content {
width:185px;
padding:0 15px;
margin-top:-2px;
position:relative;
float:left;
clear:both;
}


/* feature frame for bike tour psa */

#feature3BoxOuter {
width:304px;
background:url(../newimages/event-box-ml.gif) repeat-y left;
margin-right:15px;
float:left;
}

#feature3Box {
width:304px;
background:url(../newimages/event-box-mr.gif) repeat-y right;
}

#feature3BoxTop { 
background:url(../newimages/event-box-tr.gif) no-repeat top right;
}

#feature3Content {
width:280px;
margin-left:10px;
text-align:center;
}


/* poll feature space */

#feature4BoxOuter {
width:215px;
background:url(../newimages/event-box-ml.gif) repeat-y left;
position:relative;
float:right;
margin:0 0 10px 20px;
}

#feature4Box {
width:215px;
background:url(../newimages/event-box-mr.gif) repeat-y right;
position:relative;
}

#feature4BoxTop { 
background:url(../newimages/event-box-orange-tr.gif) no-repeat top right;
position:relative;
float:left;
}

#feature4Title {
width:215px;
font-weight:bold;
color:#FFF;
float:right;
text-align:center;
top:-28px;
position:relative;
}

#feature4Content {
width:195px;
padding:0 10px;
margin-top:-15px;
position:relative;
float:left;
}
/* styles for participant stories page */

#quoteBoxOuter {
	width:330px;
	background:url(../newimages/event-box-ml.gif) repeat-y left;
	float:right;
}
#quoteBox {
	width:330px;
	background:url(../newimages/event-box-mr.gif) repeat-y right;
}
#quoteBoxTop {
	background:url(../newimages/event-box-blue-tr.gif) no-repeat top right;
}
#quoteContainer {
	width:280px;
	height:300px;
	overflow-y:scroll;
	margin:0 0 15px 25px;
	padding-right:10px;
	z-index:3;
}
#quoteTitle {
	width:330px;
	font-weight:bold;
	font-size:18px;
	font-family:Arial Narrow;
	color:#FFF;
	float:right;
	text-align:center;
	top:-30px;
	position:relative;
}
#nameContainer {
	width:200px;
	position:relative;
	margin-left:-5px;
	z-index:2;
	float:left;
}
#blurb {
	position:relative;
	width:100%;
	margin-top:20px;
	float:left;
}

/* classes for photos */

.photoLeft {
float:left;
margin:2px 15px 2px 0;
}

.photRight {
float:right;
margin:2px 0 2px 15px;
}

/* local listings page*/

#mapCanada {
width:353px;
float:left;
text-align:right;
}

#provinceListing {
width:540px;
display:block;
position:relative;
float:left;
}

.province {
padding:10px 10px 5px 10px;
font-weight:bold;
cursor:hand;
float:left;
}

.showSiteListing {
width:180px;
display:block;
position:absolute;
z-index:100;
background:#FFFFFF;
border:#999999 solid 1px;
padding:2px;
top:-330px;
right:-40px;
cursor:hand;
}

.siteListing {
padding:4px;
}

.closeListing {
float:right;
text-align:right;
}