body
{
width: 100%;
margin: 0;
color: #3f4d3e;
background: #ffffff;
font-family: arial, verdana;
font-size: 62.5%;
}
html
{
min-height: 100%;
margin-bottom: 1px;
}
img, object, embed
{
border: 0px none;
display: block;
}
form
{
margin: 0;
padding: 0;
}

a:visited, a:link
{
outline: none;
color: #3f4d3e;
text-decoration: underline;
}
a:visited
{
color: #3f4d3e;
}
a:hover, a:active, a.active:visited, a.active:link
{
outline: none;
color: #a3c823;
text-decoration: underline;
}

div.hidden
{
display: none;
visibility: hidden;
}
div.shown
{
display: block;
visibility: visible;
}

input.input, textarea, select
{
font-size: 1em;
line-height: 1em;
font-family: arial, verdana;
padding: 3px;
border: 0 none;
background: #fff;
color: #313731;
}
input.alert, textarea.alert
{
background: #3f4d3e;
color: #fff;
}

h2, h3, h4
{
color: #3f4d3e;
padding: 0;
margin: 0 0 .8em 0;
display: block;
font-size: 1.4em;
line-height: 1.2em;
}
h2.nopad
{
margin: 0 0 .3em 0;
}
h3
{
font-size: 1.3em;
}
h4
{
font-size: 1.2em;
}
p
{
padding: 0;
margin: 0 0 .8em 0;
font-size: 1.2em;
line-height: 1.5em;
}
ul, ol
{
margin: 0 0 10px 0;
padding: 0 0 0 30px;
}
ul li, ol li
{
font-size: 1.2em;
line-height: 1.5em;
}
li li
{
font-size: 1em;
}
ul.skip {display: none;}

p.logo, p.logo a, p.nzxc, h1, h1 a, p.beginning, h2.updates_home, h2.five_stage, h2.five_stage_about, h2.entry_form, h2.contact_form, h2.updates_form, h2.spread_form, h2.volunteers_form, h2.answer, h3.stage1, h3.stage2, h3.stage3, h3.stage4, h3.stage5, p.enter, p.enter a, div.panels div.register ul li, div.panels div.register ul li a
{
margin: 0;
padding: 0;
float: left;
display: block;
text-indent: -8000px;
text-decoration: none;
background: url(logo_skins.gif) no-repeat;
font-size: .05em;
line-height: .05em;
border: none;
}
h1, h2.five_stage, h2.five_stage_about, h2.entry_form, h2.contact_form, h2.updates_form, h2.spread_form, h2.volunteers_form, h2.answer
{
width: 100%;
height: 18px;
margin-bottom: 26px;
position: relative;
z-index: 10;
}
h3.stage1, h3.stage2, h3.stage3, h3.stage4, h3.stage5
{
width: 100%;
height: 22px;
margin: 10px 0 10px 0;
position: relative;
z-index: 10;
}
p.nzxc
{
width: 261px;
height: 69px;
margin: 48px 0 0 0;
background: url(nzxc.gif) no-repeat;
}
h1.race_details{background: url(titles/race_details.gif) no-repeat;}
h1.enter{background: url(titles/enter.gif) no-repeat;}
h1.faqs{background: url(titles/faqs.gif) no-repeat;}
h1.about{background: url(titles/about.gif) no-repeat;}
h1.links{background: url(titles/links.gif) no-repeat;}
h1.contact{background: url(titles/contact.gif) no-repeat;}
h1.possible{background: url(titles/possible.gif) no-repeat;}
h1.volunteers{background: url(titles/volunteers.gif) no-repeat;}
h1.forum{background: url(titles/forum.gif) no-repeat;}
h1.privacy{background: url(titles/privacy.gif) no-repeat;}
h1.updates{background: url(titles/updates.gif) no-repeat;}
h1.spread{background: url(titles/spread.gif) no-repeat;}
h1.login{background: url(titles/login.gif) no-repeat;}
h1.search{background: url(titles/search.gif) no-repeat;}
h1.refund{background: url(titles/refund.gif) no-repeat;}

