body {
  font-family: Arial, Helvetica, sans-serif;
  color: #fff;
  background-color: #010101;
  background-repeat: repeat-x;
  margin-top: 0;
}

#backgroundTTT {
  width: 984px;
  margin-left: auto;
  margin-right: auto;
  background-image: url(/images/background.jpg);
  background-position: center top;
  background-repeat: no-repeat;
}

#all {
  width: 903px; /* extra 1px for IE 6 */
  margin-left: auto;
  margin-right: auto;
}

/* HEADER styles */

#header {
  background: url(/images/logo.gif);
  background-repeat: no-repeat;
  background-position: bottom left;
  height: 92px;
}

#header h1 {
	float:left;
	margin-bottom: 28px;
	text-indent:-9999px; /* hide text -- text is there for screen readers and search engines */
	overflow:hidden;
}

#header h1 a {
	display: block;
	height: 82px;
	width: 467px;
}

#header li {
  font-size: .65em;
}

/* PRIMARY NAV styles */

/* original code from: 
 * http://www.jappler.com/blog/archive/2007/11/12/sliding-doors-sons-of-suckerfish-jappler-menus
 * 
 * changes are specified below
 */

#nav {width:900px;height:30px;margin:0 0 30px 0; font-size: .7em;text-transform: uppercase;}	/* set font size, make it uppercase */

#nav ul {float: left;width: 100%;list-style: none;margin: 0;padding: 0;line-height:17px;z-index:1;}

#nav ul li.tab ul {background: #fff;width: 23em;} /* changed background color to pure white, increased width */

#nav a {display: block;color: #fff;text-decoration: none;padding: 2px 4px 2px 4px;background:none;}

#nav li {float: left;padding: 0;background:none;}

#nav ul li {float: left;text-align:center;padding: 0;background:none;}

#nav ul li.tab {margin:0;padding:0 0 0 9px;background:url("/images/nav_tabs_left.gif") no-repeat left top;}

#nav ul li.tab a {padding:5px 23px 4px 13px;text-decoration:none;font-weight:normal;color:#fff;background:url("/images/nav_tabs_right.gif") no-repeat right top;} /* increased right padding, changed tab text to white and normal weight */

#nav ul li.tab ul.nontab li a {background-image:none;font-weight:normal;}

/* #nav ul li.tab ul.nontab li a.parent {background: url("menu-arrow.gif") center right no-repeat;} */ /* remove support for tertiary menu */

#nav ul li ul {border: 1px solid #ccc;} 

#nav ul li.tab ul.nontab  {margin-left:-9px; }

#nav ul li ul li {background: #fff;text-align:left;border:none;margin-left:0;border-bottom:1px solid #fff;} /* changed background color and border to white */

#nav li ul {position: absolute;left: -999em;height: auto;width: 16.4em;w\idth: 14.9em;font-weight: normal;margin: 0;padding: 0;}

#nav li li {padding-right: 1em;width: 22em;} /* increased width of dropdown items */

#nav li ul a {width: 15em;w\idth: 11em;text-align:left;background:none;}

#nav ul li ul li a {width: 22em;} /* set width of dropdown items */

#nav li ul ul {margin: -1.75em 0 0 14em;} 

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {left: -999em;}

#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {left: auto;}

#nav ul li ul li:hover, #nav ul li ul li.sfhover {background: #ddd;color:#000;} /* changed colors */

#nav ul li.tab ul.nontab li a:hover {color:#000;} /* changed color */

#nav li.tab:hover, #nav li.tab:hover a {background-position:0% -30px;color:#fff;} /* changed color */

#nav li.tab:hover a {background-position:100% -30px;}

#nav ul li.tab ul.nontab li a {color: #000;} /* set color of dropdown items (when no hover) */

/* BODY CONTENT styles */

#leftColumn {
  float: left;
  width: 605px;
}

#rightColumn {
  float: left;
  width: 261px;  
  padding-left: 35px;
}

h1 {
  font-size: 1.5em;
  margin-top: 0px;
  margin-bottom: 0px;
}

h2 {
  background-image: url("/images/heading.gif");
  background-repeat: repeat-x;
  font-size: .8em;
  margin-top: 0px;
  margin-bottom: 0px;
  text-transform: uppercase;
  padding-top: 18px; 
  padding-left: 15px;
  height: 26px;
}

h2.home {
  background-image: none;
  background-repeat: no-repeat;
  font-size: .8em;
  margin-top: 0px;
  margin-bottom: 0px;
  text-transform: uppercase;
  padding-top: 0px; 
  padding-left: 0px;
  height: 0px;
}

h2 a {
  color: #fff;
  text-decoration: none;
  display: block;
  height: inherit;
  padding-left: 15px;
}

h3 {
  font-size: .85em;
  margin-top: 0px;
  color: #fff;
}

