/* -----------------------------------------------
   CSS Framework v2.2
   Copyright to James Kirby - www.jameskirby.me.uk
   Creative Commons Attribution-Noncommercial-No Derivative Works 2.0 UK: England & Wales License (http://creativecommons.org/licenses/by-nc-nd/2.0/uk/)
   Updated: Feb 24th 2009 12:43pm
----------------------------------------------- */

html { margin:0; padding:0; }
body { margin:0; padding:0; color:#231f20; background-color:#FFFFFF; font-size:0.8em; font-family:Arial,Helvetica,Sans-serif; }

img { border-style:none; display:block; }
img.inline,
#article img,
#sidebar img { display:-moz-inline-stack; display:inline-block; }
img.block, embed, object { display:block!important; }
img.icon,
img.arrow { display:-moz-inline-stack; display:inline-block; vertical-align:middle; }

form { margin:0 0 16px 0; padding:0; }
blockquote { margin:16px; }
hr { border:none 0; margin:20px 0; border-top:2px solid #8dc63f; height:0; }
p { padding:0; margin:0 0 16px 0; }

dt { font-weight:bold; margin-bottom:4px; }
dd { margin-bottom:16px; }

h1 { color:#000000; font-size:1.6em; margin-top:0; }
h2 { color:#000000; font-size:1.4em; margin-top:0; }
h3 { color:#000000; font-size:1.2em; margin-top:0; }
h4, h5, h6 { color:#000000; font-size:1em; }

a,
a:visited { color:#6a942f; text-decoration:underline; outline:none; }
a:focus,
a:hover { color:#587a27; text-decoration:underline; }
a:active { color:#334717; text-decoration:underline; }

ul.none { list-style:none; margin:0; padding:0; }
ul.none li { padding:0 0 8px 0; }

ul.compact { list-style:none; margin:0; padding:0; }
ul.compact li { padding:0; margin:0; }

ul.arrow { list-style:none; margin:0; padding:0; }
ul.arrow li { background:url("arrow.gif") left 5px no-repeat; padding:0 0 8px 18px; }

.clear { clear:both; height:0; overflow:hidden; }
.hide,
.page_edit { display:none; }
.error { color:#FF0000; font-weight:bold; }
.nowrap { white-space:nowrap; }

.photoRight { float:right; margin:3px 0 7px 10px; }
.photoLeft { float:left; margin:3px 10px 7px 0; }
.photoCentre { display:block; margin:0 auto; }
.center { text-align:center; }
.justify { text-align:justify; }

.uppercase { text-transform:uppercase; }
.nomargins { margin:0!important; padding:0!important; }

.article-left { width:48%; float:left; }
.article-right { width:48%; float:right; }
.article-rightalt { width:48%; float:right; text-align:right; }

.protection { unicode-bidi:bidi-override; direction:rtl; }

img.roundedCorners { -moz-border-radius:10px; -webkit-border-radius:10px; }


/* ----------------------
   Interface CSS
---------------------- */

#container { width:940px; margin:0 auto; }

#accessibility { height:0; overflow:hidden; }
#accessibility p { text-indent:-9000px; }

#header { width:940px; height:109px; overflow:hidden; margin:30px 0 20px 0; }
#header_left { width:300px; height:109px; float:left; background:#FFFFFF url("tri-adventure.gif") left top no-repeat; }
#header_left p { margin:0; padding:0; }
#header_left p a,
#header_left p a:visited { width:300px; height:109px; display:block; text-indent:-9000px; }
#header_right { width:300px; height:109px; float:right; overflow:hidden; }

#header_openadventure { width:300px; height:68px; background:#FFFFFF url("openadventure.gif") right top no-repeat; overflow:hidden; }
#header_openadventure p { margin:0; }
#header_openadventure a,
#header_openadventure a:visited { width:300px; height:68px; display:block; text-indent:-9000px; }

#header_enteronline { width:300px; height:20px; overflow:hidden; }
#header_enteronline p { margin:0; }
#header_enteronline a,
#header_enteronline a:visited { background:#FFFFFF url("button_enteronline.gif") left top no-repeat; width:300px; height:20px; display:block; text-indent:-9000px; }
#header_enteronline a:hover { background-position:left bottom; }

#header_enteronline_soon { width:300px; height:20px; overflow:hidden; }
#header_enteronline_soon { background:#FFFFFF url("button_enteronline_soon.gif") left top no-repeat; width:300px; height:20px; display:block; text-indent:-9000px; }

#photos { margin-bottom:20px; }
#photos div { width:300px; height:222px; overflow:hidden; }
#photos div p { margin:0; }
#photos div p a,
#photos div p a:visited { width:300px; height:222px; display:block; text-indent:-9000px; }

#photos div.clear { width:940px; height:0; overflow:hidden; }

#photos_trailrunning { float:left; margin-right:20px; background:url("../images/title_trailrunning.jpg") left top no-repeat; }
#photos_trailrunning div { background:url("title_trailrunning.gif") left bottom no-repeat; }

#photos_navigation { float:left; margin-right:20px; background:url("../images/title_navigation.jpg") left top no-repeat; }
#photos_navigation div { background:url("title_navigation.gif") left bottom no-repeat; }

#photos_mountainbiking { float:left; background:url("../images/title_mountainbiking.jpg") left top no-repeat; }
#photos_mountainbiking div { background:url("title_mountainbiking.gif") left bottom no-repeat; }

#article { width:620px; float:right; margin-bottom:20px; background-color:#f3f9eb; }
#article_padding { padding:31px 31px 15px 31px; border:2px solid #8dc63f; line-height:1.4em; }

#article h1 { color:#8dc63f; border-bottom:2px solid #8dc63f; padding-bottom:10px; }

#sidebar { width:300px; float:left; margin-bottom:20px; background:#8dc63f url("nav.gif") left top no-repeat; }
#sidebar_padding { padding:11px 0 11px 0; }

#nav { width:300px; }
#nav h3 { display:none; }
#nav ul { list-style:none; margin:17px 0 0 0; /*28/11*/ padding:0 0 0 0; /*padding:0 0 11px 0;*/ }
#nav ul li { margin:0 0 17px 0; padding-left:43px; width:200px; background:url("nav_selection.gif") left 1px no-repeat; }
#nav ul li:focus,
#nav ul li:hover { background:url("nav_over.gif") left 1px no-repeat; }
#nav ul li:active { background:url("nav_down.gif") left 1px no-repeat; }

#nav ul li a,
#nav ul li a:visited { color:#FFF; width:200px; display:block; text-indent:-9000px; }
#nav ul li.active a,
#nav ul li a:focus,
#nav ul li a:hover {  }
#nav ul li a:active {  }

.navend { background:none!important; color:#FFF; font-weight:bold; }
.navend span { width:20px; display:-moz-inline-stack; display:inline-block; _display:inline; }
.navend a,
.navend a:visited { color:#FFF; text-decoration:none; display:inline!important; text-indent:0!important; }
.navend a:focus,
.navend a:hover { color:#FFF; text-decoration:underline; }
.navend a:active { color:#FFF; text-decoration:underline; }

#li_1_home a,
#li_1_home a:visited { height:12px; background:url("nav_home.gif") left top no-repeat; }

#li_1_raceformat a,
#li_1_raceformat a:visited { height:12px; background:url("nav_raceformat.gif") left top no-repeat; }

#li_1_rulesandpenalties a,
#li_1_rulesandpenalties a:visited { height:32px; background:url("nav_rules.gif") left top no-repeat; }

#li_1_kit a,
#li_1_kit a:visited { height:12px; background:url("nav_kit.gif") left top no-repeat; }

#li_1_racevenue a,
#li_1_racevenue a:visited { height:12px; background:url("nav_racevenue.gif") left top no-repeat; }

#li_1_enteronline a,
#li_1_enteronline a:visited { height:12px; background:url("nav_enteronline.gif") left top no-repeat; }

#li_1_contact a,
#li_1_contact a:visited { height:12px; background:url("nav_contactus.gif") left top no-repeat; }

#li_1_triadventuresprint a,
#li_1_triadventuresprint a:visited { height:32px; background:url("li_1_triadventuresprint.gif") left top no-repeat; }

#li_1_triadventuretrail a,
#li_1_triadventuretrail a:visited { height:32px; background:url("li_1_triadventuretrail.gif") left top no-repeat; }

#li_1_corporate-events a,
#li_1_corporate-events a:visited { height:32px; background:url("li_1_corporate-events.gif") left top no-repeat; }

#li_1_arcommunity a,
#li_1_arcommunity a:visited { height:12px; background:url("li_1_arcommunity.gif") left top no-repeat; }

#footer { width:940px; background-color:#231f20; overflow:hidden; color:#FFFFFF; border-top:2px solid #8dc63f; font-weight:bold; text-transform:uppercase; }
#footer p { margin:0; }
#footer a,
#footer a:visited { color:#FFFFFF; text-decoration:none; }
#footer a:focus,
#footer a:hover { color:#FFFFFF; text-decoration:underline; }
#footer a:active { color:#FFFFFF; text-decoration:underline; }
#footer_left { width:40%; float:left; }
#footer_left .padding { padding:16px 0 16px 31px; }
#footer_right { width:58%; float:right; text-align:right; }
#footer_right .padding { padding:16px 31px 16px 0; }

.jk { color:#4d4d4d; }
.jk a,
.jk a:visited { color:#4d4d4d!important; }
.jk a:focus,
.jk a:hover { color:#4d4d4d!important; }
.jk a:active { color:#4d4d4d!important; }

.jk:hover	 { color:#FFFFFF!important; }
.jk:hover a,
.jk:hover a:visited { color:#FFFFFF!important; }
.jk:hover a:focus,
.jk:hover a:hover { color:#FFFFFF!important; }
.jk:hover a:active { color:#FFFFFF!important; }

#base { height:20px; }


/* ----------------------
   Content CSS
---------------------- */

.title_welcome { width:265px; height:35px; display:block; background:url("welcome.gif") left top no-repeat; text-indent:-9000px; border-bottom:0!important; padding-bottom:0!important; }

.col1 { width:37%; }
.col2 { width:28%; }
.col3 { width:35%; }

#googleMap { border:2px solid #000000; margin-bottom:16px; overflow:hidden; }

/* ----------------------
   HighSlide
---------------------- */

.highslide { cursor:url("../behaviour/highslide/zoomin.cur"), pointer; outline:none; }
.highslide-caption { display:none; padding:5px 7px 5px 7px; background-color:#333333; color:#FFF; font-weight:bold; text-align:center; }
.highslide-loading { display:block; color:#FFF; font-size:9px; font-weight:bold; text-transform:uppercase; text-decoration:none; padding:3px; border:1px solid #FFF; background-color:#000; }
.highslide-display-block { display:block; }
.highslide-display-none { display:none; }
.closebutton { position:relative; top:-15px; left:15px; width:30px; height:30px; cursor:pointer; background: url("../behaviour/highslide/close.png"); }

/* ----------------------
   Tables
---------------------- */

.table { margin-bottom:16px; width:100%; border-collapse:collapse; }
.table caption { text-align:left; font-size:0.85em; }
.table th,
.table td { border-bottom:1px solid #B4B4B4; padding:3px 0 3px 3px; }
.table th { text-align:left; vertical-align:bottom; }
.table th a,
.table th a:visited { text-decoration:none; }
.table th a:hover { text-decoration:underline; }
.table td { text-align:left; vertical-align:top; }
.table thead th,
.table thead td { border-bottom:2px solid #B4B4B4!important; font-weight:bold; }
.table tbody tr:hover { background-color:#E8E8E8; }
.table tbody tr.alt { background-color:#E8E8E8; }
.table tbody tr.alt:hover { background-color:#D1D1D1; }

.table-thin { margin-bottom:16px; width:100%; border-collapse:collapse; }
.table-thin td { text-align:left; padding:0 3px 0 0; vertical-align:top; }

/* ----------------------
   Contact Form
---------------------- */

#form { width:549px; clear:both; }
#form p { clear:both; }
#form label { width:150px; float:left; text-align:right; font-weight:bold; line-height:100%; margin-bottom:15px; }
#form input.field { float:right; margin:0; padding:3px; width:373px; margin-bottom:5px; font-family:Arial,Helvetica,Sans-serif; font-size:1em; }
#form select.field { float:right; margin:0; padding:3px; width:383px; margin-bottom:5px; font-family:Arial,Helvetica,Sans-serif; font-size:1em; }
#form textarea { float:right; margin:0; padding:4px; width:375px; margin-bottom:15px; font-family:Arial,Helvetica,Sans-serif; font-size:1em; }
#form small { color:#666; }
#form .submit { float:right; width:387px; display:block; margin-bottom:16px; }
#form .submit input { margin:0; padding:0; }
.form-error { color:#D20000; margin-left:166px; font-size:0.87em; font-weight:bold; padding:2px 0 0 0; }