h2.five_stage{background: url(titles/five_stage.gif) no-repeat;}
h2.five_stage_about{background: url(titles/five_stage_about.gif) no-repeat;margin-bottom: 4px;}
h2.entry_form{background: url(titles/entry_form.gif) no-repeat;margin-bottom: 25px;width: 278px;}
h2.contact_form{background: url(titles/contact_form.gif) no-repeat;margin-bottom: 25px;}
h2.updates_form{background: url(titles/updates_form.gif) no-repeat;margin-bottom: 25px;}
h2.spread_form{background: url(titles/spread_form.gif) no-repeat;margin-bottom: 25px;}
h2.volunteers_form{background: url(titles/volunteers_form.gif) no-repeat;margin-bottom: 25px;}
h2.answer{background: url(titles/answer.gif) no-repeat;margin-bottom: 25px;}
h3.stage1{background: url(titles/stage1.gif) no-repeat;}
h3.stage2{background: url(titles/stage2.gif) no-repeat;}
h3.stage3{background: url(titles/stage3.gif) no-repeat;}
h3.stage4{background: url(titles/stage4.gif) no-repeat;}
h3.stage5{background: url(titles/stage5.gif) no-repeat;}
h2.updates_home{background: url(titles/updates_home.gif) no-repeat;width: 152px; height: 31px; margin-bottom: 14px;}
p.beginning{background: url(titles/beginning.gif) no-repeat;width: 293px;height: 103px;margin:0 0 18px 0;}

p.enter, p.enter a
{
background: url(btn_enter.gif) no-repeat;
width: 184px;
height: 27px;
}
p.enter
{
float: right;
margin-bottom: -27px;
position: relative;
z-index: 20;
}

h1.logo, h1.logo a, p.logo, p.logo a
{
width: 477px;
height: 131px;
}

p.logo a, h1.logo a:hover{text-decoration: none;}
p.logo, h1.logo{margin: 0;}


div.header_wide, div.content_wide, div.footer_wide, div.panels_wide, div.stages_wide, div.stages_about, div.sponsors_wide
{
position: relative;
float: left;
width: 100%;
text-align: center;
margin: 0px auto 0 auto;
}
div.header_wide
{
background: #c1dba3 url(header.gif) repeat-x;
}
div.content_wide
{
border-bottom: 28px solid #3f4d3e;
}
div.panels_wide
{
background: #8da27b url(tracks.jpg) repeat-x center top;
}
div.stages_wide
{
background: #c1dba3 url(stages.gif) repeat-x;
}
div.stages_about
{stages_about.gif) repeat-x;
}
div.sponsors_wide
{
background: #eef3e3;
border-top: 1px solid #cde2b5;
}
div.header, div.content, div.footer, div.panels, div.stages, div.sponsors
{
width: 950px;
margin: auto;
text-align: left;
}

div.header_inner
{
width: 950px;
float: left;
min-height: 173px;
height: auto;
}
/*\*/
* html div.header_inner
{
height: 173px;
}
/**/

div.content_inner, div.content_form_wide, div.content_form_thin
{
width: 950px;
float: left;
padding: 29px 0 20px 0;
}
div.content_form_wide
{
background: url(orm_wide.gif) repeat-y;
}
div.content_form_thin
{
background: url(form_thin.gif) repeat-y;
}

div.content div.split_left, div.content div.split_left_wide
{
float: left;
width: 374px;
}
div.content div.split_left_wide h2.withlink a
{
float: right;
font-size: .9em;
font-weight: normal;
}
div.content div.split_left_wide div.post, div.content div.split_left_wide div.comments, div.content div.split_left_wide div.comment
{
float: left;
width: 540px;
margin: 0 0 15px 0;
border-bottom: 1px solid #3f4d3e;
}
div.content div.split_left_wide div.comments
{
width: 520px;
padding: 10px 10px 0 10px;
margin: 0;
background: #eef3e3;
border-top: 1px solid #3f4d3e;
border-bottom: 0 none;
}
div.content div.split_left_wide div.comment
{
width: 520px;
padding: 5px 0 0 0;
margin: 0;
border-top: 1px dotted #3f4d3e;
border-bottom: 0 none;
}

div.content div.split_left_wide
{
width: 540px;
}

div.content ul.possible
{
float: right;
width: 560px;
padding: 0;
margin: 0;
list-style-type: none;
}
div.content ul.possible li
{
float: left;
height: 52px;
padding: 10px 0 10px 20px;
margin: 0 auto 0 auto;
text-align: center;
}
div.content ul.possible li img
{
display: inline;
}
/*\*/
* html div.content ul.possible li img
{
display: block;
}
/**/

