@charset "UTF-8";
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}ol,ul {list-style:none;}caption,th {text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym {border:0;}

* { margin:0; }

body {
	background:#333 url(../imgs/bg.jpg) repeat-x 0 0;
	font: 100% "Lucida Grande", "Trebuchet MS", sans-serif;
	text-align: center;
	margin: 0px;
	padding: 0px;
}
a {
	color: #39C;
	text-decoration:none;
}
a:active { outline: none; }
a:focus { -moz-outline-style: none;  }
a:hover { text-decoration: underline; }
.mainNav a { color:#034; text-decoration:none; font-weight:bold; }
.clearfloat { clear:both; height:0; font-size:1px; line-height:0px; }

h1 {display:block; width:780px; margin: 0 auto; text-align:left; font-size:30px;font-weight:bold; text-align:center; }
h1 a {text-indent:-1000em; background: url(../imgs/logo.gif) no-repeat 0% 0%; display:block; width: 364px; height: 83px; border: none !important; margin: 0; }
h2{
	font-size: 22px;
	font-weight: bold;
	color:#F90;
	margin:0 0 0.5em 0;
}
h3 {font-size: 16px;
	font-weight: bold;
	color:#39C;
	margin:2em 0 1em 0;
	padding: 0 0 0.35em 0;
	display:block;
	border-bottom: 1px dotted #aaa;
}
h4 {
	font-size: 12px;
	font-weight: bold;
	color:#555;
	margin:2.5em 0 0.3em 0;
}
h5 {
	font-size: 10px;
	font-weight: bold;
	color:#777;
	margin:1em 0 0.4em 0;
}


p {font: 12px "Trebuchet MS", sans-serif; margin:0 0 1.5em 0; line-height:150%; font-weight:normal; }

strong {font-weight:bold;}

.container, .footer, .sponsors {
	text-align: left;
	margin: 0 auto;
	padding: 0px;
	width: 900px;
	color: #FFF;
}
.container {margin: 20px auto;}
.header { margin:0;}

.sidebar {
	width:250px; padding:0 10px;
	float:left;
}
.sidebar>div,.sidebar>img{margin-bottom:15px;}
#mainNav {font-size:12px; margin-bottom:20px;}
#mainNav ul {margin: 40px auto; text-align:center;}
#mainNav li {display:inline; margin: 1em;}
.content { background:#FFF; color:#000; padding: 15px 0 20px 0; float: left; width:900px;}

.main_content { margin: 0 10px 15px 270px; padding:20px; background:#CCC url(../imgs/621_breadcrumb_bot.gif) 0% 100% no-repeat; border-top: 1px solid #ddd;  }
.breadcrumb { margin: 0 10px 0 270px; border-bottom: 1px solid #aaa; padding: 7px 20px; font-size:10px; color:#bbb; background:#CCC url(../imgs/621_breadcrumb_top.gif) 0% 0% no-repeat; }
#home .breadcrumb { background:#CCC url(../imgs/440_breadcrumb_top.gif) 0% 0% no-repeat; }
.breadcrumb a { color:#aaa; }

#home .main_content, #home .breadcrumb { margin:0; width:400px; float:left; }
#home .main_content { margin-bottom: 15px; background:#CCC url(../imgs/440_breadcrumb_bot.gif) 0% 100% no-repeat;}
#home .right_sidebar {float:right; width: 170px; clear:none; margin:-28px 10px 0 10px;}


.footer {background: #333; clear:both; padding: 20px 0; color:#034; text-align:center; font-size:10px; background:#789; border-top: 1px solid #bcd; }
.footer a { color:#9CF; }

.hero_img {float: right; margin: 0 0 15px 15px;}
.volunteers {background:#9BAEC3 url(../imgs/250_volunteers_top.gif) 0% 0% no-repeat; padding:20px;}
.volunteers .vol_bot {background: url(../imgs/250_volunteers_bot.gif) 0% 0% no-repeat; display:block; height:14px; width:250px; margin: -20px;}

#home .news_feed {background:#9BAEC3 url(../imgs/170_volunteers_top.gif) 0% 0% no-repeat; position:absolute; top:322px; width:170px;}
#home .news_feed .news_bot {background: url(../imgs/170_volunteers_bot.gif) 0% 0% no-repeat; display:block; border-top: 1px solid #B9C6D5; height:14px; width:170px; }

.sponsors_logos { margin: 10px 0 25px 0; }

.enter_online a {width:250px; height: 200px; background:url(../imgs/enter_online.jpg) 0% 0% no-repeat; display:block;}
.enter_online a:hover {background-position: 0% 100%;}
.enter_online a * {display:none;}
.latest_results a {width:250px; height: 75px; background:url(../imgs/latest_results.jpg) 0% 0% no-repeat; display:block;}
.latest_results a:hover {background-position: 0% 100%; text-decoration: none;}
.latest_results a span {display:none;}
.latest_results a em { font-size: 10px; color:#82D3EC; margin: 55px 0 0 0px; display:block; width: 250px; text-align:center; float:left; }
.latest_results a:hover em {color:#C9E2EC;}
.res_file_size {color:#666;}

.flash_message {color:#900; text-align:center; padding: 20px 0 0 0;}

.event_organised a {width:250px; height: 170px; background:url(../imgs/event_organised.jpg) 0% 0% no-repeat; display:block;}
.event_organised a:hover {background-position: 0% 100%;}
.event_organised a * {display:none;}
#bot_sponsors {height:110px; clear:both; background-color:#474747; border-bottom: 1px solid #111;}
#terms ol { list-style: decimal; }
.dd_table, .std_table {font-size:11px;}
.dd_table td, .std_table td {padding:4px 2px;}
.dd_table th, .std_table th {font-weight:bold; padding:4px 2px;}
p.event_note {padding-top: 1.2em; font-size:10px; color:#444;}

#contact label { font-weight:bold; padding: 5px 5px 5px 0; font-size: 0.8em; line-height:1em; float:left; width: 80px; }
#contact input, #contact textarea, #contact .antiSpamImg {width: 450px; margin:0 0 10px 10px; padding: 5px; background: #FFF; border: 1px solid #aaa; font: 0.7em Verdana, Arial, Helvetica, sans-serif; color: #666; float:left;}
#contact input:hover, #contact input:focus, #contact textarea:hover, #contact textarea:focus { background: #EEE; border: 1px solid #999; color: #000; }
#contact .submit_but, #contact .reset_but { width: 85px; padding: 3px; margin: 5px 10px 0 0; font-weight: bold; cursor:pointer; font-size:9px; background:#999; border: 1px solid #000;}
#contact .submit_but { margin-left: 95px;}
input#antiSpam { width: 375px; float:left; padding:6px; padding-top:5px;}
#contact .antiSpamImg {width:50px; margin-right:0px; float:left;}

#terms ol li {margin: 0 0 1.5em 20px; font-size:12px; line-height: 1.5em;}
a.top_link {font-size:10px; text-align:right; color:#999; display:block; margin: 15px 0 50px 0; padding: 5px 10px; border-top: 1px dotted #bbb;}
.file_icon,.rss_icon {margin: 0 0.5em 0 0;}
.race_prog {margin: 0 0 0 20px;}
.video_holder {padding:10px; border: 4px solid #aaa; background:#fff;}
#sponsors h3 {text-align:center;}
.name_sponsors { margin: 15px 0 30px 0; }
/*.maj_sponsors { margin: 15px 95px 50px 0; }
.sup_sponsors { margin: 15px 90px 50px 0; }
.af_sponsors { margin: 15px 40px 20px 0; }*/

.maj_sponsors,.sup_sponsors,.af_sponsors { display:inline-block; text-align:center; width:32%; margin: 30px 0; }

ul li { list-style:inside disc; font-size:12px; }

.news_feed h4 {font-size:14px; border-bottom: 1px solid #8292A4; padding: 10px 15px; margin:0; color: #FFF}
h5.newsTitle {font-size:12px; border-top: 1px solid #B9C6D5; padding: 10px 15px 0 15px;margin:0;}
.newsDate {font-size:9px; color:#8292A4; padding: 0 15px;margin:0;}
.newsContent {font-size:10px; padding: 0 0 1.5em 0; border-bottom:1px solid #8292A4; padding: 10px 15px;margin:0;}
.news_feed a { color:#036;; }
.news_page_Date { font-size:10px; color:#999; padding: 0 0 1em 0; }
.news_page_Content { font-size:12px; color:#222; padding: 0 0 1em 0; }

.sent_message {padding: 5px 0 5px 10px; color:#444; font-size:11px; }

#survey .survey_question { font-size:15px; font-weight:bold; margin: 1em 0 0.2em 0; color:#333; }
#survey input { float:none; }
#survey form label { font-size:11px; color:#333; margin: 3px; float:none; }
#survey .formLine { margin-bottom: 2em;}
#survey .surv_instructions { font-size:70%; color:#888;}
.highlight{ color: #39C; }
.postEventSurveyBanner { text-indent:-5000px; font-size:1px;}
.postEventSurveyBanner a { display: block; width:440px; height:192px; float:left; background-image:url(../imgs/homepage_banner.gif); background-position: 0% 0%; margin-bottom: 10px;}
.postEventSurveyBanner a:hover { background-position: 0% -100%; }
.surv_disclaimer { color:#666; font-style:italic;}
.smTrainingBanner { text-indent:-5000px; font-size:1px; display: block; width:457px; height:208px; float:left; background-image:url(../imgs/sm_training_banner.png); background-position: 0% 0%; margin-bottom: 10px;  margin-left: -16px; margin-top: -16px; }

.slideshow { margin:0 0 1em 0; }
.banner { margin: 0 0 10px 0; text-align:center; }
.banner img { border:solid 1px #DDD; }