@charset "UTF-8";
/* CSS Document */

body {
	background:#07618e url('images/bk.jpg') repeat-x fixed center top; margin:0; padding:0; font-size:12px;
	font-family: "Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif
}

.bk {
	background-image:url('images/background.jpg');
	background-position: center top;
	background-attachment: fixed;
	background-repeat: no-repeat;
	margin:0; padding:0;
	width:100%;
	height:100%
}


#toporange {
	background-image: url('images/bk.jpg');
	background-repeat: repeat-x;
	height: 12px;
	width:100%;
	position: absolute;
	top: 0px;
	left:0px;
	overflow:hidden;
	margin:0; padding:0; background-position-y:top
}

@media screen
  {
  body>div#toporange
    {
    position: fixed;
    }

  }

/*p, h1, h2, h3, h4, h5, h6, a, ul, li, lo, address, td {
	font-family: "Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif;
	text-align: left; 
}*/
/* You may use pixels or ems for text sizing */
p, div#content li {
}

h1, h2, h3 { padding:3px; font-weight:bold; font-variant:normal;
	margin:0; }
h1, h1 a {
	font-size: 22px;
	line-height:25px;
	font-style:normal;
	color:#FFF;
	}
h2, h2 a {
	font-size: 18px;
	color: #f79929;
	font-style:italic;
	}
h3, h3 a {
	font-size: 16px;
	color: #1a92cb;
	}	
h4, h4a { 	font-size: 16px;
	color: #f79929;
	font-style:italic; }
	
h6, h6 a {
	font-size: 12px;
	color: #1a92cb;
	}	
address {
	font-style: normal;
                }
a, a:link, a:visited {
	color: #FFF;
}

/* 
colors:
light brown:  c8a889
dark brown:  674334

blue:  #29AEEF

*/

/* All links must inclde some type of hover interactivity */
a:hover {
text-decoration:underline; color:#c8a889;
}

/* ----------------- PAGE LAYOUT ELEMENTS ----------------- */

div#container {
	width: 1000px;
	margin: 0px auto;
	min-height:700px;
		background-image: url('images/contentbk.png');
	background-repeat: repeat-y;
	background-position:  center 50%;
	
}


div#logo { width:196; height:65px; float:left; margin-left:10px; margin-top:5px; width:400px;
}

div#phone { width:182px; height:24px; float:right; padding-right:15px; }


div#header {
	height:120px;
	margin-top:14px;
}
div#tag-line { 
	color:#FFF;
	font-style:italic;
	margin:5px 0 0 0;
	font-size:14px;
	width:960px;
	margin:0 auto;
	padding-bottom:1px;
	clear:both;
	color:orange;
	text-align:center;
	font-size:13px;
	line-height:8px;
}

div#headercontainer {
	width: 1000px;
	margin: 0px auto 0px auto;
	height:80px;
}
#header-bottom { 	background-image: url('images/headerbk.png');
	background-repeat: repeat-x;
	height:5px; background-position-y:50%}

div#flash {
}	

div#wrapper { background-color:#FFF; /*overflow:auto; min-height:550px;*/ border: 1px solid #CCC; }

div#content-home {
	text-align:left;
	margin:0px 5px;
		height:1%;
}
#content-home:after { content:"."; clear:both; height:0; visibility:hidden; display:block; }
div#content {
	text-align:left;
	padding: 15px;
	margin:0px 15px;
	font-family:Arial, Helvetica, sans-serif;
	height:1%;
	font-size:16px;
	color:#FFF;
}
#content:after { content:"."; clear:both; height:0; visibility:hidden; display:block; }
#content td { background-color:transparent; }
#content img { background-color:#FFF; padding:5px; border:1px solid #CCC; }


div#slideshow { float:left; width:530px; margin:10px 0px; }
div#tabs { float:left; width: 445px; margin:15px 5px 10px 0px; }

