/* ------ | =utilityClasses | -------- */
.marginTop30px {
	margin-top:30px;
}
.marginBottom30px {
	margin-bottom:30px;
}
.center {
	text-align:center;	
}

/* ------ | =header | -------- */
#header h5 a {
	display:block;
	height:89px;
	padding:0;
	margin:0;
	background: transparent url(../images/css/titleBar.png) no-repeat left top;
}
#header a span {	
	display:none;
}
/* ------ | =mainNav | -------- */
#mainNav a{
	float:left;
}
#mainNav > div {
	float:left; 
	width:155px; 
}
#mainNav a {
	display:block;
	width:155px;
	height:38px;
}
#mainNav a span {	
	display:none;
}
#mainNav a.home {
	background:transparent url(../images/css/mainNav.png) no-repeat 0 0;
}
#mainNav a.home:hover, #mainNav div.active a.home {
	background:transparent url(../images/css/mainNav.png) no-repeat 0 100%;
}
#mainNav a.events {
	background:transparent url(../images/css/mainNav.png) no-repeat -175px 0;
}
#mainNav a.events:hover, #mainNav div.active a.events {
	background:transparent url(../images/css/mainNav.png) no-repeat -175px 100%;
}
#mainNav a.register {
	background:transparent url(../images/css/mainNav.png) no-repeat -340px 0;
}
#mainNav a.register:hover, #mainNav div.active a.register {
	background:transparent url(../images/css/mainNav.png) no-repeat -340px 100%;
}
#mainNav a.extras {
	background:transparent url(../images/css/mainNav.png) no-repeat -495px 0;
}
#mainNav a.extras:hover, #mainNav div.active a.extras {
	background:transparent url(../images/css/mainNav.png) no-repeat -495px 100%;
}
#mainNav a.sponsors {
	background:transparent url(../images/css/mainNav.png) no-repeat -650px 0;
}
#mainNav a.sponsors:hover, #mainNav div.active a.sponsors {
	background:transparent url(../images/css/mainNav.png) no-repeat -650px 100%;
}
#mainNav a.contact {
	background:transparent url(../images/css/mainNav.png) no-repeat -815px 0;
}
#mainNav a.contact:hover, #mainNav div.active a.contact {
	background:transparent url(../images/css/mainNav.png) no-repeat -815px 100%;
}