h3 a {
  color: #fff;
  text-decoration: none;
  display: block;
  height: inherit;
  padding-left: 15px;
}

h4 {
  font-size: .75em;
  color: #fff;
}

p {
  font-size: .75em;
}

a.logo {
  text-decoration: none;
}

a.visited.logo {
  text-decoration: none;
}

img.logo {
  border: none;
  margin-right: 40px; 
}

dl {
  font-size: .75em;
}

.bioContent {
  color: #fff;
  margin-top: 0px;
  margin-bottom: 20px;
  padding: 10px 10px 10px 0px;
}

.bioContent img {
  float: left;  
  padding: 0px 5px 5px 0px;
  margin-right: 10px;
}

.bioContent p {
  margin-top: 0px;
}

.bioContent ul {
  font-size: .75em;
  margin-left: -24px;  
  margin-top: 0px;   
}

.bioContent ul li {
  clear: both;
}

.bioGallery {
  height: 68px;
  margin-top: 0px;  
}

.bioGallery img {
  margin: 0px 7px 0px 0px;
  border: 0;
  padding: 0;
}

.content img {
  margin-bottom: 10px;
}

.content ul, ol, td, th {
  font-size: .75em;
}

.content li li {
  font-size: 1.3em;
}

.content ol li {
  padding-bottom: 10px;
}

.content td img {
margin: 0;
}

.contentLeftColumn {
  float: left;
  width: 215px;
  margin-bottom: 20px;
  padding: 10px 10px 10px 0px;
}

.contentRightColumn {
  float: left;
  width: 652px;
  margin-bottom: 20px;
  padding: 10px 10px 10px 0px;  
}

.content a, .bioContent a {
  color: #fff;
  text-decoration: underline;
}

.content a:hover, .bioContent a:hover {
  color: #fff;
  text-decoration: underline;
}

.content a:visited, .bioContent a:visited {
  text-decoration: underline;
}

.content h3 a {
  padding-left: 0px;
}

.quoteSource {
  font-style: italic;
}

.important {
  color: #993333;
  font-weight: bold;
}

.infoHeading {
  font-size: 1.1em;
  font-weight: bold;
}

/* buttons on home page */

#team {
  background-image: url("/images/callout_team_off.jpg");
  background-repeat: no-repeat;
  width: 459px;
  height: 109px;
  margin-right: 15px;
  float: left; /* 'group' button should be to the right of this one */
  overflow: hidden;
}

#team a:hover {
  background-image: url("/images/callout_team_on.jpg");
  height: 109px;
}

#group {
  background-image: url("/images/callout_group_off.jpg");
  background-repeat: no-repeat;  
  width: 207px;
  height: 109px;
  margin-right: 15px;
  float: left; /* 'youth' button should be to the right of this one */
  overflow: hidden;
}

#group a:hover {
  background-image: url("/images/callout_group_on.jpg");
  height: 109px;
}

#youth {
  background-image: url("/images/callout_youth_off.jpg");
  background-repeat: no-repeat;
  width: 207px;
  height: 109px;
  float: left; 
  overflow: hidden;
}

#youth a:hover {
  background-image: url("/images/callout_youth_on.jpg");
  height: 109px;
}

#team a, 
#group a,
#youth a {
	padding-top: 84px;
}

/* logos on home page */

#rbm {
  background-image: url("/images/home/richardsonbikemart.gif");
  background-repeat: no-repeat;  
  width: 112px;
  height: 60px;
  margin-top: 40px;
  margin-right: 50px;
  float: left; /* next logo should be to the right of this one */
  overflow: hidden;
}

#facebook {
  background-image: url("/images/home/facebook.gif");
  background-repeat: no-repeat;  
  width: 40px;
  height: 40px;
  margin-top: 40px;
  margin-right: 0px;
  float: right; 
  overflow: hidden;
}

#twitter {
  background-image: url("http://twitter-badges.s3.amazonaws.com/t_logo-a.png");
  background-repeat: no-repeat;  
  width: 36px;
  height: 36px;
  margin-top: 40px;
  margin-right: 0px;
  float: right; 
  overflow: hidden;
}

#rbm a,
#competitor a,
#facebook a,
#twitter a {
  padding-top: 200px;
	text-indent: -5000px;  /* hide text -- text is there for screen readers and search engines */
}

/* medium-level logos on "other sponsors" page */

#sports {
  background-image: url("/images/logos/sportscareandrehabilitation.gif");
}

#timex {
  background-image: url("/images/logos/timex.gif");
}

#xterra {
	background-image: url("/images/logos/xterrawetsuits.gif");
}

#sports,
#timex,
#xterra {
  background-repeat: no-repeat;  
  width: 300px;
  height: 200px;
  margin-top: 0px;
  margin-right: 20px;
  float: left; /* other mid-level logos should be to the right of this one */
  overflow: hidden;
}