div#news { width:198px; margin:5px; padding:5px; float:left; color:#FFF; }
#news a { text-decoration:none; }
div#jrdevcamp { color: #1a92cb; }
div#welcome { width:198px; margin:5px; padding:5px; float:left; color:#FFF; font-size:11px; line-height:15px; }
div#sponsorSpotlight-img { clear:both;	background-image: url('modules/images/sponsorspotlight.png');
	background-repeat: no-repeat;background-position: center top; position:relative; top:15px; height:22px; }
div#sponsorSpotlight-img-bottom { 	background-image: url('modules/images/sponsorspotlight-bottom.png');
	background-repeat: no-repeat;
	background-position:  center bottom;	
	padding:15px 0;
	height:130px;
	margin:15px 0;
	padding:25px 45px;
}
div#sponsorSpotlight {
	clear:both;
	color:#FFF;
	font-size:95%;
	z-index:500;
	}
div#sponsorSpotlight:after { content:"."; clear:both; height:0; visibility:hidden; display:block; }
#sponsorSpotlight img { float:right; padding:2px; border:1px solid #999; margin-left:10px; background-color:#FFF; }
#sponsorSpotlight h3 { font-size:100%; }
#sponsorSpotlight p { padding:0; margin:0; }
/* ------- Used for 2 sponsor spotlights -----------
div#sponsor-module-left {
	margin-left:22px;
	width:500px;
	float:left;
}
div#sponsor-module-right {
	margin-left:20px;
	width:443px;
	float:left;
}
*/

div#home-modules { clear:both; margin:20px 0 10px 20px; }
div#home-modules a { display:block; float:left; }
div#home-modules-container { float:left; width:300px; margin:10px; }

div#footer {
	clear:both;
	background-image: url('images/footer.jpg');
	background-repeat: repeat-x;
	/*height: 169px;*/
	width: 100%;
	background-color:#022c40; background-position-y:top
	
}
.footercontainer { 
	width: 1005px;
	margin: 0px auto 0px auto;
}

#footer a {
	color:#CCC
} 

.footermenu { width:130px; float:left; padding:5px; text-align:left; margin:10px 7px; }
.footermenu h3 {
	color:#F09C1F;
	font-size:120%;
	margin:0;
	padding:0;
}
.footermenu ul { margin:0; padding:0;  }
.footermenu li { list-style:none; }

.footerinfo {
	float:left;
	float:left;
	padding:5px;
	text-align:left;
	margin:10px 0px;
	width:370px;
	color: #FFF;
}
.footerinfo-sm { font-size:90%; }
.footer-phone, .footer-address { width:50%; float:left; margin-top:15px; }

.brown, a.brown { color:#007ac2; font-size:.9em; }

#footer p { text-align:center; }


div#owner {
}

div#copyright {
	font-size: 9px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	}
	div#copyright img {
	border: none;
	}
	div#copyright a:link, div#copyright a:visited {
	color: #10409F;
	text-decoration: none;
	}
	div#copyright a:hover {
	text-decoration: underline;
	}
	
/*  Menu */


/* ----------------------------  NAVIGATION (HORIZONTAL) ----------------------------  */
div#utility {
	float:right;
	padding-top:5px;
	text-align: right;
	margin-right:15px;
	}
	ul#utilitynav {
	float: left;
	width: 100%;
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	}
	ul#utilitynav li {
	display: inline;
	float: left;
	margin: 0px 4px;
	padding: 0px;
	}
	ul#utilitynav li a:link, ul#utilitynav li a:visited, ul#utilitynav li a:active {
	font-size: 11px;
	text-decoration: none;
	text-align: center;
	display: block;
	width: auto;
	padding: 0px 0px;
	margin: 0px;
	border-right:1px solid #FFF;
	padding-right:5px;
	}
	ul#utilitynav li a:hover, ul#utilitynav li a.current:visited {

	}
	
	