/* ------ | =leftNav | -------- */
ul.leftNav{
	margin:0 0 0 0;
	list-style-type:none;
	font-size:1.4em;
}
ul.leftNav li {
	margin: 0 0 5px 0;
}
ul.leftNav li a {
	display:block;
	height:50px;
	margin: 0;
	text-align:left;
	color: #fff;
	text-decoration:none;
}
ul.leftNav li a:hover {
	color: #a72095;
}
ul.leftNav li a span {
	display:none;
}
ul.leftNav li a.home {
	background: transparent url(../images/css/leftNav/home.png) no-repeat 30px bottom;
}
ul.leftNav li a.home:hover, ul.leftNav li.active a.home  {
	background: transparent url(../images/css/leftNav/home.png) no-repeat right top;
}
/* ------ | EVENTS LEFT NAV | ---- */
ul.leftNav li a.genInfo {
	background: transparent url(../images/css/leftNav/info.png) no-repeat 30px bottom;
}
ul.leftNav li a.genInfo:hover, ul.leftNav li.active a.genInfo  {
	background: transparent url(../images/css/leftNav/info.png) no-repeat right top;
}
ul.leftNav li a.startTimes {
	background: transparent url(../images/css/leftNav/startTimes.png) no-repeat 30px bottom;
}
ul.leftNav li a.startTimes:hover, ul.leftNav li.active a.startTimes {
	background: transparent url(../images/css/leftNav/startTimes.png) no-repeat right top;
}
ul.leftNav li a.roadRides {
	background: transparent url(../images/css/leftNav/roadRides.png) no-repeat 30px bottom;
}
ul.leftNav li a.roadRides:hover, ul.leftNav li.active a.roadRides {
	background: transparent url(../images/css/leftNav/roadRides.png) no-repeat right top;
}
ul.leftNav li a.mtnRides {
	background: transparent url(../images/css/leftNav/mtnRides.png) no-repeat 30px bottom;
}
ul.leftNav li a.mtnRides:hover,  ul.leftNav li.active a.mtnRides {
	background: transparent url(../images/css/leftNav/mtnRides.png) no-repeat right top;
}
ul.leftNav li a.addInfo {
	background: transparent url(../images/css/leftNav/addInfo.png) no-repeat 30px bottom;
}
ul.leftNav li a.addInfo:hover,  ul.leftNav li.active a.addInfo {
	background: transparent url(../images/css/leftNav/addInfo.png) no-repeat right top;
}
ul.leftNav li a.maba {
	background: transparent url(../images/css/leftNav/maba.png) no-repeat 30px bottom;
}
ul.leftNav li a.maba:hover,  ul.leftNav li.active a.maba {
	background: transparent url(../images/css/leftNav/maba.png) no-repeat right top;
}
ul.leftNav li a.wineFest {
	background: transparent url(../images/css/leftNav/wineFest.png) no-repeat 30px bottom;
}
ul.leftNav li a.wineFest:hover,  ul.leftNav li.active a.wineFest {
	background: transparent url(../images/css/leftNav/wineFest.png) no-repeat right top;
}
ul.leftNav li a.cascadeBikes {
	background: transparent url(../images/css/leftNav/cascadeBikes.png) no-repeat 30px bottom;
}
ul.leftNav li a.cascadeBikes:hover,  ul.leftNav li.active a.cascadeBikes {
	background: transparent url(../images/css/leftNav/cascadeBikes.png) no-repeat right top;
}
ul.leftNav li a.otherRides {
	background: transparent url(../images/css/leftNav/otherRides.png) no-repeat 30px bottom;
}
ul.leftNav li a.otherRides:hover,  ul.leftNav li.active a.otherRides {
	background: transparent url(../images/css/leftNav/otherRides.png) no-repeat right top;
}
/* ------ | SPONSORS NAV | ---- */
ul.leftNav li a.sponsors {
	background: transparent url(../images/css/leftNav/sponsors.png) no-repeat 30px bottom;
}
ul.leftNav li a.sponsors:hover,  ul.leftNav li.active a.sponsors {
	background: transparent url(../images/css/leftNav/sponsors.png) no-repeat right top;
}
ul.leftNav li a.tips {
	background: transparent url(../images/css/leftNav/tips.png) no-repeat 30px bottom;
}
ul.leftNav li a.tips:hover,  ul.leftNav li.active a.tips {
	background: transparent url(../images/css/leftNav/tips.png) no-repeat right top;
}
ul.leftNav li a.trainingTips {
	background: transparent url(../images/css/leftNav/trainingTips.png) no-repeat 30px bottom;
}
ul.leftNav li a.trainingTips:hover,  ul.leftNav li.active a.trainingTips {
	background: transparent url(../images/css/leftNav/trainingTips.png) no-repeat right top;
}
ul.leftNav li a.ridingTips {
	background: transparent url(../images/css/leftNav/ridingTips.png) no-repeat 30px bottom;
}
ul.leftNav li a.ridingTips:hover,  ul.leftNav li.active a.ridingTips {
	background: transparent url(../images/css/leftNav/ridingTips.png) no-repeat right top;
}
ul.leftNav li a.gear {
	background: transparent url(../images/css/leftNav/gear.png) no-repeat 30px bottom;
}
ul.leftNav li a.gear:hover,  ul.leftNav li.active a.gear {
	background: transparent url(../images/css/leftNav/gear.png) no-repeat right top;
}
ul.leftNav li a.jerseys {
	background: transparent url(../images/css/leftNav/jerseys.png) no-repeat 30px bottom;
}
ul.leftNav li a.jerseys:hover,  ul.leftNav li.active a.jerseys {
	background: transparent url(../images/css/leftNav/jerseys.png) no-repeat right top;
}

