/*** GENERAL STYLES ***/

body {background: #2651a4 url(../images/bkg.jpg) center top repeat-x; margin: 0; padding: 0; text-align: center;}
body, th, td, h1, h2, h3, h4, h5, h6, select, input, textarea {font-family: arial, helvetica, sans-serif; color: #222;}
body, th, td, select, input, textarea {font-size: 14px;}
body, th, td {line-height: 19px;}
h1, h2, h3, h4, h5, h6 {line-height: 1.1em; margin: .5em 0; padding: 0;}
form {margin: 0; padding: 0;}

img, table, fieldset {border: 0;}
ul, ul li {list-style: none; margin: 0; padding: 0;}
p {margin: 0 0 1.5em 0;}
a {color: #2651a4; cursor: pointer; cursor: hand;}
a:hover {color: #f37421;}
.detaillink {margin-left: 5px; padding-left: 10px; border-left: 1px solid #ccc; font-size: 14px; text-decoration: none;}
.detaillink:hover {text-decoration: underline;}
h1 .detaillink {color: #f37421;}
.arrowlink {font-size: 12px; font-weight: bold; color: #f37421; text-transform: uppercase; padding-right: 13px; background: url(../images/arrowlink.gif) right center no-repeat; text-decoration: none; line-height: 30px;}
.arrowlink:hover {text-decoration: underline;}

.hide {display: none;}
.alert {color: #f37421;}
.small {font-size: 10px;}
.highlight {background: #ffc;}

.floatleft {float: left;}
.floatright {float: right;}
.imgleft {float: left; margin: 0 15px 15px 0;}
.imgright {float: right; margin: 0 0 15px 15px;}
div.imgborder {padding: 4px; border: 1px solid #ddd;
	border-radius:			4px;
	-moz-border-radius: 	4px;
	-op-border-radius:		4px;
	-webkit-border-radius: 	4px;
}
.textcenter {text-align: center;}
.textright {text-align: right;}

.spacer {float: none; clear: both; height: 1px; overflow: hidden;}
.hr {float: none; clear: both; height: 1px; overflow: hidden; border-bottom: 1px solid #ddd; margin: 2em 0;}
.clear {float: none; clear: both;}

.half {width: 50%;}
.third {width: 33%;}
.twothird {width: 60%;}
.quarter {width: 25%;}
.threequarter {width: 70%;}

.ir {display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%;}
a .ir {cursor: pointer;}
.container {position: relative; width: 990px; text-align: left; margin: 0 auto;}


/*** TOP STYLES ***/

#top {position: relative; background: url(../images/top.jpg) center top no-repeat; z-index: 2;}
#top .container {height: 135px;}
#top h2 {margin: 0;}
#logo {position: absolute; left: 0; top: 0; width: 350px; height: 100px; font-size: 20px; line-height: 140px; color: #fff; text-decoration: none; text-align: center; font-style: italic; text-transform: uppercase;}
#logo .ir {background: url(../images/logo.jpg) no-repeat;}


/*** TOP LOGOS STYLES ***/

#toplogos {position: absolute; right: 0; top: 42px; width: 426px; height: 49px;}
#toplogos a {position: relative; float: left; height: 49px; font-size: 10px; text-align: center; color: #fff; line-height: 12px;}
#linkerg {width: 141px;}
#linkobc {width: 89px;}
#linkjcc {width: 56px;}
#linkrbm {width: 140px;}
#toplogos a .ir {background: url(../images/toplogos.jpg) no-repeat;}
#toplogos a#linkerg .ir {background-position: 0 0;}
#toplogos a#linkobc .ir {background-position: -141px 0;}
#toplogos a#linkjcc .ir {background-position: -230px 0;}
#toplogos a#linkrbm .ir {background-position: -286px 0;}


/*** TOP NAV STYLES ***/

#topnav {position: absolute; left: 0; top: 100px; width: 990px; height: 35px; line-height: 35px; background: #000 url(../images/topnav.gif) 0 0 repeat-x;
	border-radius:			6px 6px 0 0;
	-moz-border-radius: 	6px 6px 0 0;
	-op-border-radius:		6px 6px 0 0;
	-webkit-border-radius: 	6px 6px 0 0;
}
#topnav li {float: left; border-right: 1px solid; border-color: #666; border-color: rgba(255, 255, 255, .3);}
#topnav a {display: block; font-size: 15px; padding: 0 15px; text-decoration: none; color: #fff;}
#topnav li:first-child a {
	border-radius:			6px 0 0 0;
	-moz-border-radius: 	6px 0 0 0;
	-op-border-radius:		6px 0 0 0;
	-webkit-border-radius: 	6px 0 0 0;
}
#topnav a:hover {background: #777; background: rgba(255, 255, 255, .4);}
#topnav li.on a {background: #555; background: rgba(255, 255, 255, .2);}


/*** SOCIAL NAV STYLES ***/

#navsocial {position: absolute; right: 6px; top: 106px; z-index: 3;}
#navsocial li {float: left; padding-left: 2px;}
#navsocial a {color: #fff; font-size: 11px;}
#navsocial img {display: block;}

* html #navsocial img {position:relative;
behavior: expression((this.runtimeStyle.behavior="none")&&(this.pngSet?this.pngSet=true:(this.nodeName == "IMG" && this.src.toLowerCase().indexOf('.png')>-1?(this.runtimeStyle.backgroundImage = "none",
this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.src + "', sizingMethod='image')",
this.src = "/images/iepngfix.gif"):(this.origBg = this.origBg? this.origBg :this.currentStyle.backgroundImage.toString().replace('url("','').replace('")',''),
this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.origBg + "', sizingMethod='crop')",
this.runtimeStyle.backgroundImage = "none")),this.pngSet=true)
);
}


/*** MAIN COLUMN STYLES ***/

#main {position: relative; z-index: 1;}
#watermark {position: absolute; left: 0; top: 0; width: 100%; height: 334px; background: url(../images/watermark.png) center top no-repeat; z-index: 1;}
#main .container {background: #728ec4; background: rgba(255, 255, 255, .35); background-image: url(../images/main-container.gif); background-position: right top; background-repeat: repeat-y; z-index: 2; overflow: hidden;
	box-shadow: 			0 0 10px rgba(0, 0, 0, .5);
	-moz-box-shadow: 		0 0 10px rgba(0, 0, 0, .5);
	-op-box-shadow: 		0 0 10px rgba(0, 0, 0, .5);
	-webkit-box-shadow: 	0 0 10px rgba(0, 0, 0, .5);
	border-radius:			0 0 6px 6px;
	-moz-border-radius: 	0 0 6px 6px;
	-op-border-radius:		0 0 6px 6px;
	-webkit-border-radius: 	0 0 6px 6px;
}

#leftcol {float: left; width: 180px; padding: 0 5px 20px;}
#rightcol {float: right; width: 740px; padding: 30px; background: #fff;}
/*body.index #sidebar {float: right; width: 175px;}
body.index #content {float: left; width: 525px;}*/


/*** CONTENT STYLES ***/

/*#homeflash {width: 784px; margin: -10px -22px 2em;}*/
.widephoto {background: #333 url(../images/widephoto.gif) 0 0 repeat-x; padding: 6px; text-align: center; margin: -10px 0 2em;
	border-radius:			6px;
	-moz-border-radius: 	6px;
	-op-border-radius:		6px;
	-webkit-border-radius: 	6px;
}

#content h1 {color: #333; font-size: 25px; margin-bottom: .8em;}
#content h2 {color: #f37421; font-size: 20px; margin: 1.3em 0 .8em 0;}
#content ul {margin: 0 0 1.5em 10px;}
#content ul li {padding-left: 12px; background: url(../images/bullet.gif) 0 .5em no-repeat; margin-bottom: 8px;}

#schedule h2 {float: left; margin: 6px 0 8px;}
#schedule h3 {float: right; margin: 11px 0 0;}
#schedule table {clear: both;}
#schedule td.day {width: 30%;}
#schedule td.time {width: 40%;}
#schedule td.coach {width: 30%;}

#mapdiv {margin-bottom: 1em;}

#riderchart {position: relative; width: 740px; height: 201px; background: url(../images/riderchart.gif) 0 -25px; margin: 30px 0 40px;}
#riderchart #chartunits {position: absolute; left: 0; bottom: -10px; font-size: 10px; font-weight: bold; line-height: 25px; background: #fff; border-right: 1px solid #bfbfbf; padding-right: 7px;}
#riderchart .chartbar {position: absolute; left: 0; bottom: 0; width: 60px; text-align: center; font-size: 11px; font-weight: bold; line-height: 15px;}
#riderchart #bar0 {left: 75px;}
#riderchart #bar1 {left: 175px;}
#riderchart #bar2 {left: 275px;}
#riderchart #bar3 {left: 375px;}
#riderchart #bar4 {left: 475px;}
#riderchart #bar5 {left: 575px;}
#riderchart .color8 {background: #2651a4;}
#riderchart .color7 {background: #35a426;}
#riderchart .color6 {background: #fcca41;}
#riderchart .color5 {background: #ffab32;}
#riderchart .color4 {background: #f7771e;}
#riderchart .color3 {background: #c00;}
#riderchart .chartdate {position: absolute; left: 0; bottom: -15px; width: 100%;}
#riderchart .chartscore {position: absolute; left: 0; top: 5px; width: 100%; color: #fff; font-size: 12px;
	text-shadow: 			1px 1px 3px rgba(0,0,0,.25);
	-moz-text-shadow: 		1px 1px 3px rgba(0,0,0,.25);
	-op-text-shadow: 		1px 1px 3px rgba(0,0,0,.25);
	-webkit-text-shadow: 	1px 1px 3px rgba(0,0,0,.25);
}
#riderchart .chartscoreunit {font-size: 9px; filter: alpha(opacity=50); -moz-opacity: .5; opacity: .5;
	text-shadow: 			1px 1px 3px rgba(0,0,0,.5);
	-moz-text-shadow: 		1px 1px 3px rgba(0,0,0,.5);
	-op-text-shadow: 		1px 1px 3px rgba(0,0,0,.5);
	-webkit-text-shadow: 	1px 1px 3px rgba(0,0,0,.5);
}
#chartcogganm, #chartcogganf {position: absolute; right: 0; top: -10px; width: 40px; height: 211px; background: url(../images/cogganm.gif);}
#chartcogganf {background: url(../images/cogganf.gif);}


/*** TABLE AND FORM STYLES ***/

table {width: 100%; border-collapse: collapse; margin-bottom: 1.5em;}
td, th {border: 1px solid #ddd; padding: 5px 10px;}
thead td, thead th {background: #222; font-weight: bold; color: #fff;}
table.altrows tr:nth-child(even) td, table.altrows tr:nth-child(even) th {background: #eee;}

form div {clear: left; padding-top: 3px;}
form label {position: relative; float: left; width: 80px; padding-right: 20px; text-align: right;}
form .note {display: block; padding-left: 200px; margin-bottom: 5px; font-size: 11px;}
form .req {position: absolute; right: 4px; top: 0; color: #f37421; font-size: 30px; line-height: 30px;}
form .text input, form textarea {width: 350px;}
form textarea {height: 100px;}
form .button input {margin: 5px 0 0 100px; background: #111; color: #fff; font-weight: bold; border: 0; font-size: 20px; cursor: pointer;
	box-shadow: 			0 0 5px rgba(0, 0, 0, .3);
	-moz-box-shadow: 		0 0 5px rgba(0, 0, 0, .3);
	-op-box-shadow: 		0 0 5px rgba(0, 0, 0, .3);
	-webkit-box-shadow: 	0 0 5px rgba(0, 0, 0, .3);
	border-radius:			4px;
	-moz-border-radius: 	4px;
	-op-border-radius:		4px;
	-webkit-border-radius: 	4px;
}
form .wide label {width: auto !important;}
form .wide input {width: 200px;}
form .checkbox input {vertical-align: middle; width: auto !important;}

#riderform {background: #262626 url(../images/module-h3.gif) 0 0 repeat-x; padding: 5px 15px; color: #fff;
	border-radius:			4px;
	-moz-border-radius: 	4px;
	-op-border-radius:		4px;
	-webkit-border-radius: 	4px;
}
#riderform input {vertical-align: middle;}


/*** HOMEPAGE STYLES ***/

#homehero {width: 640px; height: 350px; margin: 0 auto;}
.slideshow {position: relative;}
.slideshow .slide {position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 1; overflow: hidden;}
.slideshow .controls, .slideshow .controls li {margin: 0; padding: 0; list-style: none;}
.slideshow .controls {position: absolute; left: 10px; bottom: 10px; font-size: 12px; line-height: 12px; color: #fff; z-index: 20;}
.slideshow .controls li {float: left; width: 20px; height: 20px; line-height: 20px; text-align: center; margin: 0 5px 0 0; background: #000; border: 1px solid #000; cursor: pointer;}
.slideshow .controls li.on {background: #fff; color: #000;}

/*
body.index #sidebar {font-size: 13px; line-height: 18px;}
body.index #sidebar h3 {text-transform: uppercase; font-size: 16px;}
body.index #sidebar h4 {font-size: 14px; line-height: 1.3em;}
body.index #sidebar .hr {margin: 1em 0;}
body.index #content h2 {font-style: italic; text-transform: uppercase; margin-bottom: 5px;}
body.index #content h2 a {color: #f37421; text-decoration: none;}
body.index #content h2 a:hover {text-decoration: underline;}

.calendardiv {position: relative; padding: 0 15px 14px 0; border: 1px solid #d6d6d6; background: #d6d6d6 url(../images-old/calendardiv.gif) repeat-x; margin-bottom: 15px; height: 60px; min-height: 60px;}
	html>body .calendardiv {height: auto;}
.calendardates {position: absolute; left: 9px; top: 9px; width: 140px; height: 55px; background: url(../images/calendardates.gif); padding: 0 2px 2px 0;}
.calendardiv .floatleft, .calendardiv .floatright {width: 55px; text-align: center;}
.calendardiv .year {display: block; height: 15px; line-height: 15px; color: #fff; font-weight: bold; font-size: 11px; font-family: tahoma, sans-serif;}
.calendardiv .month {display: block; height: 40px; line-height: 40px; font-weight: bold; font-size: 16px; letter-spacing: -1px;}
.calendardiv .to {display: none;}
#content .calendardiv h3 {font-size: 16px; margin: 9px 0 5px 168px; padding-top: .5em; text-transform: none;}
#content .calendardiv h3 a {color: #222;}
#content .calendardiv h4 {font-size: 13px; margin: 0 0 0 168px;}
.calendardiv p {height: 0; margin: 0 0 0 168px; overflow: hidden;}
.calendarshow p {height: auto; padding: 10px 0 0 0;}
.toggle {position: absolute; right: 4px; top: 4px; width: 22px; height: 22px; background: url(../images-old/calendarplus.gif);}
.calendarshow .toggle {background: url(../images-old/calendarminus.gif);}
.calendarphoto {position: absolute; left: 9px; top: 85px; width: 140px; max-height: 140px;}
.calendardiv .calendarphoto {display: none;}
.calendarshow .calendarphoto {display: block;}
*/

/*** LEFT NAV STYLES ***/

#leftcol ul, #leftcol ul li {list-style: none; margin: 0; padding: 0;}
#leftnav {margin: 30px -5px;}
#leftnav h2 {font-size: 16px; text-transform: uppercase; color: #162847; padding: 0 15px; line-height: 1em; margin-bottom: 5px;
	text-shadow: 			0 -1px 4px rgba(255, 255, 255, .4);
	-moz-text-shadow: 		0 -1px 4px rgba(255, 255, 255, .4);
	-op-text-shadow: 		0 -1px 4px rgba(255, 255, 255, .4);
	-webkit-text-shadow: 	0 -1px 4px rgba(255, 255, 255, .4);
}
#leftnav ul {margin-bottom: 20px;}
#leftnav li {font-size: 14px; line-height: 14px;}
#leftnav li a {display: block; color: #fff; text-decoration: none; padding: 7px 15px;
	text-shadow: 			0 1px 4px rgba(0, 0, 0, .4);
	-moz-text-shadow: 		0 1px 4px rgba(0, 0, 0, .4);
	-op-text-shadow: 		0 1px 4px rgba(0, 0, 0, .4);
	-webkit-text-shadow: 	0 1px 4px rgba(0, 0, 0, .4);
}
#leftnav li a strong {color: #fcd44e;}
#leftnav a:hover {background: #444; background: rgba(0, 0, 0, .3);}
#leftnav li.on a {background: #222;}


/*** LEFT MODULE STYLES ***/

#leftcol p {margin: 10px 0;}

#register-button {position: relative; display: block; width: 180px; height: 80px; text-align: center; font-size: 18px; line-height: 80px; color: #fff; overflow: hidden; text-decoration: none; background: #e55e07;
	box-shadow: 			0 0 5px rgba(0, 0, 0, .2);
	-moz-box-shadow: 		0 0 5px rgba(0, 0, 0, .2);
	-op-box-shadow: 		0 0 5px rgba(0, 0, 0, .2);
	-webkit-box-shadow: 	0 0 5px rgba(0, 0, 0, .2);
	border-radius:			6px;
	-moz-border-radius: 	6px;
	-op-border-radius:		6px;
	-webkit-border-radius: 	6px;
}
#register-button .ir {background: url(../images/button-register.jpg);
	border-radius:			6px;
	-moz-border-radius: 	6px;
	-op-border-radius:		6px;
	-webkit-border-radius: 	6px;
}

.module {background: #2651a4 url(../images/module.jpg) left bottom repeat-x; padding: 0 10px 10px; margin-bottom: 10px; font-size: 13px; line-height: 18px; color: #fff;
	box-shadow: 			0 0 5px rgba(0, 0, 0, .2);
	-moz-box-shadow: 		0 0 5px rgba(0, 0, 0, .2);
	-op-box-shadow: 		0 0 5px rgba(0, 0, 0, .2);
	-webkit-box-shadow: 	0 0 5px rgba(0, 0, 0, .2);
	border-radius:			6px;
	-moz-border-radius: 	6px;
	-op-border-radius:		6px;
	-webkit-border-radius: 	6px;
}
.module h3 {margin: 0 -10px 10px; padding: 6px 10px; font-size: 14px; text-transform: uppercase; color: #fff; line-height: 18px; background: #262626 url(../images/module-h3.gif) 0 0 repeat-x;
	border-radius:			6px 6px 0 0;
	-moz-border-radius: 	6px 6px 0 0;
	-op-border-radius:		6px 6px 0 0;
	-webkit-border-radius: 	6px 6px 0 0;
}
.module h3 a {display: block; font-size: 14px; color: #fff; text-decoration: none;}
.module p:last-child {margin-bottom: 0 !important;}
.module a {font-size: 11px; color: #fcd44e; text-transform: uppercase; text-decoration: none; font-weight: bold;}
.module a:hover {text-decoration: underline;}
.module a.alllink {font-size: 12px; color: #f37421; text-transform: none; padding-right: 13px; background: url(../images/alllink.gif) right center no-repeat;}


/*** FOOTER STYLES ***/

#footer {color: #fff; font-size: 13px; line-height: 40px;}
#footer .container {width: 950px; padding: 0 20px;}
#footer a {color: #fff; text-decoration: none;}
#footer a:hover {text-decoration: underline;}