div.content div.split_left_wide ol
{
float: left;
width: 510px;
}
div.content div.gradient
{
float: right;
width: 328px;
margin: -29px 0 -20px 0;
background: #3f4d3e url(form.jpg) repeat-x;
padding: 30px;
min-height: 295px;
height: auto;
}
/*\*/
* html div.content div.gradient
{
height: 295px;
}
/**/

div.content div.gradient div.forum_form
{
float: left;
width: 328px;
padding: 0 0 10px 0;
margin: 0 0 15px 0;
border-bottom: 1px solid #fff;
}

div.content div.loading_off, div.content div.loading
{
float: left;
width: 328px;
}
div.content div.loading
{
background: url(loading_faqs.gif) no-repeat top right;
}

div.content div.gradient div.column, div.content div.gradient div.column_right
{
width: 152px;
float: left;
padding: 0 24px 0 0;
}
div.content div.gradient div.column_right
{
padding: 0;
}
div.content div.gradient img.paymark
{
float: right;
position: relative;
z-index: 200;
margin: -30px 0 -23px 0;
}
div.content div.gradient p.pfix
{
margin-right: -3px;
}
div.content div.gradient p.field
{
margin: 0 0 5px 0;
}
div.content div.gradient p.field img
{
float: right;
}
div.content div.gradient p, div.content div.gradient h2, div.content div.gradient h3
{
color: #e4f2d5;
width: 100%;
float: left;
}
div.content div.gradient h2.entry_form
{
width: 278px;
}
div.content div.gradient #ajax_div
{
width: 100%;
float: left;
}
div.content div.gradient p.status
{
width: 318px;
color: #ff0000;
background: #fff;
padding: 5px;
}
div.content div.gradient p.field input.input, div.content div.gradient p.field textarea, div.content div.gradient p.field select
{
background: #c1dba3;
border: 1px solid #a8bf8e;
width: 144px;
}
div.content div.gradient p.field input.alert, div.content div.gradient p.field textarea.alert, div.content div.gradient p.field select.alert
{
background: #fff;
color: #3f4d3e;
border: 1px solid #ff0000;
}
div.content div.gradient p.field textarea
{
height: 58px;
}
div.content div.gradient p.field input.wide
{
width: 322px;
}
div.content div.gradient p.field textarea.wide
{
width: 322px;
height: 100px;
}
div.content div.gradient p.field input#teamname
{
width: 322px;
}
div.content div.gradient p.field input#cvv
{
width: 42px;
}

div.content div.gradient p.field select
{
width: 150px;
padding: 3px 3px 2px 3px;
}
/*\*/
* html div.content div.gradient p.field select
{
margin-bottom: 4px;
}
/**/
div.content div.gradient p.field select.auto, div.content div.gradient p.field select.border
{
width: auto;
}

div.content div.gradient p.submit
{
background: url(btn_submit_off.gif) no-repeat top right;
margin: 0;
padding: 5px 0 0 0;
}
div.content div.gradient p.submit input.submit
{
float: right;
}
div.content div.gradient a:link, div.content div.gradient a:visited
{
color: #fff;
}
div.content div.gradient a:hover, div.content div.gradient a:active
{
color: #a3c823;
}
div.content div.gradient p.status a:link, div.content div.gradient p.status a:visited
{
color: #3f4d3e;
}
div.content div.gradient p.status a:hover, div.content div.gradient p.status a:active
{
color: #a3c823;
}
div.content div.gradient span.radio
{
float: left;
width: 35px;
}
div.content div.gradient span.info
{
width: 293px;
}
div.content div.gradient p span.star
{
color: #ff0000;
font-weight: bold;
}
div.content div.gradient p.field span.border
{
float: none;
width: auto;
border-right: 1px solid #3f4d3e;
}
div.content div.gradient h3 small
{
font-weight: normal;
}
div.content div.gradient div.appear
{
float: left;
width: 328px;
padding: 20px 0 0 0;
}

div.content_subnav
{
float: right;
width: 758px;
}
div.content div.content_subnav div.split_left
{
float: left;
width: 374px;
}

div.content div.content_subnav div.split_right
{
float: right;
width: 374px;
}