/*ul.leftNav li ul {
	margin:0 0 0 60px;
	padding:0;
	font-size:.9em;
	list-style-type:none;
}
ul.leftNav li ul li {
	margin:0;
	padding:0;
}
ul.leftNav li ul li a {
	margin:0;
	height:auto;
	padding:0;
	color:#99cc33;
}
ul.leftNav li ul li a:hover {
	color: #a72095;
}*/

.contentBox {
	background: #5c5c5c;
	overflow:auto;
	float:left;
	min-height: 400px;
	margin: 20px 0 10px 0;
}
.contentBox .innerContentBox {
	background: #333;	
	min-height: 400px;
	float:left;
	overflow:auto;
	padding:5px;
	color:#eee;
	margin:5px;
}
.mapLink {
	margin: 5px 0 0 25px;
	clear:left;
	text-align:center;
}
.mapLink a img {
	border: 3px solid #fff;
}
.mapLink a:hover img {
	border: 3px solid #ccc;
}
.mapLink a.textLink {
	font-size: 16px;
	text-decoration:none;
}
.mapLink a.textLink:hover {
	color: #fff;
}

a.registerActive {
	display:block;
	text-align:center;
	text-decoration:none;
	margin:40px 5px 5px 5px; 
	padding:80px 40px;
	border:5px solid #333;
}
a.registerActive:hover {
	border:5px solid #96d61b;
}
a.registerActive span.registerTitle {
	font-size: 1.8em;
	text-indent:-999em;
	display:block;
	height:54px;
	background: transparent url(../images/css/titles/registerOnline.png) no-repeat center bottom;
}
a.registerActive:hover span.registerTitle {
	background: transparent url(../images/css/titles/registerOnline.png) no-repeat center top;
}
a.registerActive img {
	border:4px solid #fff;
	margin:0 0 10px 0;
}
a.registerActive:hover img {
	border:4px solid #96d61b;
}

h3.regFormWaiverTitle {
	background: transparent url(../images/css/titles/regFormWaiver.png) no-repeat center top;
	text-indent:-999em;
}

.pdfLink {
	display:block;
	margin:40px 5px 5px 5px; 
	padding:150px 0px;
	text-indent:-999em;
	border:5px solid #333;
}
.pdfLink:hover {
	border:5px solid #96d61b;
}
.regFormLink {
	background: transparent url(../images/css/pullouts/registrationForm.png) no-repeat center center;
}
.waiverLink {
	background: transparent url(../images/css/pullouts/waiver.png) no-repeat center top;
}
/* ----- | =toolBar | ----- */
.toolBar {
	display:block;
	overflow:auto;
	margin: 0 0 20px 0;
}
.toolBar ul.rideNav {
	list-style-type: none;
	margin:0 0 0 0;
	padding:0;
}
.toolBar ul.rideNav li {
	float:right;
	display:inline;
	margin-left:10px;
}
.toolBar ul.rideNav li a span {
	display:none;
}
.toolBar ul.rideNav li a {
	display:block;
	height:50px;
	width:51px;
}
.toolBar ul.rideNav li a.mi100 {
	background: transparent url(../images/css/roadRidesNav/100mi.png) no-repeat left bottom;
}
.toolBar ul.rideNav li a.mi100:hover, .toolBar ul li.active a.mi100 {
	background: transparent url(../images/css/roadRidesNav/100mi.png) no-repeat left top;
}
.toolBar ul.rideNav li a.mi60 {
	background: transparent url(../images/css/roadRidesNav/60mi.png) no-repeat left bottom;
}
.toolBar ul.rideNav li a.mi60:hover, .toolBar ul li.active a.mi60 {
	background: transparent url(../images/css/roadRidesNav/60mi.png) no-repeat left top;
}
.toolBar ul.rideNav li a.mi40 {
	background: transparent url(../images/css/roadRidesNav/40mi.png) no-repeat left bottom;
}
.toolBar ul.rideNav li a.mi40:hover, .toolBar ul li.active a.mi40 {
	background: transparent url(../images/css/roadRidesNav/40mi.png) no-repeat left top;
}
.toolBar ul.rideNav li a.mi30 {
	background: transparent url(../images/css/roadRidesNav/30mi.png) no-repeat left bottom;
}
.toolBar ul.rideNav li a.mi30:hover, .toolBar ul li.active a.mi30 {
	background: transparent url(../images/css/roadRidesNav/30mi.png) no-repeat left top;
}

