html, body {height: 100%;}
body {margin:0; padding:0; background:#0e0c0c; position:relative;}
#wrapper {min-height: 100%; width: 1000px; margin: 0 auto; position: relative; overflow: hidden;background: #343434 url(images/main_background.gif) 0 0 repeat-x;}
* html #wrapper {height: 100%; overflow: visible;}
a, a:visited {color: #FC0; text-decoration:none;}
a:hover {text-decoration:underline; color:#e1e3d2;}
span.h1 {position:absolute; left:-3000px;}
fieldset {border:none;}
h1 span {font-size:11px; float:right; clear:none; margin:10px 0 0 0; padding:0 20px 0 0; background:url(images/printer.png) no-repeat right center;}
.hideStuff {display:none;}
.tos {background:#fff; padding:10px; width:100%; height:100%; font-family:arial;}
.tos h2 {font-size:18px; border-bottom:1px dotted #333; margin-bottom: 10px;}
.tos h3 {font-size:15px; margin:10px 0 10px; color:#333;}
.tos p {font-size:12px; margin:0 10px !important; text-align:justify}
.tos li {font-size:12px; list-style-type:none; margin:0 0 5px 10px;}
.tos a {color:#3B2F83; font-weight:700;}
.agreement p {font-size:12px !important; clear:both;}
.agreement p a {font-weight:700;}
.agreement p.disclaimer {border-top:1px dotted #ccc; padding-top:10px; font-size:11px !important;}
.agreement dl {margin:10px 0 10px 30px; font-size:12px; display:block; overflow:hidden;}
.agreement dt {float:left; width:100px; clear:both; font-weight:700;}
.agreement dd {float:left; width:130px; font-weight:300}
.agreement label {font-size:12px; display:block; margin:10px 0; font-weight: 700;}
.agreement input[type=checkbox] {display:block; float:left; margin: 1px 10px 0 0;}
div.memberProfile ul {font-size:12px; font-weight:700; margin:10px 25px;}
div.memberProfile li {list-style-type:none;}
/** HEADER CONTENT **/
#header {width:1000px; height:76px; background:url(images/header_back.gif) repeat-x;}
img.logo {float:left; padding: 0 0 0 20px;}
img.slogan {float:right; padding: 18px 35px 0 0; margin:0; clear:right;}
.loginBar {width:1000px; background-color:#0e0c0c; height:30px; padding:5px 0 0 0; border-bottom:4px solid #484848; border-top:1px solid #ccc;}
.loginBar p {float:left; margin:5px 0 0 0; padding:0; vertical-align:middle; color:#e1e3d2; text-transform:uppercase; font-weight:bold; font-size:11px; font-family:Arial, Helvetica, sans-serif}
#login {float: right; font-family:Arial, Helvetica, sans-serif;}
#login input {width: 120px; padding:3px 0 0 3px; background-color: #F5F5F5; border: 1px solid #7a7a7a; color:#000; font-size: 10px; margin:0 0 4px 0; height:20px; vertical-align:middle;}
#login input.submit, #passwordConfirm.submit, #joinForm input.submit {width:60px; border:1px solid #7a7a7a; margin:0 0 4px 0; vertical-align:middle; height:24px; color:#FC0; background:#484848; text-transform:uppercase; text-align:center; padding:0 0 4px 0;}
#login input.submit:hover, #passwordConfirm.submit:hover, #joinForm input.submit:hover {border:1px solid #000; background:#e1e3d2; color:#484848;}
/** MAIN NAVIGATION MENU **/
#mainNav {width:1000px; height:36px; background:url(images/nav_background.jpg); float:left; clear:both; margin:3px 0 0 0;}
div.pdmenu + p {clear:both;}
div.pdmenu {font-family:Arial, Helvetica, sans-serif; margin:0 0 0 20px;}
div.pdmenu ul {margin: 0 !important; padding: 0 0 0 0; list-style-type: none; font-size:14px;}
div.pdmenu li {height:20px; margin: 0 -1px 0 0; padding: 0 8px 5px 5px; color:black; text-decoration:none; float:left;}
div.pdmenu li.menu a /** UNDEFINED - MIGHT USE FOR MENU DIVIDER **/{}
div.pdmenu a {text-decoration: none; display: block; color: #e1e3d2; padding: 5px 5px 0 5px; font-weight:bold;}
div.pdmenu a:hover {text-decoration: none; color: #FFFFFF; border-top:3px solid #454444;}
div.pdmenu li a:hover {margin-top:-3px;}
div.pdmenu li ul {display: none; margin:0 !important; background:#e1e1e1;}
div.pdmenu li:hover ul {visibility: visible; display: block; position:absolute; top:144px; z-index:10; padding:5px 0 0 0 !important; border:1px solid #484848; }
div.pdmenu li li {border: none; clear:both; }
div.pdmenu li li a {padding: 2px 10px 2px 10px; margin:0; color:#7a7a7a;}
div.pdmenu li li a:hover {border:none; margin-top:0; background:#cecece; color:#454444}
ul.velo a, ul.velo a:hover {width:187px;}
ul.advocacy a, ul.advocacy a:hover {width:212px;}
ul.news a, ul.news a:hover {width:120px;}
ul.rides a, ul.rides a:hover {width:220px;}
ul.memberMenu a, ul.memberMenu a:hover {width:187px;}
div.pdmenu li ul li ul {display: none; margin:0 !important; position:absolute; left:-3000px; background:#cecece; border:none;}
div.pdmenu li ul li ul li {display: none; margin:0 !important; border:none;}
div.pdmenu li ul li:hover ul {visibility: visible; display: block; position:absolute; top:5px; left:144px; z-index:1; border:1px solid #484848;}
div.pdmenu li ul li:hover ul li {visibility: visible; display:block;}
/**POSITIONED BRIEF BLOCK**/
ul.subNews0, ul.subNews1, ul.subNews2, ul.subNews3, ul.subNews4, ul.subNews5, ul.subNews6, ul.subNews7, ul.subNews8, ul.subNews9, ul.subNews10, ul.subNews11
{width:220px; font-size:10px !important; border-left:none !important; border-top:none !important; border-right:3px solid #0e0c0c !important; border-bottom:none !important;}
ul.subNews0 li, ul.subNews1 li, ul.subNews2 li, ul.subNews3 li, ul.subNews4 li, ul.subNews5 li, ul.subNews6 li, ul.subNews7 li, ul.subNews8 li, ul.subNews9 li, ul.subNews10 li, ul.subNews11 li
{width:220px; margin:5px; padding:0 5px 0 15px;}
ul.subNews0 li.preview, ul.subNews1 li.preview, ul.subNews2 li.preview, ul.subNews3 li.preview, ul.subNews4 li.preview, ul.subNews5 li.preview, ul.subNews6 li.preview, ul.subNews7 li.preview, ul.subNews8 li.preview, ul.subNews9 li.preview, ul.subNews10 li.preview, ul.subNews11 li.preview
{font-weight:bold; font-size:11px; margin:0 3px 0 3px !important; padding-left:5px !important; text-decoration:underline; width:50%; color:#0e0c0c}
div.pdmenu li ul li:hover ul.subNews0 {top:5px}
div.pdmenu li ul li:hover ul.subNews1 {top:30px}
div.pdmenu li ul li:hover ul.subNews2 {top:55px}
div.pdmenu li ul li:hover ul.subNews3 {top:80px}
div.pdmenu li ul li:hover ul.subNews4 {top:105px}
div.pdmenu li ul li:hover ul.subNews5 {top:130px}
div.pdmenu li ul li:hover ul.subNews6 {top:155px}
div.pdmenu li ul li:hover ul.subNews7 {top:180px}
div.pdmenu li ul li:hover ul.subNews8 {top:205px}
div.pdmenu li ul li:hover ul.subNews9 {top:230px}
div.pdmenu li ul li:hover ul.subNews10 {top:255px}
div.pdmenu li ul li:hover ul.subNews11 {top:280px}
/** LEFT CONTENT COLUMN SPECIFIC **/
#leftContent {width:654px; float:left; padding:0; margin:10px 0 0 20px; font-family:Verdana, Geneva, sans-serif; color:#e1e3d2;}
#leftContent h1 {font-size:20px; color:#ffffff; margin:15px 0 0 0; border-bottom:1px dotted #fff; padding-bottom:2px;}
#leftContent h2 {font-size:14px; margin:7px 0 2px 0;}
#leftContent p {font-size:14px; margin:10px 0 0 0;}
p.blogInfo {clear:both; background:#3e3e3e; color:#ccc; padding: 4px 0 4px 4px; margin:4px 0 4px 0; font-size:10px !important; border-bottom:1px dotted #ccc; border-top:1px dotted #ccc;}
p.blogInfo span {color:#FC0; cursor:pointer; padding:2px 0 2px 20px; background:url(images/comments.png) 0 2px no-repeat;}
p.description {margin:0 !important; padding:7px 7px 16px 7px; background:url(images/panel_back.gif) no-repeat left bottom;}
ul.mainlist {font-size:12px; margin:0; padding:0;}
ul.mainlist strong {color:#FFF;}
ul.mainlist li {display:inline; float:left; width:450px; margin:0 0 7px 0; padding:0;}
ul.mainlist li.head {width:150px; margin:0 7px 7px 20px; padding:0;}
h1.officers {text-transform:capitalize; font-size:16px !important; padding:0 0 3px 0 !important; margin: 0 0 3px 0 !important; border-bottom:1px dotted #ccc; width:80% !important;}
h2.touring {font-size:12px !important;}
/** FEATURED CONTENT MODULES **/
#featuredContent {width:654px; height:280px; float:left; clear:both; margin:0; background:url(images/brief_background.jpg) no-repeat;}
.contentModule, .featuredRide {float:left; width:194px; margin:10px 12px 0 12px;}
.thisRide {display:none}
#featuredContent .active {display:block !important;}
.contentModule h1, .featuredRide h1 {font-family:Arial, Helvetica, sans-serif; font-size:18px; margin:0; font-weight:normal;}
.contentModule img, .featuredRide img {border:3px solid #454444; margin:7px 0 0 0;}
.contentModule img:hover, .featuredRide img:hover {border:3px solid #e1e3d2;}
.contentModule h3, .featuredRide h3 {font-family:Verdana, Geneva, sans-serif; font-size:14px; font-weight:bold; color:#FFF; margin:3px 0 5px 0;}
.contentModule ul, .featuredRide ul {list-style-type:none; padding:0; margin:0 0 10px 0px;}
.contentModule p, .contentModule li, .featuredRide p, .featuredRide li {font-family:Verdana, Geneva, sans-serif; font-size:11px !important; color:#e1e3d2;}
.contentModule li {margin:3px 0 0 0; padding:0 0 0 20px;background:url(images/dot.png) left 2px no-repeat; line-height:14px;}
.contentModule p, .featuredRide p {margin:0 0 10px 0; line-height:1.1em;}
.contentModule p a, .contentModule p a:visited, .featuredRide p a, .featuredRide p a:visited {font-weight:normal !important; color:#FC0;}
.contentModule p a:hover, .featuredRide p a:hover {color:#e1e3d2;}
.contentModule li a, .contentModule li a:visited, .featuredRide li a, .featuredRide li a:visited {font-weight:normal; text-decoration:none; color:#e1e3d2;}
.contentModule li a:hover, .featuredRide li a:hover {color:#e1e3d2; text-decoration:underline;}
.homepageNewsPost ul {margin:10px 40px 0 40px !important}
.homepageNewsPost li {font-size:12px; font-weight:300;}
/** RIGHT CONTENT GRAY BOX **/
.grayBox {width:295px; margin:0; padding:0; background:#cfcfcc;}
.bottomCorner {width:295px; height:10px; margin:0 0 15px 0; padding:0; background:url(images/rounded_bottom.png) no-repeat}
/** RIGHT CONTENT COLUMN SPECIFIC **/
#rightContent {width:295px; min-height:500px; float:left; padding:0; margin:10px 0 0 15px;}
#rightContent a {color:#3b2f83; font-weight:bold}
#rightContent a:hover {text-decoration:underline;}
#rightContent ul {margin:0; padding:0; list-style-type:none;}
#rightContent li {border-bottom:1px dotted #484848; padding:0 0 6px 0;}
/** SCHEDULE, NEWS & BLOGS **/
.rideSchedule, .blogs {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; margin:0 10px 0 10px; color:#000;}
.rideSchedule h3 {margin:0 0 0 0; padding:6px 0 0 0; font-size:13px; float:left;}
.blogs h3 {margin:0 0 0 0; font-size:12px; padding:6px 0 0 0;}
.rideSchedule p, .blogs p {margin:0 0 0 12px; clear:both;}
.rideSchedule p {text-transform:capitalize;}
p.scheduleLink {float:right; position:relative; top:38px; right:60px; font-family:Verdana, Geneva, sans-serif; font-size:11px;}
#rightContent h1.rideSchedule {width:295px; height:64px; background:url(images/sched_h1_back.png) no-repeat; margin:0}
#rightContent h1.meeting {width:295px; height:64px; background:url(images/meet_h1_back.png) no-repeat; margin:0}
#rightContent h1.newsBlogs {width:295px; height:64px; background:url(images/news_h1_back.png) no-repeat; margin:0}
p.from {font-size:9px; border-top:1px dotted #FFF; margin:3px 0 0 0; padding:3px 0 0 0;}
#buttons {display:block;}
#schedForm, #recurForm {display:none;}
a.quickView {display:block; width:14px; height:14px; float:right; clear:none; margin:8px 0 0 0; background:url(images/quickview.png) 0 -14px no-repeat;}
a.quickView:hover {background-position:0 0}
.mainSchedule a.quickView {background-position:0 -28px; margin:4px 0 !important;}
.mainSchedule a.quickView:hover {background-position:0 -42px}
/** FOOTER **/
#newFooter {float:left; clear:both; width:1000px; background:#0e0c0c; padding:10px 0 0 0; border-top:1px solid #ccc;}
.footerBlock {float:left; width:180px; margin:0 0 0 20px;}
.footerBlock h2 {font-family:Georgia, "Times New Roman", Times, serif; font-size:18px; border-bottom:2px solid #ccc; color:#ccc; padding:0 0 2px 0; margin: 0 0 8px 0; font-style:normal;}
.footerBlock ul {list-style-type:none; padding:0 0 8px 0; margin:0; font-family:Arial, Helvetica, sans-serif; font-size:11px;}
.footerBlock li {color:#ccc; margin:0 0 2px 0; padding: 0 0 2px 0; border-bottom:1px dotted #ccc;}
.footerBlock li.final {border:none;}
.footerBlock a, .footerBlock a:visited {color:#ccc; text-decoration:none; font-weight:normal}
.footerBlock a:hover {color:#FFF;}
#mainFooter {clear:both; width:1000px; background-color:#3a3a3a; border-top:1px solid #ccc;}
#mainFooter a, #mainFooter a:visited {color:#ccc; text-decoration:none; font-weight:normal}
#mainFooter a:hover {color:#FFF;}
#mainFooter p {font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#CCC; margin:0; padding:7px 0 7px 20px;}
/** MEMBERSHIP PAGES **/
div.memberdivs {float:left; width:214px; padding:2px; margin:7px 0 0 0; height:100px; border-bottom:1px dotted #e1e3d2;}
div.memberdivs h2 {font-size:12px; font-weight:bold; margin:0 !important;}
p.memberinfo {font-size:11px !important; margin:0 !important;}
div.memberProfile {float:left; padding:2px; margin:0 0 10px 0;}
div.memberProfile h2 {font-size:12px; font-weight:bold; margin:0;}
div.businessdivs {float:left; width:214px; padding:2px; margin:7px 0 0 0; height:135px !important; border-bottom:1px dotted #e1e3d2;}
div.businessdivs h2 {font-size:12px; font-weight:bold; margin:0 !important;}
h5.memberinfo {font-size:11px !important; margin:4px 0 0 0 !important;}
/** DYNAMIC FORMS **/
#loginForm table {margin:10px 0 0 0;}
#loginForm label {font-size:10px; font-weight:bold; color:#e1e3d2;}
#profile, #validate {font-family:Arial, Helvetica, sans-serif;}
#profile dl, #validate dl {float:left; clear:both; margin:0; padding:0;}
#profile dl.separate, #validate dl.separate, div.separate {margin:4px 0 0 0; padding:14px 0 0 0; border-top:1px dotted #ccc;}
#profile dt, #validate dt {float:left; clear:both; width:200px; margin:0 0 0 10px; font-size:11px; font-weight:bold;}
#profile dd, #validate dd {float:left; width:350px;}
#profile label, #validate label {font-size:11px; font-weight:bold; color:#e1e3d2;}
#profile input, #validate input {width:370px; padding:3px 0 0 3px; background-color: #F5F5F5; border: 1px solid #7a7a7a; color:#000; font-size: 11px; margin:0 0 10px 0; height:20px; vertical-align:middle;}
#profile input.submit, #validate input.submit, #memberAccordion input.submit, #agreeToTerms, #joinTheClub .submit, #passwordConfirm .submit {cursor:pointer; width:140px; border:1px solid #7a7a7a; margin:0 0 4px 0; vertical-align:middle; height:24px; color:#FC0; background:#484848; text-transform:uppercase; text-align:center; padding:0 0 4px 0;}
#profile input.submit:hover, #validate input.submit:hover, #agreeToTerms:hover, #joinTheClub .submit:hover, #passwordConfirm .submit:hover {border:1px solid #000; background:#e1e3d2; color:#484848;}
#agreeToTerms {width:auto;}
#profile select.hazardsselect {width:370px; margin:0 0 10px 0;}
#profile textarea.required {width:610px; height:300px; font-size: 11px; font-family: arial, san-serif, helvetica; margin: 10px 0}
#profile input.checkbox {width:auto;;}
h2.memberDetails {background:#000; padding:7px 10px; margin:0 !important; color:#fff;border-bottom:1px dotted #fff; clear:both;}
ul.memberDetails, div.memberDetails {background:url(images/panel_back.gif) bottom; padding:7px 0 16px 0; margin:0; overflow:hidden;}
ul.memberDetails li {margin:0 0 0 30px; display:block;}
ul.memberDetails p {width:400px; float:left; margin:0 !important; font-size:12px !important; line-height:1.5em;}
ul.memberDetails p.ident {clear:both; font-weight:bold; width:150px;}
ul.join p.ident {clear:both; font-weight:bold; width:180px;}
div.memberDetails {display:none;}
.memberDetails h2 {float:left; clear:both; margin:10px 10px 5px 10px !important; padding:0 0 3px 0; border-bottom:1px dotted; display:block; width:634px; color:#fff;}
.memberDetails h2 span {font-size:10px; color:#e1e3d2;}
.memberDetails p {font-size:11px !important; margin:0 10px 10px !important}
.memberDetails label, .memberDetails input {float:left;margin:0px 10px 10px 0;}
.memberDetails label {width:150px; clear:both; font-size:11px; font-weight:700; text-align:right; margin:3px 10px 0 0;}
.memberDetails input, .memberDetails select {width:370px; padding:3px 0 0 3px; background-color: #F5F5F5; border: 1px solid #7a7a7a; color:#000; font-size: 11px; height:20px; vertical-align:middle;}
.memberDetails select {margin-bottom:10px; height:26px; width:376px; padding:0; font-size:14px}
.memberDetails textarea {float:left; margin:0 0 10px 0; width:370px; padding:3px;}
.memberDetails .checkbox {width:15px}
.memberDetails .separate {overflow:hidden; float:left; clear:both; width:634px; margin:0 10px;}
.memberDetails .separate label {width:140px;}
.cyclingInfo .checkbox {margin-right:75px !important; background:transparent; border:none;}
.cyclingInfo label {clear:none; width:200px;}
.cyclingInfo .normal {clear:both; width:150px;}
#memberAccordion h2.memberDetails {cursor:pointer; background:url(images/rightdown.gif) 610px 2px no-repeat #3e3e3e; border-bottom:none; border-top:1px dotted;}
#memberAccordion h2.memberDetails:hover {background:url(images/rightdown_dark.gif) 610px 2px no-repeat #cfcfcc; color:#000;}
#memberAccordion h2.active {background:#000;}
#memberAccordion input.submit {margin:10px 0;}
#memberAccordion label.error {display:block; margin:4px 0 2px 160px !important; width:300px; text-align:left;}
/** SCHEDULE FORMS **/
#schedpage label {font-size:11px; font-weight:bold; color:#e1e3d2;}
#schedpage input {width:95%; padding:3px 0 0 3px; background-color: #F5F5F5; border: 1px solid #7a7a7a; color:#000; font-size: 11px; margin:0 10px 10px 0; height:20px; vertical-align:middle;}
#schedpage input.submit {width:140px; border:1px solid #7a7a7a; margin:0 0 4px 0; vertical-align:middle; height:24px; color:#FC0; background:#484848; text-transform:uppercase; text-align:center; padding:0 0 4px 0;}
#schedpage select {width:95%; height:20px; margin:0 !important; font-size:11px;}
#schedpage input.submit:hover {border:1px solid #000; background:#e1e3d2; color:#484848;}
#schedpage h2 + textarea {width:634px; height:100px; margin-bottom:10px; padding:5px; font-family:Arial, Helvetica, sans-serif;}
.mainSchedule h3 + p a {font-weight:700 !important}
form.rideType {margin:20px 30px; padding:10px 0; border-top:1px dotted #fff}
.rideType label {width:150px; display:block; float:left; clear:both; margin:3px 0}
.rideType input.checkbox {width:auto !important; float:left;}
.rideType input.submit {float:left; clear:both;}
/**SCHEDULE PAGE **/
ul.mainSchedule {list-style-type:none; padding:0; margin:0;}
ul.mainSchedule li {width:320px; float:left; margin:0; height:150px;}
ul.mainSchedule h3 {font-size:14px !important; margin:0 15px 4px 0 !important; padding:0 0 4px 0 !important; color:#fff; border-bottom:1px dotted #fff;}
ul.mainSchedule p {font-size:12px !important; margin: 0 15px 0 10px !important; text-transform:capitalize; clear:both;}
ul.mainSchedule p.blogInfo {background:#3e3e3e; color:#ccc; padding: 4px 0 4px 4px !important; margin:4px 15px 4px 0 !important; font-size:10px !important; border-bottom:1px dotted #ccc; border-top:1px dotted #ccc;}
/** FORM VALIDATION **/
#profile input.error, #validate input.error, #schedpage input.error {background:#fffdcc !important; border: 1px solid red !important;}
#profile .error, #validate .error, #schedpage .error {margin:0}
#profile label.error, #validate label.error, #schedpage label.error {margin:0; padding:0 0 0 15px; background:url(images/form_val_arrow.png)0 -1px no-repeat;}
#schedpage label.error {float:left; clear:both;}
table.schedule {border-top:1px dotted #333;}
/** CLASSIFIEDS **/
ul.classifieds {list-style-type:none; margin:0; padding:0;}
ul.classifieds li li {font-size:14px;}
ul.classifieds h1 {margin-bottom:2px !important;}
ul.classifieds h2 {border-bottom:1px dotted#000; padding:0 0 3px 0; margin:0;}
div.classified_details {float:right; width:200px; background-color:#3e3e3e; border-bottom:1px dotted #CCC; border-left:1px dotted #CCC; border-right:1px dotted #CCC; margin:0 0 10px 10px; padding:0;}
div.classified_details p {font-size:12px !important; margin:7px !important;}
div.classified_details h5 {font-size:10px; font-weight:bold; margin:0 7px 2px 7px; border-bottom:1px dotted #ccc;}
div.classified_details p.contactDetails {font-size:10px !important; margin:0 7px 3px 7px !important;}
div.cs_classified_copy {float:left; height:100px; margin:0 7px; border-right:1px dotted #020202; width:300px}
div.cs_classified_copy h3 {font-size:14px; font-weight:normal; margin:0;}
div.cs_classified_copy p {margin:4px 7px 4px 7px !important; font-size:10px !important;}
div.cs_classified_details {float:left; height:100px; margin:0 0 0 7px; width:180px}
div.cs_classified_details h3 {font-size:12px; font-weight:normal; margin:0; border-bottom: 1px dotted #000; padding: 0 0 3px;}
div.cs_classified_details h3 strong {color:#fff;}
div.cs_classified_details p {margin:4px 7px 4px 7px !important; font-size:10px !important;}
div.classifiedThumb {float:left; width:104px; height:104px; margin:0 7px;}
.classifiedThumb img {border:2px solid #454444;}
.classifiedThumb img:hover {border:2px solid #e1e3d2;}
div.classifiedFull {width:600px; margin:7px auto 0 auto; vertical-align:middle;}
.classifiedFull img {border:2px solid #454444;}
.classifiedFull img:hover {border:2px solid #e1e3d2;}
/** ADVOCACY **/
ul.resources {list-style-type:none; margin:0; padding:0;}
ul.resources li {margin:10px 0 0 0; font-size:12px; font-weight:bold; color:#fff;}
ul.resources li li {margin:10px 0 0 20px; font-size:12px; font-weight:bold; color:#fff;}
ul.resources ul {list-style-type:none; padding:0 0 0 15px;}
ul.resources ul li, ul.resources ol li {margin:0 !important; font-weight:normal; font-size:11px; color:#e1e3d2;}
ul.resources ul ol {padding:0 0 0 15px;}
ul.resources p {font-size:11px !important; font-weight:bold; margin:0 !important; padding:0 0 0 41px;}
/** KML **/
#mapdata {margin:0 0 0 1px; border:1px solid #353536; width:650px; height:398px; z-index:2; color:#000;}
/** COMMENTS **/
div.newComment {width:654px; margin:0; padding:0; float:left;}
div.formCont {width:654px; margin:0; padding:0 0 25px 0; background:url(http://www.siskiyouvelo.org/images/panel_back.gif) bottom; font-family:Arial, Helvetica, sans-serif; color:#fff;}
form.newComment {}
form.newComment label {font-size:10px; color:#fff; margin:7px 0 1px 0;; padding:0; float:left; clear:both;}
form.newComment input {font-size:11px; font-family:Arial, Helvetica, sans-serif; color:#000; background:#e1dfd5; border:1px solid #8b8a87; margin:0; padding:2px; float:left; clear:both; width:174px;}
form.newComment input:focus, form.newComment textarea.comment:focus {background:#f0efe9;}
form.newComment textarea.comment {width:417px; height:202px; margin:0; padding:2px; font-size:11px; font-family:Arial, Helvetica, sans-serif; color:#000; background:#e1dfd5; border:1px solid #8b8a87; float:left; clear:both;}
form.newComment div.submit {width:auto; padding:3px 5px; margin:72px 0 0 0; display:block; float:left;font-size:11px; font-family:Arial, Helvetica, sans-serif; color:#000; background:#e1dfd5; border:1px solid #8b8a87; clear:both; cursor:pointer;}
form.newComment h2, div.comments h2 {font-size:16px !important; margin:0 !important; padding:5px 12px; background:#000; border-bottom:1px dotted #fff; font-family:Arial, Helvetica, sans-serif;}
form.newComment h2 {border-top:1px dotted #fff;}
form.newComment p {margin:10px 10px 0 10px !important; font-size:12px !important;}
ul.errorlist {float:left; clear:both; list-style-type:none; margin:0px; padding:0 0 0 10px; font-size:9px; color:#fc0;}
ul.errorlist li {list-style-type:none;}
.hidden {display:none;}
div.commentDetails {float:left; width:180px; margin:0 12px;}
div.comment {float:left; margin:0 12px; width:417px}
div.comments {margin:0 20px; padding:0 0 10px 0; background:#0e0c0c; border-left:2px solid #3e3e3e; border-right:2px solid #3e3e3e;}
div.commentContainer {clear:both; padding:15px 0; min-height:60px}
div.commentContainer p {font-size:11px !important; margin:2px 10px !important;}
div.commentInfo {width:135px; float:left; min-height:100%; padding:4px; margin:7px 0 0 10px; background:#343434;}
div.commentInfo p {font-family:arial; font-weight:700; margin:0 !important;}
div.commentInfo p.poster {color:#fc0;}
div.commentInfo p.postDate {font-weight:normal; color:#fff; border-top:1px dotted; margin:2px 0 0 0 !important; padding:2px 0 0 0;}
div.commentContainer div.comment {margin:0; color:#fff; background:#343434; padding:5px; float:left; width:440px; min-height:60px;}
div.commentContainer div.comment h4 {margin:5px 0 0; font-size:13px;}
/* SUPERBOX */
/* Base Superbox Styles */
#superbox-overlay{position:fixed;top:0;left:0;z-index:9998;width:100%;height:100%;}
#superbox-wrapper{position:fixed;z-index:9999;top:0;left:0;display:table;width:100%;height:100%;}
#superbox-container{position:relative;display:table-cell;width:100%;height:100%;margin:0;padding:130px 0 0 0 !important; /*vertical-align:middle;*/}
#superbox{margin:0 auto;padding:0;}
#superbox-container .loading{margin:0;text-align:center;}
/* IE7 */
*:first-child+html #superbox-container{position:absolute;top:100px;;left:0;display:block;height:auto;}
*:first-child+html #superbox{position:relative;top:-50%;display:block;}
/* IE6 - Thanks to Thickbox for IE expressions */
* html #superbox-container{position:absolute;top:50%;left:0;display:block;height:auto;}
* html #superbox{position:relative;top:-50%;display:block;}
* html #superbox-overlay{position:absolute;height:expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight + 'px' : document.body.offsetHeight + 'px');}
* html #superbox-wrapper{position:absolute;margin-top:expression(0 - parseInt(this.offsetHeight / 2) + (document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');}
/* Default Theme */
#superbox-overlay{background:url(images/overlay_back.gif) #000;}
#superbox-container .loading{text-align:center;font-size:40px;color:#fff;}
#superbox{background:transparent;outline:0;}
#superbox-innerbox{
-moz-box-shadow: 0 0 20px rgba(0, 0, 0, 0.5);
-webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.5);
}
#superbox.image{text-align:center;}
#superbox .close,
#superbox .nextprev{overflow:hidden;margin:0;padding:1px;}
#superbox .close a:focus,
#superbox .nextprev a:focus{outline:1px dotted;}
/* Ride Schedule Item Overlay */
.rideOverlay {background:url(images/ride_overlay_h1_back.png) no-repeat 0 0; width:436px;}
.rideOverlay h1 {height:63px; font-family:Arial, Helvetica, sans-serif; font-weight:700; color:#fff; font-size:22px; padding:4px 0 0 66px; margin:0;}
.rideOverlay h2 {border-bottom:1px solid #9b9b99; margin:0; font-size:14px; font-family:verdana, arial, helvetica, sans-serif; padding: 0 0 2px 0;}
.rideOverlay a {color:#3B2F83; font-weight:700; text-decoration:none;}
.rideOverlay a:hover {text-decoration:underline;}
.overlayDetails {background:#cfcfcc; padding:0 18px; overflow:hidden; margin:0; height:300px;}
.rideOverlay dl {font-size:12px; font-family:Arial, Helvetica, sans-serif; color:#000;}
.rideOverlay dd {width:100px; float:left; text-align:right; clear:both; margin:0 15px 0 0; line-height:1.75em; font-weight:700;}
.rideOverlay dt {float:left; line-height:1.75em; width:285px;}
.rideOverlay .comments {padding-top:4px; margin-top:4px; border-top:1px solid #9b9b99}
.rideOverlay a.close, .tos a.close {width:15px; height:17px; background:url(images/close_overlay.png) no-repeat 0 0; float:right; clear:none; margin:5px 10px !important; display:block; padding:0 !important;}
.tos a.close {background-position: 0 -34px; margin:0 !important}
.rideOverlay a.close:hover {background-position:0 -17px;}
.tos a.close:hover {background-position:0 -51px;}
.overlayBottom {background:url(images/ride_overlay_rounded_bottom.png) no-repeat 0 0; margin:0; height:13px;}
#joinTheClub h4 {margin:10px 0 0}
#joinTheClub p {margin:0 0 10px 0;}
#joinTheClub ul {margin:0 30px 10px 30px}
#joinTheClub li {font-size:12px;}
#joinTheClub label {font-size:12px; font-weight:700;}
#joinTheClub h4 {margin:10px 0 0}
#joinTheClub p {margin:0 0 10px 0;}
#joinTheClub ul {margin:0 30px 10px 30px}
#joinTheClub li {font-size:12px;}
#joinTheClub label, #passwordConfirm label, #joinForm label {font-size:12px; font-weight:700; margin:8px 0 0 30px; display:block; float:left; text-align:right; width:125px;}
#joinTheClub input, #passwordConfirm input, #joinForm input {width:200px; padding:3px 0 0 3px; background-color: #F5F5F5; border: 1px solid #7a7a7a; color:#000; font-size: 11px; margin:4px 0 10px 15px; height:20px; vertical-align:middle;}
#joinTheClub .submit, #passwordConfirm .submit, #joinForm .submit {width:auto; margin-left:5px;}
#joinForm {margin:10px 0 0; padding:10px 0 0; display:block; border-top:1px dotted #ccc;}