/* Preyom - Mark Williams Cycling v2 */
/* By Mark Willis - MarkWillis.co.uk */

html {background: url(../../img/back.jpg) top center no-repeat #000000;}
body {margin: 0; text-align: center; font-family: arial, tahoma; font-size: 12px; color: #FFFFFF;}
.clear {clear: both; height: 1px; overflow: hidden;}
.noticebox {border: 1px solid #FFCC00; background: #FFFFCC; padding: 15px; color: #000000; margin: 10px 0 10px 0; text-align: left;}
.errorbox {border: 1px solid #FFCC00; background: #FFFFCC; padding: 15px; color: #000000; margin: 10px 0 10px 0; text-align: left;}

.preyomWrapper {width: 950px; margin: 0 auto 0 auto;}
.preyomHeader {background: url(../../img/topblock/bgimage.png) bottom center no-repeat; height: 200px;}
.headerLeft {padding: 20px 0 0 0; text-align: left; width: 300px; float: left;}
.headerRight {color: #999999; font-size: 14px; text-align: right; width: 640px; float: left; padding: 32px 0 0 0;}

.headerLeft h1 {font-size: 24px; color: #FCB036; margin: 0;}
.headerLeft h1 a {font-size: 24px; color: #FCB036; text-decoration: none;}
.headerLeft p {margin: 0;}
.headerRight a {color: #FFFFFF; text-decoration: none; font-size: 15px; font-weight: bold; margin: 0 10px 0 0;}
.headerRight a:hover {color: #999999; text-decoration: none; font-size: 15px; font-weight: bold; margin: 0 10px 0 0;}
.goldBar {background: url(../../img/goldbar.png) center no-repeat; height: 1px; overflow: hidden;}

/* MAP */
.eventMap {}
.eventMapInner {display: block; height: 200px; overflow: hidden;}
.eventMapButtons {text-align: right; padding: 0 20px 0 0;}
.areaLoading {height: 50px; background: url(../../img/mLoading.gif) center no-repeat;}

/* MAIN PAGE */
.preyomContent {}
.contentLeft {width: 650px; padding: 20px 10px 10px 10px; float: left;}
.contentRight {width: 250px; margin: 0 0 0 10px; padding: 20px 10px 10px 10px; float: left;}

.contentBlock {margin: 0 0 15px 0; background: url(../../img/contentBG.png);}
.contentSBlock {margin: 0 0 15px 0; background: #0B0B0B;}
.contentBlockTop {background: url(../../img/contentBar.jpg) center repeat-x; height: 2px; overflow: hidden;}
.contentBlockBtm {background: url(../../img/contentBar.jpg) center repeat-x; height: 2px; overflow: hidden;}
.contentBlockCen {padding: 10px; text-align: left;}
.contentBlockCen h1 {margin: 0 0 5px 0; font-size: 18px; color: #FCB036;}
.contentBlockCen h2 {margin: 0 0 5px 0; font-size: 16px; color: #FCB036;}
.contentBlockCen h2 a {margin: 0 0 5px 0; font-size: 16px; color: #FCB036; text-decoration: none;}
.contentBlockCen h2 a:hover {margin: 0 0 5px 0; font-size: 16px; color: #FCB036; text-decoration: underline;}
.contentBlockCen h3 {margin: 0 0 5px 0; font-size: 12px; color: #FCB036;}
.contentBlockCen  p {margin: 0 0 5px 0;}
.contentBlockCen  a {color: #999999; text-decoration: none;}
.contentBlockCen  a:hover {color: #FFFFFF; text-decoration: underline;}

.counterSide {margin: 0 0 15px 0;}

/* Forms */
.formArea {}
.formArea .formField {width: 100%;}
.formArea div fieldset {margin: 0; padding: 0; border: 0;}
.formArea div fieldset  textarea {width: 100%;}


/* News blocks */
.newsDate {color: #666666; margin: 0;}
.newsData {padding: 10px 0 10px 0; text-align: left;}
.newsImage {float: left; margin: 0 10px 10px 0;}

.preyomFooter {width: 950px; margin: 0 auto 0 auto;}
.footerInner {padding: 20px 0 20px 0; text-align: center; color: #666666; font-size: 11px;}
.footerInner a {color: #666666; font-size: 11px; text-decoration: none;}

.eventList {}
.eventListEv {border-bottom: 1px solid #000000; margin: 0 0 10px 0;}
.eventListEvIn {padding: 10px;}
.eventList h2 {color: #FCB036; margin: 0 0 2px 0; font-size: 14px; text-transform: uppercase; font-weight: bold;}
.eventLeft {width: 70%; float: left; text-align: left;}
.eventRight {width: 28%; float: left; text-align: right;}

.eventImg {width: 23%; float: left;}
.eventTxt {width: 75%; float: left;}

/* Contact Page */
.cFax {width: 60%; margin: 20px auto 0 auto;}
.cFax input.formField {width: 100%;}
.cFax div fieldset {border: 0; margin: 0; padding: 0;}
.cFax div fieldset textarea {width: 100%;}

.eventButton {text-align: right;}
.eventButtonIn {text-align: right; padding: 100px 0 0 0;}

/* A */
.evActive {font-weight: bold; color: #00CC00;}
.evInactive {font-weight: bold; color: #CC0000;}

/* gallery */
.galleryLeft {width: 130px; float: left;}
.galleryRight {width: 495px; float: left; margin: 0 0 0 5px;}
.galleryRight img {margin: 0 1px 1px 0;}

.vgimg {border: 1px solid #000000;}
.vgimg:hover {border: 1px solid #FCB036;}

.agimg {border: 1px solid #000000;}
.agimg:hover {border: 1px solid #CC0000;}

#galNav {margin: 0; padding: 0; border: 0;}
#galNav li {list-style: none; background: #0B0B0B;}
#galNav li a {color: #666666; text-transform: uppercase; text-decoration: none; font-weight: bold; display: block; padding: 5px;}
#galNav li:hover {list-style: none; background: #242424;}
#galNav li.active {list-style: none; background: #242424;}
#galNav li.active a {color: #FFFFFF; text-transform: uppercase; text-decoration: none; font-weight: bold; display: block; padding: 5px;}

#galNav li.gadd {list-style: none; background: #0B0B0B;}
#galNav li.gadd:hover {list-style: none; background: #242424;}
#galNav li.gadd a {color: #00CC00; text-transform: uppercase; text-decoration: none; font-weight: bold; display: block; padding: 5px;}