.toolBar ul.simpleList {
	list-style-type:none;
	font-size:12px;
}
.toolBar ul.simpleList li {
	float:left;
	margin:0 0 2px 0;
}
.toolBar ul.simpleList li a {
	padding:5px 8px;
	margin:0;
	border-right:1px solid #fff;
}
.toolBar ul.simpleList li a.last {
	border-right:none;
}
.toolBar ul.simpleList li.active a {
	color:#fff;
	text-decoration:none;
}
.rideInfo {
	clear:both;
	display:block;
	margin:0 0 0 0;
}

.rideInfo h3.rideTitle {
	margin: 10px 0 0 110px;
	text-indent:-999em;
}
.rideInfo h3.centuryRideTitle {
	background: transparent url(../images/css/subTitles/centuryRide.png) no-repeat left top;
}
.rideInfo h3.mi60LoopTitle {
	background: transparent url(../images/css/subTitles/60mileLoop.png) no-repeat left top;
}
.rideInfo h3.mi40RouteTitle {
	background: transparent url(../images/css/subTitles/40mileRoute.png) no-repeat left top;
}
.rideInfo h3.mi30RouteTitle {
	background: transparent url(../images/css/subTitles/30mileRoute.png) no-repeat left top;
}
.rideInfo h3.intermediateTitle {
	margin: 0 0 0 15px;
	background: transparent url(../images/css/subTitles/intermediateTitle.png) no-repeat left top;
}
.rideInfo h3.advancedTitle {
	margin: 0 0 0 15px;
	background: transparent url(../images/css/subTitles/advancedTitle.png) no-repeat left top;
}
.rideInfo h3.copmoba {
	margin: 0 0 0 15px;
	background: transparent url(../images/css/subTitles/copmoba.png) no-repeat left top;
}
.rideInfo h3.directions {
	margin: 0 0 0 15px;
	background: transparent url(../images/css/subTitles/directions.png) no-repeat left top;
}
.rideInfo h3.coloradoPeaceRide {
	margin: 0 0 0 15px;
	background: transparent url(../images/css/subTitles/coloradoPeaceRide.png) no-repeat left top;
}
.rideInfo h3.grinAndBarrett {
	margin: 0 0 0 15px;
	background: transparent url(../images/css/subTitles/grinAndBarrett.png) no-repeat left top;
}
.rideInfo h3.roseHillRally {
	margin: 0 0 0 15px;
	background: transparent url(../images/css/subTitles/roseHillRally.png) no-repeat left top;
}
.rideInfo h3.partnersRide {
	margin: 0 0 0 15px;
	background: transparent url(../images/css/subTitles/partnersRide.png) no-repeat left top;
}
.rideInfo h3.montroseTriathalon {
	margin: 0 0 0 15px;
	background: transparent url(../images/css/subTitles/montroseTriathalon.png) no-repeat left top;
}

.rideInfo p.mtnRideP {
	margin: 0 0 0 15px;
}
.rideInfo h5 {
	font-weight:normal;
	color:#96D61B;
	margin: 10px 0 0 0;
}
.rideInfo ul {
	margin: 0 0 0 30px;
}
.rideInfo p {
	clear:both;
	margin:0 10px 0 0;
}
.rideInfo img.rideMarkerImg {
	float:left; margin: -20px 10px 10px 0;
}

p.startTimes span{
	display:none;	
}
p.startTimes {
	display:block;
	height:283px;
	background: transparent url(../images/css/pullouts/startTimes.png) no-repeat left top;	
}

