/* -----------------------------------------------------------------------------
/* CSS file for RCCFDC
/* Feb 15th 2008
/* ---------------------------------------------------------------------------*/
/* Body        */
body { margin: 0px auto; background: url(../images/backgrounds/bg.png) repeat; font-family: tahoma, verdana, "times new roman" }
a.link { color: #000000; font-size: 12px; }
/* Backgrounds */
table.bg_glow { border-collapse: collapse; background: url(../images/backgrounds/bg_overlay.png) top left repeat-x; }
td.bg_l { background: url(../images/backgrounds/bg_l.png) top right repeat-y;  }
td.bg_r { background: url(../images/backgrounds/bg_r.png) top left repeat-y;  }
td.bg_bl { background: url(../images/backgrounds/bg_bl.png) top right no-repeat; height: 15px;  }
td.bg_b { background: url(../images/backgrounds/bg_b.png) top left repeat-x; height: 15px; }
td.bg_br { background: url(../images/backgrounds/bg_br.png) top left no-repeat; height: 15px;  }
td.container { padding: 0px; background: url(../images/backgrounds/pagebg.png) repeat; width: 900px; }
img.img { margin: 4px; border:1px solid #BBBBBB; padding: 4px;}
img.floatright { margin: 5px; border: 1px solid #BBBBBB; background-color: #FFFFFF; padding: 3px; float: right; }
img.floatleft { margin: 0px 10px 10px 0px; border: 1px solid #BBBBBB; background-color: #FFFFFF; padding: 3px; float: left; }
/* Main Divs    */
#container { position: relative; border: 1px solid #453725; border-top-width:0px; background: url(../images/backgrounds/content_overlay.png) top right no-repeat; }
/* Header     */
#header { padding: 20px 10px 0px 20px; }
/* Navigation */
#navigation { margin: 10px 20px 0px 20px; }
#navigation table { border-collapse: collapse; }
#navigation td { border: 1px #CAB89F solid; }
#navigation td.nav { padding: 4px 5px 4px 5px; margin: 0px; border-bottom-width: 1px; background-color: #E4E1DA; }
#navigation td.active { padding: 2px 5px 0px 5px; margin: 0px; border-bottom-width: 0px; background-color: #FFFFFF; font-weight: bold;}
#navigation td.spacer { width: 3px; border-width: 0px; padding: 0px; border-bottom-width: 1px; }
#navigation td.remainder { border-width: 0px 0px 1px 0px; }
#navigation a { font-size: 15px; text-decoration: none; color: #000000; /* #5D4F36;*/  }
#navigation a:hover { font-size: 15px; text-decoration: none; color: #000000;  }
/* Content  */
#content { margin: 0px 20px 5px 20px; border: 1px solid #CAB89F; border-top-width: 0px; background-color: #FFFFFF; }
#content form {margin: 0px;}
#content td.thankyou { font-size: 12px; padding: 10px; }
#content span.bordered { display: block; border: 1px solid #E5DECF; border-width: 1px 0px 1px 0px; margin: 10px 0px 10px 0px; background-color: #F9F9F9; padding: 0px 5px 0px 5px; }
/* Footer */
#footer { margin-top: 20px; padding: 20px;  }
/* Event Card */
#eventcard table { border: 1px dotted #999999; color: #5D4F36; font-size: 13px; }
#eventcard td { padding: 0px 5px 0px 5px; }
#eventcard td.time { padding: 5px; background-color: #A38B61; color: #FFFFFF; }
#eventcard td.info { padding: 5px; border:1px dotted #BBBBBB; color: #000000; background-color: #F9F9F9; }
/* Registration */
#registration { font-size: 12px; color: #5D4F36; background: url(../images/backgrounds/cowboy_watermark.png) bottom right no-repeat; }
#registration th { font-size: 14px; background-color: #F9F3EA; color: #5D4F36; padding: 5px 5px 5px 5px; border: 1px dotted #C3AA85; }
#registration th.header { font-size: 16px; background-color: #E9E3DA; color: #000000; padding: 10px 10px 10px 10px; border: 1px dotted #A38A65; }
#registration td { padding: 2px 5px 2px 5px; }
#registration td.description { font-size: 14px; padding: 5px; color: #000000; }
#registration input { border: 1px solid #A38A65; }
#registration input.noborder { border-width: 0px; }
#registration a { text-decoration: none; color:#3F3225; }
#registration a:hover { text-decoration: underline; color: #000000; }
/* Contact */
#contact { font-size: 12px; }
#contact table {  }
#contact th { padding: 5px; border: 1px dotted #A38A65; background-color: #F9F3EA; }
#contact td { padding: 5px 5px 5px 5px; border: 1px dotted #E3CAA5; color: #5D4F36; }
#contact td.noborder { border-width: 0px; font-weight: bold; color: #000000;}
#contact a { color: #000000; text-decoration: none; }
#contact a:hover { color: #5D4F36; text-decoration: underline; }
/* Media */
#media { padding: 25px; background: url(../images/backgrounds/cowboy_watermark.png) bottom right no-repeat; }
#media a { text-decoration: none; color:#3F3225; }
#media a:hover { text-decoration: underline; color: #000000; }
/* Gallery */
#thumb { height:115px; width: 108px; float: left; margin: 2px; }
#thumb img { padding:4px; border:1px solid #999999; background-color:#FFFFFF; }
#thumb img:hover { border:1px solid #333333; background-color: #FFFFD0; }
td.thumbdisplay { padding:20px 5px 20px 10px; background-color: #F0F0F0; border: 1px solid #999999; }
td.imagedisplay { padding: 25px 15px 25px 15px; border-top: 1px solid #999999; }
img.large { padding: 10px; border: 1px solid #CCCCCC; }
a.gallery { color: #7E644B; text-decoration: none; }
a.gallery:hover { text-decoration: underline; }
#gallery { color: #555555; }
#gallery h3 { margin: 0px; }
td.mgall {
  padding: 35px 0px 35px 0px; 
  border: 1px solid #E6E0D3;
  border-width: 1px 0px 1px 0px;
}
.mgallery {
 width:150px; height:200px; float: left;
 border:1px solid #7E644B; margin: 0px 8px 8px 0px;
}
.mgallery td.title {
  background: url(../images/backgrounds/gallery_header_bg.png) top left repeat-x;
  border-bottom: 1px solid #7E644B; font-size: 12px;
  color: #7E644B; 
}
.mgallery a {
  text-decoration: none; color: #7E644B;
}
.mgallery a:hover {
  color: #FF9900;
}
.mgallery td.numimages {
  background: url(../images/backgrounds/gallery_header_bg.png) top left repeat-x;
  border-top: 1px solid #7E644B; font-size: 12px;
  color: #7E644B; 
}
/* Brahma Shoot Out */
#brahma { font-size: 14px; }
#brahma table { margin: 0px 5px 20px 5px; }
#brahma td { padding: 10px 0px 0px 0px;  }
#brahma td.text { padding: 15px; border: 1px dotted #999999; background-color: #F8F7F3;}
#brahma table.file { padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; background-color: #FFFFFF; border: 1px dotted #999999; }
#brahma td.file { padding: 2px; }
#brahma a { text-decoration: none; color:#3F3225; }
#brahma a:hover { text-decoration: underline; color: #000000; }
#brahma table.sponsor { margin: 0px 10px 10px 0px; border: 1px solid #999999; }
#brahma th.sponsor { padding:5px; font-weight: normal; }
#brahma td.sponsor { padding:5px; border: 1px dotted #BBBBBB;}
#brahma img.click { border-width: 0px; }

/* Results */
#results { font-size: 12px; }
#results table { margin: 10px 0px 10px 0px; border-collapse: collapse; }
#results th.header { border: 1px solid #BBBBBB; padding: 5px; background-color: #F0F0F0; color: #6B5433; }
#results th { background-color: #E5E5E5; padding: 2px 5px 2px 5px; color: #5B4423;}
#results td { border-bottom: 1px dotted #CCCCCC; padding:2px 5px 2px 5px; }

/* Registered Riders */
#registered table { margin: 15px 0px 15px 0px; border: 1px solid #BBBBBB; border-width: 1px 0px 1px 0px; border-collapse: collapse;}
#registered th { padding: 10px 0px 5px 0px;  }
#registered td { padding: 5px 5px 10px 5px; background-color:#FFFFFF;border:1px dotted #BBBBBB; border-width: 1px 0px 1px 0px; }
#registered h4 { margin: 0px 0px 5px 0px; color: #5B4423; }

table.riders { font-size: 16px; border-collapse: collapse; }
th.regheader { padding-top: 15px; border-top: 1px solid #CCCCCC; }
th.classheader { background-color: #E5DECF; padding: 10px; border-top: 1px solid #333333; }
td.tdrating{ color: #756345; padding: 4px 10px 4px 10px; background-color: #F1EDE4; border: 1px solid #BBBBBB; border-width: 1px 0px 1px 0px; }
td.riders { color: #756345; padding: 4px 10px 4px 10px; background-color: #F1EDE4; border: 1px solid #BBBBBB; border-width: 1px 0px 1px 0px; }
td.riderdata { padding: 2px 10px 2px 10px; border: 1px dotted #BBBBBB; border-width: 0px 1px 1px 0px; color: #5E4F36; background-color:#FFFFFF; }
a.riders { color: #5E4F36; text-decoration: none; }
a.riders:hover { text-decoration: underline; }

.sponsors {
  padding: 15px 5px 5px 5px; background-color: #FFFFFF;
  border: 1px solid #E8DFCD;  
}
.sponsors i {
  font-size: 12px;border:1px solid #DDDDDD; display: block;
  padding: 5px; background-color: #F7F3EF; color: #65553B;
  width: 315px;
}

#scrolling_image_container {
  width: 335px; height: 225px;
  border: 1px solid #E8DFCD; background-color: #FFFFFF;
  padding: 5px; 
}
.homeleft {
    padding:10px; border-right: 1px dashed #dddddd;
    background: url(../images/backgrounds/ls_bg.png) top left repeat;
}
.events {
    padding: 2px; border: 1px solid #EDE7DB;
    font-size: 14px; border-width: 0px 0px 1px 0px;
    margin: 15px 0px 15px 0px;
}
.events table {
    color: #44341A; /*border-collapse: collapse; */
}
.events th { 
    border: 1px solid #CCCCCC;
    border-width: 0px 1px 0px 1px; padding: 5px; 
    font-size: 14px; font-weight: normal;
    background-color: #E4E1DA;
}
.events td {
    background: #F7F3EF url(../images/backgrounds/event_homepage_bg.png) top left repeat-x;
    padding:10px 5px 0px 15px;
    border: 1px solid #CDC7BB; border-width: 1px 0px 1px 0px;
}
.events td.blank {
    border-bottom: 1px solid #CCCCCC; background-color: transparent; 
}
.events td.container {
    border: 1px solid #CCCCCC; border-width: 0px 1px 1px 1px;
    padding: 2px;
}
.events td.blank {
    border-width: 0px; height: 10px; background-image: none;
}
.events a.clickhere {
  color: #9E7933; text-decoration: none; font-weight: bold;
  display: block; background-color: #FFFFFF; border: 1px solid #CAB89F;
  padding: 5px; margin: 5px 0px 5px 0px; text-align: center;
}
.events a.clickhere:hover {
  background-color: #CAB89F; border: 1px solid #7E5913;
  text-decoration: none; color: #FFF;
}
.events h2 {
  font-size: 18px; font-weight: normal; margin: 0px; color: #9E7933; padding: 0px;
}
.events td.address {
  border: 1px solid #E5DECF; background-color: #FFFFF0;padding: 15px;
  background-image: none;
}
.events span {
  font-size: 11px; color: #666666; 
  border-width: 0px 0px 1px 0px; padding: 0px 0px 0px 0px;
  display: block; 
}
.events table.data {
    font-size:12px;
}
.events div.regopen {
  font-size: 11px; margin: 5px 0px 0px 0px; color: #735336;
}

.flashwindow {
    border: 1px solid #E8DFCD; padding: 5px;
    margin: 5px 0px 5px 0px; font-size: 12px;
}
.textcontainer {
    margin: 25px 0px 0px 0px; padding-left: 10px;
}
.hiddenimg {
   display: none;
}
/* ---------------------------------------------------------------------------*/
/* BLOG */
/* ---------------------------------------------------------------------------*/
.bleft {
  padding: 0px 10px 10px 10px;
}
.hdr {
  display: block; margin: 10px 0px 5px 0px;
  border-bottom: 1px solid #DEA973;  padding: 10px 5px 10px 5px;
}
.subhdr {
  display: block; margin: 5px 0px 2px 0px;
  padding-left: 5px;
}
.bleft a {
  font-size: 12px; display: block; color: #9E7933;
  text-decoration: none; border: 1px dotted #DEA973;
  border-width: 0px 0px 1px 0px; padding: 3px 0px 3px 0px;
  margin-left: 5px;
}
.bleft a:hover {
  color: #6E5913;
}
.bright {
  padding: 10px; border-left: 1px solid #DEA973;
  font-size: 12px; 
}
.bright h2 { font-weight: normal; margin: 0px; }
.created {
  padding: 5px; border: 1px solid #CCCCCC; border-width: 1px 0px 1px 0px;
  margin: 5px 0px 5px 0px; color: #555555;
}
.limage {
  padding: 10px; border-bottom: 1px solid #cccccc;
}
.limage img {
  border: 1px solid #DEA973;
  padding: 4px; margin: 2px;
}
.caption {
  padding: 10px 25px 10px 25px; color: #555555; font-weight: bold;
}
.commentform {
  border: 1px solid #CCCCCC; border-width: 1px 0px 1px 0px;
  padding: 15px; background-color: #E0E0E0; color: #444444;
  margin-top: 15px;
}
.commentform td { padding: 5px;}
.commentform input { border: 1px solid #aaaaaa; }
.error { color: #900000;}
.comments { color: #444444; }
.comments td.name { font-size: 14px; color: #111111; }
.comments td.date { color: #666666; font-size: 11px;}
/* -----------------------------------------------------------------------------
/* FRIENDS OF THE 8080
// ---------------------------------------------------------------------------*/  
.friends {
  padding: 25px; font-size: 12px;
}
.friends img.text { margin: 5px 0px 5px 0px; }
.friends div.mainbody {
  border: 1px solid #CAB89F; border-width: 1px 0px 1px 0px;
  margin: 10px 0px 10px 0px; color: #4F432E;
}
.friends div.images {
  border: 1px solid #E5DECF; border-width: 1px 0px 1px 0px;
  margin: 20px 0px 20px 0px; padding: 20px 0px 20px 0px;
}
.friends div.images img {
  border: 1px solid #E5DECF; padding: 5px;
}
.friends div.images img.thumbs {
  margin: 10px 5px 10px 5px; border: 1px solid #CAB89F;
}
.friends div.images img.thumbs:hover {
  border-color: #FF9900;
}
.friends div.bc {
  padding: 2px; border: 1px solid #CAB89F;
  background-color: #F1ECE4; margin-top: 5px;
}
.friends div.bc th {
  border: 1px solid #CAB89F; padding: 10px; background-color: #FFFFFF;
}
.friends div.bc a { text-decoration: none; color: #58431D; }
.friends div.bc a:hover { color: #FF9900; }
.friends div.bc td { padding: 5px;}
.friends div.bc td img { border: 1px solid #Cab89F; padding: 3px; background-color: #FFFFFF; }
.friends div.bc td img:hover { border-color: #FF9900; }