/* ----------------------------  NAVIGATION (HORIZONTAL---footer) ----------------------------  */
div#utility-footer {
	padding-top:15px;
	text-align:center;
	padding-bottom:35px;
	}
	ul#utilitynav-footer {
	float: left;
	width: 100%;
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	}
	ul#utilitynav-footer li {
	display: inline-block;
	margin: 0px 8px;
	padding: 0px;
	}
	ul#utilitynav-footer li a:link, ul#utilitynav-footer li a:visited, ul#utilitynav-footer li a:active {
	font-size: 11px;
	text-decoration: none;
	text-align: center;
	display: block;
	width: auto;
	padding: 0px 0px;
	margin: 0px;
	}
	ul#utilitynav-footer li a:hover, ul#utilitynav-footer li a.current:visited {
		text-decoration:underline;
	}	


	
/* ----------------- VERTICAL NAVIGATION ----------------- */
div#portfolio-menu {
	width: 150px;
	margin-left:25px;
	float:left;
	margin-top:100px;
	}
	#portfolio-menu ul {
	margin: 0px;
	padding: 0px;
	}
	#portfolio-menu ul li {
	display: inline; 
	list-style: none;
	}
	#portfolio-menu li a:link, #portfolio-menu li a:visited {
	font-size: 16px;
	color: #CCC;
	text-decoration: none;
	display: block;
	width: 139px;
	padding: 5px;
	}
	#portfolio-menu li a:hover, #portfolio-menu li a.current:link, #portfolio-menu a.current:visited {
	color: #F7931E;
	}	
	
	a.active, #portfolio-menu li a:active {
	color:#F7931E !important;
	font-size: 18px !important;
	font-style:italic;
}




/* ----------------- CUSTOM CLASSES ----------------- */

/* Images should include some type of border. We tend to favor this one. */
img.left {
	float: left;
	padding: 5px;
	background: white;
	margin: 0px 15px 10px 0px;
	border: solid 1px #ccc;
}
img.right {
	float: right;
	padding: 5px;
	background: white;
	margin: 0px 0px 10px 15px;
	border: solid 1px #ccc;
}

div.left {
	float: left;
	padding: 5px;
	background: white;
	margin: 0px 15px 10px 0px;
	border: solid 1px #ccc;
}
div.right {
	float: right;
	padding: 5px;
	background: white;
	margin: 0px 0px 10px 15px;
	border: solid 1px #ccc;
}

.products {
	width:240px;
	text-align:center;
	min-height:240px;
}
.products h2 { margin-top:15px;  }
.products:hover { background-color:#ECECEC}
.products a img { border:0px none; }
.products p { text-align:left; padding-top:0; margin-top:0; }

#clr {
	clear: both;
}



#sliderwrapper { width: 417px; float:left; }

#sliderright {
	margin-left:3px;
	width:418px;
	float:left;
	padding: 5px;
	border-left-width: 1px;
	border-left-style: dotted;
	border-left-color: #CCC;
}

#sliderright h1 {
	color:#666;
	font-size: 18px;
	background:none;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #AFD6FF;}
	
#bottommodules {
	clear: both;
	padding: 0px;
	margin-top:15px;
}

#bottommodules ul {
	float: left;
	width: 100%;
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	}

#bottommodules li { 
	width:282px; 
	display: inline;
	float: left;
	margin: 0px 1px;
	padding: 0px;	
}

#bottommodules li a:link, #bottommodules li a:visited, #bottommodules li a:active {
	font-size: 13px;
	text-decoration: none;
	text-align: center;
	display: block;
	width: auto;
	padding: 0px 0px;
	margin: 0px;
	border: 1px solid #CCC;
}
#bottommodules li a:hover, #bottommodules li a.current:visited {
	background-color:#F2D852
}


#fpss {
	clear: both;
}

#tubs td { vertical-align:top; }
#tubs h2 a {
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #DBDBDB;
	clear:both;
}
/* Drop Down Content */
#subcontent {  margin-left:105px; width }
#subcontent a { color:#09F; font-size:11px; }


/* Content Styles */

#ride-schedule { }
#ride-schedule table { background-color:#FAFAFA; }
#ride-schedule td { color:#666; padding:5px; border-bottom:1px dotted #06F; font-size:12px; border-right:1px #CCC dotted;  }
#ride-schedule a { color:#06F; }
#ride-schedule tr:hover {
	background-color:#E2FFFA;
}

