/* -----------------------------------------------
   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:505px; height:109px; float:right; overflow:hidden; }

#header_spacer { width:505px; height:68px; overflow:hidden; }

#header_enteronline { width:300px; margin-left:205px; 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.item { width:300px; height:222px; overflow:hidden; }
#photos div.clear { width:940px; height:0; overflow:hidden; }

#photos_trailrunning { float:left; margin-right:20px; }
#photos_trailrunning div.photo { width:300px; height:180px; }
#photos_trailrunning div.text { width:300px; height:42px; background:url("title_trailrunning.gif") left bottom no-repeat; }

#photos_navigation { float:left; margin-right:20px; }
#photos_navigation div.photo { width:300px; height:180px; }
#photos_navigation div.text { width:300px; height:42px; background:url("title_navigation.gif") left bottom no-repeat; }

#photos_mountainbiking { float:left; }
#photos_mountainbiking div.photo { width:300px; height:180px; }
#photos_mountainbiking div.text { width:300px; height:42px; 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; position:relative; }

#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 {  }

#newsletter_content { width:300px; color:#FFF; }
#newsletter_content h3 { color:#FFF; }
#newsletter_content p { margin-bottom:5px; }
#newsletter_padding { padding:0 20px 10px 20px; }
#newsletter_form { width:260px; height:22px; overflow:hidden; background:url("newsletter.gif") left top no-repeat; }
#newsletter_form p,
#newsletter_form form { margin:0; padding:0; }
#news_l { float:left; width:199px; height:22px; overflow:hidden; }
#news_l #mce-EMAIL { width:181px; height:13px; border:0; margin-left:10px; padding:4px!important; background:transparent url("transparent.gif") no-repeat; }
#news_r { float:left; width:61px; height:22px; overflow:hidden; }

#facebook { float:right; position:absolute; right:0; top:11px; width:120px; height:29px; overflow:hidden; margin:15px 26px 0 0; }
#facebook p { margin:0; padding:0; }
#facebook a,
#facebook a:visited { color:#FFF; display:block; width:120px; height:29px; background:url("facebook.png") left top no-repeat; text-indent:-9000px; _background:url("facebook.gif") left top no-repeat; }
#facebook a:focus,
#facebook a:hover { background-position:left center; }
#facebook a:active { background-position:left bottom; }

#twitter { position:absolute; right:0; top:50px; width:120px; height:29px; overflow:hidden; margin:15px 26px 0 0; }
#twitter p { margin:0; padding:0; }
#twitter a,
#twitter a:visited { color:#FFF; display:block; width:120px; height:29px; background:url("twitter.png") left top no-repeat; text-indent:-9000px; _background:url("twitter.gif") left top no-repeat; }
#twitter a:focus,
#twitter a:hover { background-position:left center; }
#twitter a:active { background-position:left bottom; }

#instagram { position:absolute; right:0; top:50px; width:120px; height:29px; overflow:hidden; margin:15px 26px 0 0; }
#instagram p { margin:0; padding:0; }
#instagram a,
#instagram a:visited { color:#FFF; display:block; width:120px; height:29px; background:url("instagram.png") left top no-repeat; text-indent:-9000px; _background:url("instagram.gif") left top no-repeat; }
#instagram a:focus,
#instagram a:hover { background-position:left center; }
#instagram a:active { background-position:left bottom; }

/*
.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; }
*/

/* Navigation */
#li_1_home { width:80px!important; }
#li_1_home a,
#li_1_home a:visited { width:80px!important; height:12px; background:url("nav_home.gif") left top no-repeat; }

#li_1_triadventuretrail { width:80px!important; }
#li_1_triadventuretrail a,
#li_1_triadventuretrail a:visited { width:80px!important; height:12px; background:url("li_1_triadventuretrail.gif") left top no-repeat; }