#patronFooter {
	background: #fff;
	color:#000;
	margin:-220px 0 0 0;
	overflow:auto;
	text-align:center;
	padding:5px;
}
#patronFooter h4 {
	text-align:center;
	text-indent:-999em;
	background:transparent url(../images/css/titles/ourPatrons.png) no-repeat center center;
	height: 30px;
}
#patronFooter ul {
	margin:0 0 0 0;
	list-style-type:none;
}
#patronFooter ul li {
	float:left;
	margin:0 15px 0 0;
}

#footer {
	background: #fff;
	color:#000;
	height:100px;
	margin:-120px 0 0 0;
}
#footer ul {
	width: 200000em;
}

.tickercontainer { /* the outer div with the black border */
	width: 100%; 
	height: 100px; 
	margin: 0; 
	padding: 0;
	overflow: hidden; 
}
.tickercontainer .mask { /* that serves as a mask. so you get a sort of padding both left and right */
	position: relative;
	width: 100%;
	overflow: hidden;
}
ul.newsticker { /* that's your list */
	position: relative;
	left: 100%;
	list-style-type: none;
	margin: 10px;
	padding: 0;
}
ul.newsticker li {
	float: left; /* important: display inline gives incorrect results when you check for elem's width */
	margin: 0;
	padding: 0;
}
ul.newsticker a {
	white-space: nowrap;
	padding: 0;
	margin: 0 50px 0 0;
} 

ul.sponsorsPageList {
	list-style-type:none;
	margin:0 0 0 5px;
	padding: 0 0 15px 0;
	border-bottom: 2px solid #fff;
	overflow: auto;
}
ul.sponsorsPageList li {
	float:left;
	margin: 0 15px 10px;	
}
ul.sponsorsPageList li a {
	border:2px solid #fff;
	float:left;
}

/* --- | =sitePic | ---- */
.contactPic img {
	border:3px solid #5c5c5c;
	margin-top:43px;
}
.contactPic span {
	display:block;
	background:#5c5c5c;
	color:#eee;
	padding:0 3px;
	text-align:right;
	font-style:normal
}
/* --- | =titles | ---- */
.title span { display:none; }
.title { 
	display:block;
	height:40px;
	width:400px;
	margin: 0 0 5px 0;
	text-indent:-999em;
}
.contactUsTitle {
	background: transparent url(../images/css/titles/contactUs.png) no-repeat left top;
}
.additionalInfoTitle {
	background: transparent url(../images/css/titles/additionalInfo.png) no-repeat left top;
}
.genInfoTitle {
	background: transparent url(../images/css/titles/genInfo.png) no-repeat left top;
}
.startTimesTitle {
	background: transparent url(../images/css/titles/startTimes.png) no-repeat left top;
}
.roadRidesTitle {
	background: transparent url(../images/css/titles/roadRides.png) no-repeat left top;
}
.mtnBikeRidesTitle {
	background: transparent url(../images/css/titles/mtnBikeRides.png) no-repeat left top;
}
.jerseysTitle {
	background: transparent url(../images/css/titles/jerseys.png) no-repeat left top;
}
.trainingTipsTitle {
	background: transparent url(../images/css/titles/trainingTips.png) no-repeat left top;
}
.ridingTipsTitle {
	width:300px;
	background: transparent url(../images/css/titles/ridingTips.png) no-repeat left top;
}
.gearTitle {
	background: transparent url(../images/css/titles/gear.png) no-repeat left top;
}
.patronLevel {
	margin: 10px 0 2px 0;
	background: transparent url(../images/css/titles/patronsLevel.png) no-repeat 2px top;
}
.sponsorsLevel {
	margin: 10px 0 2px 0;
	background: transparent url(../images/css/titles/sponsorsLevel.png) no-repeat 2px top;
}
.friendLevel {
	margin: 10px 0 2px 0;
	background: transparent url(../images/css/titles/friendLevel.png) no-repeat 2px top;
}
.giftCertsLevel {
	margin: 10px 0 2px 0;
	background: transparent url(../images/css/titles/giftCertsLevel.png) no-repeat 2px top;
}
.supportLevel {
	margin: 10px 0 2px 0;
	background: transparent url(../images/css/titles/supportLevel.png) no-repeat 2px top;
}
.otherRidesTitle {
	margin: 10px 0 2px 0;
	width: 500px;
	background: transparent url(../images/css/titles/otherRidesTitle.png) no-repeat 2px top;
}