#individual-stats { }
#individual-stats table { background-color:#FAFAFA; }
#individual-stats td { color:#666; padding:5px; border-bottom:1px dotted #06F; font-size:14px; border-right:1px #CCC dotted;  }
#individual-stats a { color:#06F; }
#individual-stats tr:hover {
	background-color:#E2FFFA;
}


#partner-stats-page { }
#partner-stats-page table { background-color:#FAFAFA; }
#partner-stats-page td { color:#666; padding:4px; border-bottom:1px dotted #06F; font-size:10px; border-right:1px #CCC dotted;  }
#partner-stats-page a { color:#06F; }
#partner-stats-page tr:hover {
	background-color:#E2FFFA;
}

#partner-stats2-page { }
#partner-stats2-page table { background-color:#FAFAFA; }
#partner-stats2-page td { color:#666; padding:4px; border-bottom:1px dotted #06F; font-size:12px; border-right:1px #CCC dotted;  }
#partner-stats2-page a { color:#06F; }
#partner-stats2-page tr:hover {
	background-color:#E2FFFA;
}


#individual-stats-fast { }
#individual-stats-fast table { background-color:#FAFAFA; }
#individual-stats-fast td { color:#666; padding:5px; border-bottom:1px dotted #06F; font-size:12px; border-right:1px #CCC dotted;  }
#individual-stats-fast a { color:#06F; }
#individual-stats-fast tr:hover {
	background-color:#E2FFFA;
}

#individual-stats-laps { }
#individual-stats-laps table { background-color:#FAFAFA; }
#individual-stats-laps td { color:#666; padding:5px; border-bottom:1px dotted #06F; font-size:14px; border-right:1px #CCC dotted;  }
#individual-stats-laps a { color:#06F; }
#individual-stats-laps tr:hover {
	background-color:#E2FFFA;
}

#laps-mo-records { }
#laps-mo-records table { background-color:#FAFAFA; }
#laps-mo-records td { color:#666; padding:5px; border-bottom:1px dotted #06F; font-size:14px; border-right:1px #CCC dotted;  }
#laps-mo-records a { color:#06F; }
#laps-mo-records tr:hover {
	background-color:#E2FFFA;
}

#laps-yr-stats { }
#laps-yr-stats table { background-color:#FAFAFA; }
#laps-yr-stats td { color:#666; padding:5px; border-bottom:1px dotted #06F; font-size:14px; border-right:1px #CCC dotted;  }
#laps-yr-stats a { color:#06F; }
#laps-yr-stats tr:hover {
	background-color:#E2FFFA;
}


#sponsorpics { background-color:#FFF; }
#sponsorpics img {
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 15px;
	padding-left: 5px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
}
#sponsordescr td {
	padding-bottom: 30px;
}
#sponsordescr img {
	float: right;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	padding-left: 10px;
}


div#right-links { padding:3px; font-size:11px;}
#right-links h1 {
	text-align:center;
	background-image: url('images/bottommodule-header2.jpg');
	background-repeat: repeat-x;
	margin-right: -2px;
	margin-left: -2px;
	padding:0;
	margin-bottom:5px;
	margin-top:13px;
	font-size:17px
}

#right-links .first { margin-top: -2px; }

#right-links h1 a{
color:#FFFFFF;
}

#right-links a:hover { text-decoration:none; }




.box {
	width:90%;
	margin:0 auto;
	border:1px solid #999999;
	background-color: #F3F3F3;
	padding: 7px;
}

.levels {
	background-color:#B3E0FF;
	width:150px;
	height:350px;
	padding: 5px;
	margin-right:5px;
	float:left;
}