#li_1_triadventuresprint { width:80px!important; }
#li_1_triadventuresprint a,
#li_1_triadventuresprint a:visited { width:80px!important; height:12px; background:url("li_1_triadventuresprint.gif") left top no-repeat; }

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

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

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

#li_1_academy a,
#li_1_academy a:visited { height:13px; background:url("nav_academy.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_racevenue a,
#li_1_racevenue a:visited { height:12px; background:url("nav_racevenue.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_enteronline a,
#li_1_enteronline a:visited { height:12px; background:url("nav_enteronline.gif") left top no-repeat; }

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

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

#li_1_blog a,
#li_1_blog a:visited { height:12px; background:url("li_1_blog.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; }
/* Navigation */

#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%; }

/* Styles */
.panel_nextrace { width:265px; background:#8dc63f url("panel_footer.gif") left bottom no-repeat; padding-bottom:20px; margin-bottom:26px; }

.panel_nextrace_header p,
.panel_nextrace_footer p,
.panel_calendar p,
.panel_eventfees p { padding:0; margin:0; }

.panel_nextrace_header { width:265px; height:55px; background:url("panel_next-race.gif") left top no-repeat; overflow:hidden; }
.panel_nextrace_header a,
.panel_nextrace_header a:visited { width:265px; height:55px; display:block; text-indent:-9000px; }

.panel_padding { padding:10px 20px 0 20px; color:#FFF; }
.panel_padding p { padding:0; margin:0 0 8px 0; text-align:center; font-weight:bold; font-size:1.43em; line-height:1.33em; }
.panel_padding a,
.panel_padding a:visited { color:#587a27; text-decoration:underline; outline:none; }
.panel_padding a:focus,
.panel_padding a:hover { color:#334717; text-decoration:underline; }
.panel_padding a:active { color:#6a942f; text-decoration:underline; }

.panel_moreinfo { width:265px; height:27px; overflow:hidden; }
.panel_moreinfo a,
.panel_moreinfo a:visited { width:265px; height:27px; background:url("panel_moreinfo.gif") left top no-repeat; display:block; text-indent:-9000px; }
.panel_moreinfo a:focus,
.panel_moreinfo a:hover { background-position:left center; }
.panel_moreinfo a:active { background-position:left bottom; }

.panel_enteronline { width:265px; height:27px; overflow:hidden; }
.panel_enteronline a,
.panel_enteronline a:visited { width:265px; height:27px; background:url("panel_enteronline.gif") left top no-repeat; display:block; text-indent:-9000px; }
.panel_enteronline a:focus,
.panel_enteronline a:hover { background-position:left center; }
.panel_enteronline a:active { background-position:left bottom; }

.panel_calendar { width:265px; height:74px; margin-bottom:10px; }
.panel_calendar a,
.panel_calendar a:visited { width:265px; height:74px; background:#8dc63f url("panel_calendar.gif") left top no-repeat; overflow:hidden; display:block; text-indent:-9000px; }
.panel_calendar a:focus,
.panel_calendar a:hover { background-position:left center; }
.panel_calendar a:active { background-position:left bottom; }

.panel_eventfees { width:265px; height:55px; margin-bottom:10px; }
.panel_eventfees a,
.panel_eventfees a:visited { width:265px; height:55px; background:#8dc63f url("panel_eventfees.gif") left top no-repeat; overflow:hidden; display:block; text-indent:-9000px; }
.panel_eventfees a:focus,
.panel_eventfees a:hover { background-position:left center; }
.panel_eventfees a:active { background-position:left bottom; }

.panel_results { width:265px; height:55px; }
.panel_results a,
.panel_results a:visited { width:265px; height:55px; background:#8dc63f url("panel_results.gif") left top no-repeat; overflow:hidden; display:block; text-indent:-9000px; }
.panel_results a:focus,
.panel_results a:hover { background-position:left center; }
.panel_results a:active { background-position:left bottom; }

/* ----------------------
   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; }