/* CSS Document */
.clearer { clear: both; }
body, html { text-align: center; background-color: #5e5e5e; margin: 0px; }
.container { width: 997px; height: auto; margin-left: auto; margin-right: auto; text-align: left; background-image: url(../images/layout/background.jpg); height: 850px; padding-left: 10px; }
.logo { width: 977px; height: 137px; background-image: url(../images/layout/logo_nav.jpg); }
.nav { width: 616px; height: 34px; float: right; margin-top: 50px; }
.nav a { width: auto; padding-left: 10px; padding-right: 10px; margin-right: 20px; text-align: center; display: block; float: left; line-height: 34px; vertical-align: middle; font-family: "Century Gothic", Arial, Helvetica, sans-serif; font-size: 80%; color: #000; text-decoration: none; }
.nav a:hover { color: #fe0000; }
.nav a.on { color: #fe0000; }
.subnavwrapper { width: 977px; height: 25px; background-color: #ffdb00; float: left; margin-top: 3px; margin-bottom: 3px; }
.subnav { width: auto; height: 25px; float: left; }
.subnav a { width: auto; padding-left: 20px; padding-right: 20px; text-align: center; display: block; float: left; line-height: 25px; vertical-align: middle; font-family: "Century Gothic", Arial, Helvetica, sans-serif; font-size: 80%; color: #000; text-decoration: none; }
.subnav a:hover { background-color: #000; color: #FFF; }
.subnav a.on { background-color: #000; color: #fff; }
.navline { float: left; width: 0px; height: 25px; border-left: 1px solid #000; border-right: 1px solid #000; }
.headcontainer { float: left; width: 977px; height: 361px; background-image: url(../images/layout/homeimage.jpg); }
.homeimage { width: 666px; height: 323px; float: left; margin-left: 8px; margin-top: 22px; margin-right: 10px; }
.hometext { width: 285px; height: auto; float: left; margin-top: 22px; }
.hometext h1 { font-family: "Century Gothic", Arial, Helvetica, sans-serif; color: #4E4F51; font-size: 110%; }
.hometexttwo { width: 285px; height: auto; float: left; margin-top: 180px; }
.hometexttwo p { font-family: "Century Gothic", Arial, Helvetica, sans-serif; color: #000; font-size: 90%; }
.eventback { width: 285px; height: 136px; float: left; margin-top: 10px; background-image: url(../images/layout/eventback.jpg); margin-right: 20px; }
.bottomwrapper { width: 977px; height: auto; }
.maintext { width: 672px; height: 285px; float: left; margin-top: 10px; }
.maintext p { font-family: "Century Gothic", Arial, Helvetica, sans-serif; color: #FFFFFF; font-size: 80%; margin-top: 0px; }
td { font-family: "Century Gothic", Arial, Helvetica, sans-serif; color: #000000; font-size: 80%; margin-top: 0px; }
.eventimage { width: 186px; height: 123px; float: left; margin-top: 5px; margin-left: 5px; margin-right: 5px; }
.eventtext { width: 82px; height: auto; float: left; margin-top: 55px; margin-bottom: 5px;  }
.eventtext p { font-family: "Century Gothic", Arial, Helvetica, sans-serif; font-size: 80%; color: #000000; }
.eventtext a { color: #000000; }
.footer { width: 1008px; height: 41px; float: left; margin-top: 10px; background-image: url(../images/footerbg.png); position: relative; left: -11px; }
.footer p { margin: 0px; padding: 0px; line-height: 41px; vertical-align: middle; }
.footnav { width: 600px; float: left; height: 41px; }
.footnav a { display: block; width: auto; padding: 0px; float: left; margin-right: 10px; font-family: "Century Gothic", Arial, Helvetica, sans-serif; color: #FFFFFF; font-size: 80%; text-decoration: none; }
.reg { width: 250px; float: left; height: 60px; }
.reg p { font-family: "Century Gothic", Arial, Helvetica, sans-serif; color: #FFFFFF; font-size: 80%; line-height: 41px; vertical-align: middle; margin: 0px; padding-left: 20px; }
.reg a { color: #FFF; text-decoration: underline; }
.reg a:hover { text-decoration: none; color: #ffdc26; }
.pagehead { width: 977px; height: 341px; float: left; background-color: #FFFFFF; margin-top: 0px; }
.pagecontainer { width: 997px; height: auto; margin-left: auto; margin-right: auto; text-align: left; background-color: #FFFFFF; height: auto; padding-left: 10px; }
.pagemaintext { padding-left: 10px; padding-right: 10px; width: 957px; height: auto !important; float: left; margin-top: 10px; margin-bottom: 10px; }
.pagemaintext p { font-family: "Century Gothic", Arial, Helvetica, sans-serif; color: #000000; font-size: 90%; margin-top: 0px; }
.pagemaintext h1 { font-family: "Century Gothic", Arial, Helvetica, sans-serif; color: #9f0000; font-size: 100%; margin-top: 0px; }
.pagemaintext h2 { font-family: "Century Gothic", Arial, Helvetica, sans-serif; color: #9f0000; font-size: 90%; margin-bottom: 0px; }
.pagemaintext ol { font-family: "Century Gothic", Arial, Helvetica, sans-serif; color: #000000; font-size: 90%; margin-top: 0px; }
.pagemaintext li { margin-top: 5px; font-family: "Century Gothic", Arial, Helvetica, sans-serif; font-size: 14px; }
.eventheader { padding-left: 10px; padding-right: 10px; width: 957px; height: 40px; background-color: #000; margin-top: 3px; }
.eventheader h1 { font-family: "Century Gothic", Arial, Helvetica, sans-serif; color: #ffda00; font-size: 100%; margin: 0px; line-height: 40px; vertical-align: middle; }
.eventlist { padding-left: 10px; padding-right: 10px; width: 937px; height: 40px; background-color: #000; margin-top: 10px; float: left; margin-bottom: 2px; }
.entry { width: 580px; height: 40px; float: left; }
.entryback { width: 357px; height: 40px; float: left; }
.entry p { margin: 0px; line-height: 40px; vertical-align: middle; font-family: "Century Gothic", Arial, Helvetica, sans-serif; color: #ffdb24; font-size: 120%; }
.entryback p { margin: 0px; line-height: 40px; vertical-align: middle; font-family: "Century Gothic", Arial, Helvetica, sans-serif; color: #FFFFFF; font-size: 100%; text-align: right; }
.entryback a { margin: 0px; line-height: 40px; vertical-align: middle; font-family: "Century Gothic", Arial, Helvetica, sans-serif; color: #FFFFFF; font-size: 100%; }
.block1 { width: 475px; float: left; height: auto; margin-right: 7px; }
.block2 { width: 475px; float: left; height: auto; }
.distance, .entryfee { width: 475px; float: left; text-align: center; height: 80px; background-color:#a6a7a8; }
.distance a { display: block; width: 475px; height: 63px; text-decoration: none; padding-top: 17px; }
.distance a:hover { text-decoration: underline; }
.buynow { width: 115px; float: left; height: 80px; margin-top: 8px; }
.icons { width: 300px; margin-left: auto; margin-right: auto; }
.profile, .gpx { width: 80px; float: left; height: 80px; margin-top: 8px; }
.route { width: 140px; float: left; height: 80px; margin-top: 8px; } 
.entryfee p, .distance p { margin: 0px; font-family: "Century Gothic", Arial, Helvetica, sans-serif; color: #000000; font-size: 100%; text-align: center; font-weight: bold; }
.route p, .profile p, .gpx p, .buynow p { margin: 0px; line-height: 40px; vertical-align: middle; font-family: "Century Gothic", Arial, Helvetica, sans-serif; color: #000000; font-size: 80%; text-align: center; font-weight: bold; }
.leftcol { width: 468px; float: left; margin-right: 10px; }
.rightcol { width: 468px; float: left; }
td a { font-family: "Century Gothic", Arial, Helvetica, sans-serif; font-weight: bold; color: #9f0000; font-size: 100%; }
a { font-family: "Century Gothic", Arial, Helvetica, sans-serif; font-weight: bold; color: #9f0000; }
a:hover { color: #000; text-decoration: none; }
.label { width: 150px; float: left; font-family: "Century Gothic", Arial, Helvetica, sans-serif; color: #000000; }
input { border: 1px solid #a6a7a8; }
textarea { border: 1px solid #a6a7a8; }