div.content_subnav div.stage_sponsor
{
margin-top: -42px;
height: 32px;
float: right;
position: relative;
z-index: 20;
}
div.content_subnav div.stage h3
{
position: relative;
z-index: 10;
}
div.content_subnav div.stage_bar
{
width: 758px;
float: left;
height: 9px;
border-bottom: 1px solid #a3c823;
margin: 0 0 15px 0;
}
div.content_subnav div.stage_progress
{
float: left;
height: 9px;
text-indent: -8000px;
text-decoration: none;
font-size: .05em;
line-height: .05em;
background: #a3c823;
}
div.content_subnav div.stage p
{
width: 758px;
float: left;
}
div.content_subnav div.stage ul.more
{
list-style-type: none;
padding: 0;
margin: 0 0 15px 0;
float: right;
}
div.content_subnav div.stage ul.more li
{
font-weight: bold;
}

div.three_way, div.three_way_right
{
float: left;
width: 293px;
padding: 0 34px 0 0;
}
div.three_way_right
{
padding: 0;
}
div.three_way img
{
float: left;
}




div.panels div.panel
{
float: left;
width: 182px;
min-height: 289px;
padding: 0 10px 0 0;
height: auto;
}
/*\*/
* html div.panels div.panel
{
height: 289px;
}
/**/

div.panels div.register
{
float: right;
padding: 20px 15px 10px 15px;
background: #dfead2;
width: 152px;
border-bottom: 1px solid #9fab97;
min-height: 258px;
height: auto;
}
/*\*/
html div.panels div.register
{
height: 258px;
}
/**/

div.panels div.loading_off, div.panels div.loading
{
float: left;
width: 152px;
margin-bottom: 8px;
}
div.panels div.loading
{
background: url(images/loading.gif) no-repeat 0 90%;
}

div.panels div.register ul
{
width: 152px;
float: left;
list-style-type: none;
padding: 0;
margin: 0 0 7px 0;
}
div.panels div.register ul li, div.panels div.register ul li a
{
float: left;
width: 152px;
height: 17px;
background: url(images/icon_rss_home.gif) no-repeat;
}
div.panels div.register p
{
width: 152px;
float: left;
margin: 0;
line-height: 1.6em;
}
div.panels div.register p.field, div.panels div.register p.status
{
margin: 0 0 7px 0;
font-size: 1.1em;
}
div.panels div.register p.status
{
color: #ff0000;
}
div.panels div.register p.field input.input
{
width: 146px;
}
div.panels div.register p.submit
{
text-align: right;
}
div.panels div.register p.submit input
{
width: 92px;
height: 27px;
}



div.panels div.panel div.fade_active
{
position: absolute;
}
div.panels div.panel div.fade_image
{
visibility: hidden;
position: absolute;
}
div.panels div.panel img
{
position: relative;
z-index: 10;
}
div.panels div.panel h2
{
float: left;
height: 289px;
width: 182px;
position: absolute;
z-index: 20;
margin: 0;
padding: 0;
text-indent: -8000px;
}
div.panels div.panel h2 a
{
float: left;
height: 289px;
width: 182px;
}
div.panels div.panel h2.race_details, div.panels div.panel h2.race_details a{background: url(images/panel_race_details.gif) no-repeat 0 214px;}
div.panels div.panel h2.race_rules, div.panels div.panel h2.race_rules a{background: url(images/panel_race_rules.gif) no-repeat 0 214px;}
div.panels div.panel h2.recommend, div.panels div.panel h2.recommend a{background: url(images/panel_recommend.gif) no-repeat 0 214px;}

div.stages div.stage1, div.stages div.stage2, div.stages div.stage3, div.stages div.stage4, div.stages div.stage5
{
float: left;
width: 182px;
padding: 11px 10px 0 0;
}

div.stages div.stage1
{
background: url(images/stage_1_home.gif) no-repeat
}
div.stages div.stage2
{
background: url(images/stage_2_home.gif) no-repeat
}
div.stages div.stage3
{
background: url(images/stage_3_home.gif) no-repeat
}
div.stages div.stage4
{
background: url(images/stage_4_home.gif) no-repeat
}
div.stages div.stage5
{
padding-right: 0;
background: url(images/stage_5_home.gif) no-repeat
}