#xterra {
	width: 240px;
}
#sports a,
#timex a,
#xterra a {
  padding-top: 0px;
	text-indent: -5000px;  /* hide text -- text is there for screen readers and search engines */
}

/* low-level logos on "other sponsors" page */

#golden {
  background-image: url("/images/logos/goldenadventures.gif");
}

#gu {
  background-image: url("/images/logos/gu.gif");
}

#lock {
  background-image: url("/images/logos/locklaces.gif");
}

#runon {
  background-image: url("/images/logos/runon.gif");
}

#golden,
#gu,
#lock,
#runon {
  background-repeat: no-repeat;  
  width: 150px;
  height: 100px;
  margin-top: 0px;
  padding-bottom: 50px;
  margin-right: 30px;
  float: left; /* other low-level logos should be to the right of this one */
  overflow: hidden;
}

#golden a,
#gu a,
#lock a,
#runon a {
  padding-top: 100px;
	text-indent: -5000px;  /* hide text -- text is there for screen readers and search engines */
}

/* slide show on home page */

#featured_content { position: relative; margin: 0 0 1em 0; border: 0; background-color: #010101; padding: 0; height: 385px; }
#featured_content a.hero_image { display: none; position: absolute; top: 0; left: 11px; }
#featured_content a.current_hero { display: block; }
#featured_content ul#hero_rotators { position: absolute; bottom: 0em; right: 400px; text-align: right; list-style: none; margin-bottom: 6px; }
#featured_content ul#hero_rotators li { float: left; }
#featured_content ul#hero_rotators li a { font-size: 9px; color: #545557; outline: none; display: block; background-color: #545557; text-indent: -999em; height: 12px; width: 12px; border: thin solid; border-color: #fff; margin-left: .5em; }
#featured_content ul#hero_rotators li a.current { color: #fff; background-color: #fff; }
#featured_content a:link, #featured_content a:visited,
#featured_content a:hover, #featured_content a:active { border-bottom: none; }
#featured_content img.banner { margin: 0 0 1em -1em; }
#featured_content img {border: none;}

#featured_content img#picframe_left {position: absolute; top: 0; left: 0; }
#featured_content img#picframe_right {position: absolute; top: 0; left: 892px; }
#featured_content img#picframe_bottom {position: absolute; top: 355px; left: 0px; }

/* FORM styles */

/* background-image: url("/images/button.gif"); */
  
form {
  display: inline;
}

fieldset.accent {
  font-size: .75em;
  position: relative; margin-top:1em; padding:1em;
  background: url(/images/form_background.gif);
  color: inherit;
  border: 0px solid #fff;
}

/* not currently used */
legend {
  color: #fff;	
  background-color: #870f09;
  border: 1px solid #000;
  position:absolute; top: -.5em; left: .5em;
  padding: 0 5px 0 5px;
}

label {
  font-size: 1em;
  float: left;
  width: 90px;
  margin: 0 10px 0 20px;
  text-align: right;
}

.frmDiv {
  margin-bottom: 4px;
}

.frmTextNarrow {
  font-size: 1em;
  background: #fff; 
  border: 1px solid #666;
  width: 100px; 
  color: #000;
}

.frmTextMedium {
  font-size: 1em;
  background: #fff; 
  border: 1px solid #666;
  width: 300px; 
  color: #000;
}

.frmTextarea {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 1em;
  border: 1px solid #666;
  width: 490px; 
  height: 6em; 
  color: #000;
  overflow: auto;
}

.frmSelect {
  font-size: 1em;
  border: 1px solid #666;
}

.frmButton {
  margin: 20px 0 0 120px;
}

/* FOOTER styles */

#footer {
  border-bottom: 1px solid #fff; 
  padding-bottom: 5px; 
  padding-top: 70px;
  margin-bottom: 15px;
  padding-right: 20px;
  clear: both;
  width: 882px;
	font-size: .6em;
	text-transform: uppercase;
  background: url(/images/footer_diag.gif) no-repeat bottom right;  
}

#footerCopyright {
  text-align: left;
  float: left;
}

#footer ul#footerNav {
  text-align: right;
	list-style-type:none;
	margin:0;
	padding:0;
}

#footer ul#footerNav li {
	border-left: 1px solid #fff;
	display: inline;
	padding: 0 5px;
}

#footer ul#footerNav li.first-child {border-left:none;}
#footer ul#footerNav li.last-child {padding-right:0;}

#footer a {
  color: #fff;
  text-decoration: none;
}

#footer a:hover {
  text-decoration: underline;
}

.hide {
  display: block;
  text-indent: -9999px;
  position: absolute;
  overflow: hidden;
}

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */