/* ------ GLOBAL STYLES ----- */
/*	LIGHT GREEN: add96c	DARKER GREEN: 56a689	DARK BLUE: 0066a4 */

body, div, h1, h2, h3, h4, h5, p, form, table {margin: 0; padding:0;}
img {border: 0;}
div.clear {margin:0; height:0px; clear:both; font-size:0px; line-height:0px;}
.center {text-align: center;}
.left {text-align: left;}
.right {text-align:right;}
p {padding: 0 0 12px 0;}
p.nopadding {padding:0;}
ul {margin-top:0; margin-bottom:0; padding-bottom:12px;}
html {overflow:scroll;}
.red {color:#a00;}
.onRight {float:right;}
.onLeft {float:left;}
img.onRight {padding-left:15px;}
.atPrint {display:none;}

body {text-align:center; font:62.5% arial, sans-serif; background:#ddf2bd url('images/bg-body.jpg') no-repeat top center;}
#container {margin:0 auto; width:987px; text-align:left;}


/* NARROW COLUMN STYLES */
#col {width:256px; position:relative;}
#col img.logo {position:absolute; right:10px; top:20px;}

#col #date {padding:1px 0 1px 1px; width:255px; position:absolute; top:166px;}
#col #date #datetime {width:255px; padding:0;  color:#0066a4; font-weight:bold;}
#col #date #datetime img {display:block; margin: 0 auto; padding:12px 0 22px 0;}

#col #countdown {width:246px; color:#0066a4; border-top:1px dashed #0066a4; margin:0 5px; text-align:center; padding-top:20px;}
#col #countdown img.cdTitle {display:block; margin:0 auto; padding:0 0 3px 0;}

#col #links {position:absolute; top:391px; background:#add96c; padding:1px 0 1px 1px; width:255px; font-size:1.6em; font-weight:bold; text-align:center;}
#col #links a {height:30px; padding:8px 0 0 0; margin-top:1px; display:block; width:255px; background:#0066a4; text-decoration:none; color:#fff;}
#col #links a.first {margin-top:0;}
#col #links a:hover, #col #links a.current {color:#ddf2bd; background:#096fad;}

#col .rrcaLogo {position:absolute; top:600px; left:75px; display:none;}
#col .rrcaLogo2 {position:absolute; top:400px; left:75px;}



/* MAIN COLUMN STYLES */
#content {float:right; width:731px; text-align:left; position:relative;}

#quicklinks {height:39px; padding:2px 5px 0 0; font-size:1.4em; font-weight:bold;}
#quicklinks div {float:right; text-align:right; margin-left:10px;}
#quicklinks div img {position:relative; top:6px;}
#quicklinks #contactus {width:120px;}
#quicklinks #registeronline {width:140px;}
#quicklinks div a {color:#56a689;}

#content #main {background:#add96c; padding:1px; width:729px;}

#navi {height:29px; font-size:1.3em; text-align:center; width:729px; font-weight:bold; overflow:hidden;}
#navi a {height:23px; width:145px; padding: 5px 0 0 0; display:block; margin:0 1px 0 0; float:left; color:#fff; background:#0066a4; text-decoration:none;}
#navi a.last {margin:0;}
#navi a:hover, #navi a.current {color:#ddf2bd; background:#096fad;}

.subNav {width:145px; padding:2px 0 3px 0; background:#ddf2bd; display:none; position:absolute; top:70px; font-size:1.2em; z-index:10000; border:1px solid #add96c; border-top:0;}
.subNav a {display:block; margin:0; color:#0066a4; width:137px; padding:4px 4px; text-decoration:none; font-weight:bold;}
.subNav a:hover {background:#f0f0f0;}
#snRegister {left:0px;}
#snRace {left:146px;}
#snCourse {left:292px;}
#snExpo {left:584px;}


#pics {width:729px; height:320px; overflow:hidden; background:#000;}
#pics img {display:block; margin:0; width:729px; height:320px;}

#text {width:689px; padding:35px 20px 15px 20px; background:#fff; color:#333; position:relative; min-height:326px; height:auto !important; height:326px;}
#text p#attribution {color:#666; padding:0; font-size:1em; text-align:center;}
#text.onHome {width:709px; padding:15px 10px; min-height:164px; height:auto !important; height:164px;}
#text.onHome p#attribution {position:absolute; top:1px; right:4px; color:#666; padding:0; font-size:1em;}
#text.onRegister {padding-top:15px; min-height:346px; height:auto !important; height:346px;}
#text span.picCredit {color:#666; padding:0; font-size:0.8em;}
#text h1 {font-size:2.2em; padding:0 0 15px 0;}
#text h2 {font-size:1.6em; padding: 6px 0 2px 0; font-family:verdana, sans-serif;}
#text h3 {font-size:1.5em; padding: 6px 0 2px 0; font-family:verdana, sans-serif;}
#text p, #contactForm p {font-size:1.3em; line-height:1.4em; font-family:verdana, sans-serif;}
#text.onAwards p {padding:14px 0 0 0;}
#text.onAwards p.sponsoredby {padding:0 0 0 26px;}
#text.onAwards p.notice {padding:0 0 0 26px; font-style:italic;}
#text.onAwards ul {padding-bottom:0;}
#text ul {font-size:1.3em; line-height:1.4em; font-family:verdana, sans-serif;}
#text ul.double li {padding-bottom:10px;}
#text p a[href$=".pdf"] {background: url('images/pdf.jpg') no-repeat left center; padding-left: 20px;}
#text p a.nobg {background:none; padding-left:0;}
#text img.pic {padding:1px; border:1px solid #add96c;}
#text #adRotator {display:block; margin:0; height:139px; width:729px; background:#add96c; overflow:hidden;}
#text img.headerimage {display:block; margin:0;}
#text #dykcontain {float:left; width:444px; height:179px; padding:10px; background:#f4f4f4; border:1px solid #add96c; overflow:hidden;}
#text #dykcontain h4 {color:#56a689; font:bold 2.1em 'arial narrow', san-serif;}
#text #dykcontain .dyk p {font-size:1.1em; padding:0 0 10px 0;}
#text #dykcontain .dyk ul {margin:0 0 0 8px; font-size:1.1em; padding-left:8px;}
#text #dykcontain .dyk ul li {padding-left:3px; margin-left:5px;}
#text #adcontain {float:right; width:233px;}
#text #adcontain img {display:block; margin:0; padding-bottom:10px;}
#text #adcontain img.last {padding:0;}
#text a {color:#0066a4;}
#text a.download {font-weight:bold;}
#text label {font-weight:bold;}
#text label.contact {display:block; float:left; margin:0; width:100px; text-align:right; padding:0 8px 0 0;}
#text label.mail {display:block; float:left; margin:0; width:100px; text-align:right; padding:0 8px 20px 0;}
#text.onTeam label {display:block; float:left; margin:0; width:43%; text-align:right; padding:0 6px 0 0;}
#text.onTeam em {display:block; float:left; margin:0; width:55%; font-style:normal;}
#text.onTeam div.vrow {padding:7px 0; margin-top:3px; background:#f8f8f8}
#text.onTeam div.alternate {background:#ececec;}
#text.onTeam em a {text-decoration:none; color:#333;}
#text.onTeam em a:hover {color:#777;}
#text.onResults label {display:block; float:left; margin:0; width:12%; text-align:center; padding:10px 0 0 0; height:30px; font-size:1.1em;}
#text.onResults em {display:block; float:left; margin:0; width:26%; font-style:normal;}
#text.onResults div.vrow {padding:7px 0; margin-top:3px; background:#f8f8f8;}
#text.onResults div.alternate {background:#ececec;}
#text.onSponsor h1 {font-size:2.6em;}
#text.onSponsor h2 {text-align:center; background:#0066a4; color:#fff; text-transform:uppercase; font-size:1.8em; margin:4px 0 0 0; padding:3px 0;}
#text.onSponsor div.sponsors {text-align:center;}
#text.onSponsor div.sponsors p {padding:10px 0 12px 0;}
#text.onSponsor div.sponsors img {padding:4px;}
#text .halfwide {width:49%; float:left;}
#text #breadcrumb {position:absolute; top:5px; left:8px; font-size:1.1em;}
#text .eventDate {height:32px; border-top:1px dashed #333; padding-top:20px;}
#text .eventDate span {background: url('images/bg-event-item.gif') top left no-repeat; display:block; float:left; margin:0; padding:10px 0 0 0; width:32px; height:22px; font-size:1.5em; font-weight:bold; text-align:center;}
#text .eventDate p {padding: 7px 0 0 42px; font-size:1.6em;}
#text .eventItem {padding:7px 0;}
#text .eventItem span {display:block; float:left; margin:0; width:140px; font-size:1.3em; font-weight:bold; text-align:right; padding:2px 25px 0 0;}
#text .eventItem p {font-size:1.3em; float:left;}
#text .popnotice {display:none;}
#text pre {font-size:12px;}
img.cmap {float:right; padding-right:140px;}
img.message {cursor:pointer; float:right; margin:0 20px;}

#footer {color:#555; font-size:1.1em; padding:3px 0 20px 0; width:731px;}
#footer a {color:#555; text-decoration:none;}
#footer a:hover {color:#333; text-decoration:underline;}
#footer #tmc {float:left; width:50%;}
#footer #nrl {float:right; width:48%; text-align:right;}

/* MODAL */
#contactForm {display:none;}
#contactForm h2 {padding: 0 0 1.2em 0; font-size:2em; color:#0066a4;}
#contactForm input[type$="text"], #contactForm textarea {width:230px;}
#contactForm label {font-weight:bold;}
#contactForm label.error {font-weight:normal; color:#f00; padding-left:4px;}
#contactForm label.contact {display:block; float:left; margin:0; width:100px; text-align:right; padding:0 6px 0 0;}
#simplemodal-overlay {background-color:#000;}
#simplemodal-container {background:#f0f0f0; padding:20px 20px 20px 20px; width:450px; border:2px solid #333; text-align:left;}
#simplemodal-container a.modalCloseImg {background:url('images/x.png') no-repeat; width:25px; height:29px; display:inline; z-index:30200; position:absolute; top:-10px; right:-12px; cursor:pointer;}


/* COUNTDOWN */
.hasCountdown {}
.countdown_rtl {direction: rtl;}
.countdown_holding span {background: #ccc;}
.countdown_row {clear:both; width:251px; padding: 0px 2px; text-align:center;}
.countdown_show1 .countdown_section {width: 98%;}
.countdown_show2 .countdown_section {width: 48%;}
.countdown_show3 .countdown_section {width:50px;}
.countdown_show4 .countdown_section {width:50px;}
.countdown_show5 .countdown_section {width: 19.5%;}
.countdown_show6 .countdown_section {width: 16.25%;}
.countdown_show7 .countdown_section {width: 14%;}
.countdown_section {display:block; float:left; text-align:center; line-height:0.7em; padding:5px 0 3px 0; color:#fff; margin:0 0 0 9px; background: url('images/bg-countdown.gif') top center no-repeat; position:relative; font-weight:bold; height:51px;}
.countdown_amount {color:#56a689; font-size:2.2em; display:block; margin:0; width:50px; padding:0; position:absolute; top:10px; left:0; line-height:2em; text-align:center;}
.countdown_descr {display:block; width:100%;}


/* NIVO SLIDER */ 
/* The Nivo Slider styles */
.nivoSlider {position:relative; width:540px;}
.nivoSlider img {position:absolute; top:0px; left:0px;}
/* If an image is wrapped in a link */
.nivoSlider a.nivo-imageLink {position:absolute; top:0px; left:0px; width:100%; height:100%; border:0; padding:0; margin:0; z-index:60; display:none;}
/* The slices in the Slider */
.nivo-slice {display:block; position:absolute; z-index:50; height:100%;}
/* Caption styles */
.nivo-caption {position:absolute; left:0px; bottom:0px; background:#0066a4; color:#fff; opacity:0.9; /* Overridden by captionOpacity setting */ width:100%; z-index:89;}
.nivo-caption p {padding:5px; margin:0;}
/* Direction nav styles (e.g. Next & Prev) */
.nivo-directionNav a {position:absolute; top:45%; z-index:99; cursor:pointer;}
.nivo-prevNav {left:0px;}
.nivo-nextNav {right:0px;}
/* Control nav styles (e.g. 1,2,3...) */
.nivo-controlNav a {position:relative; z-index:99; cursor:pointer;}
.nivo-controlNav a.active {font-weight:bold;}
/* core defaults */
#slider {position:relative; margin:10px auto 50px auto; background:#202834 url('images/loading.gif') no-repeat 50% 50%;}
#slider img {position:absolute; top:0px; left:0px; display:none;}
#slider a {border:0;}
.nivo-controlNav {position:absolute; left:18%; bottom:-30px;}
.nivo-controlNav a {display:block; width:10px; height:10px; background:url('images/bullets.png') no-repeat; text-indent:-9999px; border:0; margin-right:3px; float:left;}
.nivo-controlNav a.active {background-position:-10px 0;}
.nivo-directionNav a {display:block; width:35px; height:35px; background:url('images/arrows.png') no-repeat; text-indent:-9999px; border:0;}
a.nivo-nextNav {background-position:-35px 0; right:10px;}
a.nivo-prevNav {left:10px;}
.nivo-caption span {float:right; font-size:0.8em;}