div.stages div.stage_sponsor
{
float: left;
width: 172px;
height: 38px;
padding: 0 10px 0 0;
}
div.stages div.stage_sponsor img
{
float: right;
}

div.stages div.stage_bar
{
float: left;
width: 182px;
height: 18px;
}
div.stages div.stage_progress
{
float: left;
height: 8px;
text-indent: -8000px;
text-decoration: none;
font-size: .05em;
line-height: .05em;
background: #a3c823;
}
div.stages div p
{
color: #dce8c3;
width: 172px;
float: left;
padding: 0 10px 0 0;
margin: 0;
font-size: 1.1em;
line-height: 1.4em;
min-height: 80px;
height: auto;
}
/*\*/
* html div.stages div p
{
height: 80px;
}
/**/
div.stages div p strong
{
color: #a3c823;
}

div.stages div ul
{
float: left;
width: 182px;
padding: 0;
list-style-type: none;
margin: 0;
}
div.stages div ul li
{
float: left;
width: 178px;
line-height: 1.1em;
text-align: right;
}
div.stages div ul li a
{
float: left;
width: 178px;
padding: 8px 0 8px 0;
}
div.stages div ul li a:link, div.stages div ul li a:visited
{
color: #3f4d3e;
text-decoration: none;
}
div.stages div ul li a:hover, div.stages div ul li a:active
{
color: #3f4d3e;
text-decoration: underline;
}


div.sponsors_inner
{
width: 950px;
float: left;
padding: 15px 0 15px 0;
color: #3f4d3e;
}
div.sponsors_inner p, div.sponsors_inner ul
{
width: 950px;
float: left;
margin: 0;
padding: 0;
}
div.sponsors_inner ul
{
padding: 10px 0 0 0;
list-style-type: none;
}
div.sponsors_inner ul li
{
float: left;
padding: 0 36px 0 0;
}
div.sponsors_inner ul li.last
{
padding: 0;
}


div.footer_wide
{
border-top: 1px solid #e1e4dc;
}
div.footer_inner
{
padding: 10px 0 20px 0;
width: 950px;
float: left;
}
div.footer ul
{
float: left;
width: 950px;
padding: 4px 0 4px 0;
margin: 0;
list-style-type: none;
}


div.footer ul li
{
float: left;
font-size: 1.1em;
line-height: 1.1em;
padding: 0 6px 0 6px;
margin: 0;
color: #3f4d3e;
border-right: 1px solid #3f4d3e;
}
div.footer ul li.home
{
padding-left: 0;
}
div.footer ul li.privacy
{
padding-left: 0;
}
div.footer ul li.terms, div.footer ul li.contact
{
border-right: 0 none;
padding-right: 0;
}
div.footer ul li.copyright
{
float: right;
}
div.footer ul li.swordfox
{
float: right;
padding-right: 0;
border-right: 0 none;
}
div.footer ul li a:link, div.footer ul li a:visited
{
color: #3f4d3e;
text-decoration: none;
}
div.footer ul li a:hover, div.footer ul li a:active
{
color: #3f4d3e;
text-decoration: underline;
}

abbr:hover, acronym:hover, span.abbr:hover
{
cursor: help
}
abbr, acronym, span.abbr
{
border-bottom: 1px dotted #3f4d3e;
cursor: help;
}


div.tip, div.tip-outer
{
color: #fff;
width: 140px;
z-index: 100000;
}
 
div.tip-top, div.tip-bottom
{
margin: 0;
float: left;
width: 140px;
height: 5px;
text-indent: -8000px;
text-decoration: none;
font-size: .05em;
line-height: .05em;
filter: alpha(opacity=80);
-moz-opacity: 0.80;
opacity:0.8;
background: url(images/tip_top.png) no-repeat;
}
div.tip-bottom
{
background: url(images/tip_bottom.png) no-repeat;
}

/*\*/
* html div.tip-top
{
background: url(images/tip_top.gif) no-repeat;
}
* html div.tip-bottom
{
background: url(images/tip_bottom.gif) no-repeat;
}
/**/
 
div.tip-title
{
float: left;
font-size: 1.1em;
line-height: 1.3em;
width: 124px;
padding: 3px 8px 3px 8px;
background: #3f4d3e;
color: #fff;
text-align: left;
filter: alpha(opacity=80);
-moz-opacity: 0.80;
opacity:0.8;
overflow: hidden;
}