/* --- | =subTitles | ---- */
.subTitle { 
	display:block;
	height:20px;
	width:400px;
	text-indent:-999em;
	margin: 15px 0 10px -2px;
}
h3.description { 
	background: transparent url(../images/css/subTitles/description.png) no-repeat left top;
}
h3.aidStations { 
	background: transparent url(../images/css/subTitles/aidStations.png) no-repeat left top;
}
h3.when {
	width:200px;
	background: transparent url(../images/css/subTitles/when.png) no-repeat left top;
}
h3.where {
	width:300px;
	background: transparent url(../images/css/subTitles/where.png) no-repeat left top;
}
h3.registrationDeadline { 
	width:300px;
	background: transparent url(../images/css/subTitles/registrationDeadline.png) no-repeat left top;
}
h3.checkInTitle { 
	background: transparent url(../images/css/subTitles/checkIn.png) no-repeat left top;
}
h3.startTimesByRideTitle { 
	background: transparent url(../images/css/subTitles/startTimesByRide.png) no-repeat left top;
}
h3.picnicInTheParkTitle { 
	background: transparent url(../images/css/subTitles/picnicInThePark.png) no-repeat left top;
}
h3.lodgingTitle { 
	background: transparent url(../images/css/subTitles/lodging.png) no-repeat left top;
}
h3.refundsTitle { 
	background: transparent url(../images/css/subTitles/refunds.png) no-repeat left top;
}
h3.refundsTitle { 
	background: transparent url(../images/css/subTitles/refunds.png) no-repeat left top;
}
h3.montroseEventsTitle { 
	background: transparent url(../images/css/subTitles/montroseEvents.png) no-repeat left top;
}
h3.bicycleRodeoTitle { 
	background: transparent url(../images/css/subTitles/bicycleRodeo.png) no-repeat left top;
}
h3.additionalInfoTitle { 
	background: transparent url(../images/css/subTitles/additionalInfo.png) no-repeat left top;
}
h3.equipmentTitle { 
	background: transparent url(../images/css/subTitles/equipment.png) no-repeat left top;
}
h3.clothingTitle { 
	background: transparent url(../images/css/subTitles/clothing.png) no-repeat left top;
}
h3.trainingTitle { 
	background: transparent url(../images/css/subTitles/training.png) no-repeat left top;
}
h3.resistanceTrainingTitle { 
	background: transparent url(../images/css/subTitles/resistanceTraining.png) no-repeat left top;
}
h3.groupRidesTitle { 
	background: transparent url(../images/css/subTitles/groupRides.png) no-repeat left top;
}
h3.routesTitle { 
	background: transparent url(../images/css/subTitles/routes.png) no-repeat left top;
}
h3.gearingTitle { 
	background: transparent url(../images/css/subTitles/gearing.png) no-repeat left top;
}
h3.windTitle { 
	background: transparent url(../images/css/subTitles/wind.png) no-repeat left top;
}
h3.climbingTitle { 
	background: transparent url(../images/css/subTitles/climbing.png) no-repeat left top;
}
h3.foodAndFluidsTitle { 
	background: transparent url(../images/css/subTitles/foodandfluids.png) no-repeat left top;
}
h3.pacingTitle { 
	background: transparent url(../images/css/subTitles/pacing.png) no-repeat left top;
}

.wineFestHome {
	display:block;
	background:#000 url(../images/css/pullouts/wineFestHome.png) no-repeat left top;
	height:60px;
	margin: 0 28px 10px 30px;
	color:#fff;
	font-size:1.4em;
	text-indent:-999em;
}
.wineFestHome:hover {
	display:block;
	background:#000 url(../images/css/pullouts/wineFestHome.png) no-repeat left bottom;
}