.levels:hover {
	background-color:#D7EFFF;
}
/* Popular tab on homepage */
.popular { width:40%; float:left; padding:7px; border-right:1px #CCC dotted; }
.popular li { padding:3px;  }
.popular2 { width:50%; float:left; padding:7px; }
td.resources-border { border-bottom:#999 1px solid; padding:20px 5px;}

.float-left-hobbs { float:left; padding:25px 5px; width:200px; }
.float-left-hobbs-rc { float:left; width:650px; }.offwhiteTitle {
	color: #CCC;
}

#design {
	font-size:90%;
	text-align:center;
	clear:both;

	margin:25px 0 0px 0;
	padding:25px 0 5px 0;
}
#design a { 	color:#44AFE0; text-decoration:none; }


.orange {
	border-top-width: thin;
	border-bottom-width: thin;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #CC6600;
	border-bottom-color: #CC6600;
	font-weight: bold;
	color: #1a92cb;
	padding:5px;
	margin:10px;
}
.style1 {
	color: #3399FF
}

#level br { padding-bottom:20px; margin-bottom:20px; }.imgMargin {
	margin-top: 0px;
	margin-right: 25px;
	margin-bottom: 0px;
	margin-left: 25px;
}
.cycling-skill-sets img { clear:both; margin:5px 0; }

#content .order-now { border:none; background-color:transparent; }

#content .img-no-border { background-color:transparent; border:none; }

.fitspacing { margin-left:50px; }

.commentbubbles{
background:transparent url(images/Transback.png);
padding:5px 15px;
border:1px #ccc solid;
margin:20px 0;
font-size:13px;
color:#FFFFFF; 
-moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    -khtml-border-radius: 20px;
    border-radius: 20px;
	box-shadow:10px 10px 20px #000;
-webkit-box-shadow:10px 10px 20px #000;
-moz-box-shadow: 10px 10px 20px #000;

 }
 
 .coupon_code {
	color:#F60;
	font-family:"Courier New", Courier, monospace;
	font-weight:bold;
 }
 
 .camps_level1 { 
 	float:left;
	width:250px;
	border-right:1px #DDD dotted;
	padding: 10px;
 }
 #levels h3 {
	 text-transform:uppercase;
	 color:#0C3;
 }
 
 .camps_level2 {
	 float:left;
	 width:250px;
	 padding:10px;
 }
 
 #site-search {
    clear: both;
    float: right;
    position: relative;
    right: 5px;
    text-align: right;
    top: -65px;
    width: 320px;
 }
 
 #site-search input.site-search-fld {
	background: #005487;
	border:none;
	padding:3px 0px;
	width:150px;
	color: #fff;
 }
 
 #glance {
   clear: both;
 }
 #glance .inner {
  padding: 10px;
}

#glance .block {
    border-bottom: 1px dotted #ccc;
    color: #FFFFFF;
    margin: 0px 0;
    padding: 7px 0;
}
#glance h1 {
  text-align: center;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
 }
#glance h2 {
  font-size: 13px;
  padding: 3px 0;
}
#glance h3, #glance h3 a{
  font-size: 13px;
  padding: 5px 0;
  color: #1A92CB;
}
.glance-column {
	 width:33%;
	 float:left;
}
#glance p {
	padding: 0;
	margin: 5px 0;
}

.catching_up {
	float: right;
	position:relative;
	top: -11px;
	height:0px;
	margin-right: 3px;
}

 #video {
   clear: both;
	 padding: 20px 0;
 }

#video .block {    
		padding:10px 0;
}

#video h1 {
  text-align: center;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
}
 
#video h2 {
  font-size: 18px;
  padding: 10px 0;
}

#video h3, #video h3 a{
  font-size: 13px;
  padding: 5px 0;
  color: #1A92CB;
}

#video p {
	padding: 0;
	margin: 5px 0;
}
.camp-vid {
	float:right;
	width:350px;
	background-color: white;
	padding: 5px;
	border: 1px solid #CCC;
	margin-right: 9px;
    margin-left:10px;
}
.camp-vid p {
	text-align:center;
	font-size:14px;
	font-weight:bold;
	color:#F60;
}
#content .camp-vid img {
	padding: 0;
}
#content .camp-vid a {
	color:#F60
}
.video-home {
	width:495px;
	margin:10px auto;
	text-align:center;
	float:left;
}