@charset "utf-8";
/* CSS Document */

/* RESET STYLES */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}

/* remember to define focus styles! */

:focus {
	outline: 0;
}

body {
	line-height: 1;
	color: black;
	background: white;
}

ol, ul {
	list-style: none;
}

/* tables still need 'cellspacing="0"' in the markup */

table {
	border-collapse: separate;
	border-spacing: 0;
}

caption, th, td {
	text-align: left;
	font-weight: normal;
}

blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}

blockquote, q {
	quotes: "" "";
}

/* LAYOUT */

body{
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 14px;
	color: #333333;
	background: #0D3042 url(images/background_body.png) repeat;
}

.clear{
	clear: both;
}

#body_gradient{
	background: url(images/background_body_grad.png) repeat-x;
}

#body_wings{
	width: 1069px;
	margin: 0 auto;	
	padding: 0px 0px 0px 64px;
	background: url(images/background_wings.gif) no-repeat 0px 354px;
}

#body_wings_int{
	width: 1069px;
	margin: 0 auto;	
	padding: 0px 0px 0px 65px;
	background: url(images/background_wings_interior.gif) no-repeat 0px 244px;
}

#page{
	width: 1000px;
	margin: auto;
	background: #FFF;
}

#navigation{
	height: 78px;
	background: #044C64;
	clear: both;
}

#navigation ul{
	clear: both;
}

#navigation ul li{
	float: left;
}

#navigation ul li a, #navigation ul li a:link, #navigation ul li a:active, #navigation ul li a:visited{
	height: 38px;
	padding: 30px 0px 10px 0px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 20px;
	color: #FFF;
	text-decoration: none;
	text-transform: uppercase;
	text-align: center;
	background: url(images/background_navigation.png) repeat-x 0px 0px;
	border-left: solid 1px #215464;
	border-right: solid 1px #034358;	
	overflow: hidden;
	display: block;
}

#navigation ul li a:hover{
	border-left-color: #37DDE5;
	border-right-color: #37DDE5;
	background: #37DDE5 url(images/background_navigation.png) repeat-x 0px -78px;
}

 #navigation ul li.drophover a{
	border-left-color: #37DDE5 !important;
	border-right-color: #37DDE5 !important;
	background: #37DDE5 url(images/background_navigation.png) repeat-x 0px -78px !important;
}

#navigation ul li.home a{
	width: 124px;
	border-left: none;
}

#navigation ul li.events a{
	width: 137px;
}

#navigation ul li.goldmedal a{
	width: 321px;	
}

#navigation ul li.results a{
	width: 148px;
}

#navigation ul li.faq a{
	width: 100px;
}

#navigation ul li.contact a{
	width: 160px;
	border-right: none;	
}

#navigation ul li.activepage a{
	border-left-color: #15CFD9;
	border-right-color: #15CFD9;
	background: #15CFD9 url(images/background_navigation_hover.png) repeat-x;	
}

#navigation ul li ul#droplinks{
	width: 735px;
	z-index: 1;
	margin-left: 0px;
	position: absolute;
	visibility: hidden;
	background: #5FE3EB url(images/background_dropdown.png);	
	display: block;
}

#navigation ul li ul#droplinks li{
	float: left;
}

#navigation ul li ul#droplinks li a{
	width: auto !important;
	height: auto !important;
	margin: 6px !important;
	padding: 10px !important;
	font-size: 18px !important;
	border: none !important;
	background: none !important;
	display: block !important;
}

#navigation ul li ul#droplinks li a:hover{
	background: #87EDF2 !important;
}

#header{
	height: 375px;
	background: #FFFFFF url(images/background_header.png) no-repeat 0px 0px;
	clear: both;
}

#header #logo{
	width: 454px;
	padding: 53px 0px 0px 46px;
	background: url(images/background_logo.gif) no-repeat 0px 123px;
	float: left;
}

#header #about{
	width: 500px;
	float: right;
}

#header #about #timer{
	width: 435px;
	height: 70px;
	margin: 30px 55px 0px 0px;
	background: url(images/background_timer.gif) no-repeat 0px 0px;
	overflow: hidden;	
	float: right;
}

#header #about #timer #caption, #header #about #timer #time{
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 18px;
	color: #FFF;
	text-transform: uppercase;
}

#header #about #timer #caption{
	height: 23px;	
	padding: 12px 0px 0px 52px;
}

#header #about #timer #time{
	height: 27px;
	padding: 8px 0px 0px 52px;	
}

#header #about #title{
	width: 425px;
	height: 146px;
	margin: 30px 65px 0px 0px;
	overflow: hidden;
	float: right;
}

#header #about #button{
	width: 187px;
	height: 35px;
	margin: 30px 185px 0px 0px;
	overflow: hidden;
	float: right;
}

#header #about #button a, #header #about #button a:link, #header #about #button a:active, #header #about #button a:visited{
	width: 187px;
	height: 35px;
	background: url(images/button_registeronline.png) no-repeat 0px 0px;
	overflow: hidden;
	display: block;
}

#header #about #button a:hover{
	background: url(images/button_registeronline.png) no-repeat 0px -35px;
}

#header_int{
	height: 236px;
	background: #FFFFFF url(images/background_header_interior.png) no-repeat 0px 0px;
	clear: both;
}

#header_int #logo_int{
	width: 300px;
	padding: 15px 0px 0px 46px;
	background: url(images/background_logo_interior.gif) no-repeat 0px 123px;
	float: left;
}

#header_int #about_int{
	width: 500px;
	float: right;
}

#header_int #about_int #title_int{
	width: 425px;
	height: 146px;
	margin: 30px 25px 0px 0px;
	overflow: hidden;
	float: right;
}

#header_int #about_int #button_int{
	width: 187px;
	height: 35px;
	margin: 15px 145px 0px 0px;
	overflow: hidden;
	float: right;
}

#header_int #about_int #button_int a, #header_int #about_int #button_int a:link, #header_int #about_int #button_int a:active, #header_int #about_int #button_int a:visited{
	width: 187px;
	height: 35px;
	background: url(images/button_registeronline.png) no-repeat 0px 0px;
	overflow: hidden;
	display: block;
}

#header_int #about_int #button_int a:hover{
	background: url(images/button_registeronline.png) no-repeat 0px -35px;
}

#container{
	background: url(images/background_container.png) repeat-y;
}

#container_gradient{
	background: url(images/background_container_grad.png) no-repeat 0px 100%;	
}

#container_bottom{
	background: url(images/background_container_bottom.png) no-repeat 100% 100%;		
	clear: both;
}

#sidebar{
	width: 212px;
	padding: 40px 0px 40px 0px;
	background: url(images/background_sidebar.png) no-repeat 0px 0px;
	float: left;
}

#sidebar_int{
	width: 212px;
	padding: 40px 0px 40px 0px;
	background: url(images/background_sidebar_interior.png) no-repeat 0px 0px;
	float: left;
}


.sponsor{
	margin: 15px 0px 15px 0px;
	text-align: center;
}

#content{
	width: 732px;
	padding: 80px 28px 20px 28px;
	background: url(images/background_content.png) no-repeat 0px 0px;
	float: right;
}

#content_int{
	width: 732px;
	padding: 45px 28px 20px 28px;
	background: url(images/background_content_interior.png) no-repeat 0px 0px;
	float: right;
}

#footer{
	height: 122px;
	background: url(images/background_footer.png) no-repeat 0px 100%;
	clear: both;
}

#footer #copyright{
	width: 280px;
	margin: 45px 0px 0px 40px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 16px;
	color: #FFF;
	line-height: 18px;
	text-align: center;
	float: left;
}

#footer #copyright a, #footer #copyright a:link, #footer #copyright a:active, #footer #copyright a:visited{
	color: #FFF;
	text-decoration: none;
}

#footer #copyright a:hover{
	text-decoration: underline;
}

#footer #ftlinks{
	width: 500px;
	margin: 70px 40px 0px 0px;
	float: right;
}

#footer #ftlinks #ftmenu{
	font-size: 13px;
	color: #FFF;
	text-align: right;
}

#footer #ftlinks #ftmenu a, #footer #ftlinks #ftmenu a:link, #footer #ftlinks #ftmenu a:active, #footer #ftlinks #ftmenu a:visited{
	color: #FFF;
	text-decoration: none;
}

#footer #ftlinks #ftmenu a:hover{
	text-decoration: underline;
}

#footer #ftlinks #wbdesign{
	margin: 7px 0px 0px 0px;
	font-size: 11px;
	color: #FFF;
	text-align: right;
}

/* COMPONENTS */

#slider{
	margin: 20px 0px 15px 0px;		
	background-color:#F3F3F3; 
	border: solid 1px #E0E0E0;
}

#slider #frame{
	padding: 8px;
	border: solid 1px #FFFFFF;
}

#photoby{
	margin: -8px 0px 30px 0px;		
	clear: both;
}

#photoby .photoauthor{
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 11px;
	float: left;
}

#photoby #hr_star{
	width: 11px;
	height: 11px;
	margin: 2px 10px 2px 10px;
	background: url(images/icon_star.png) no-repeat 0px 0px;
	float: left;
}

#socialbuttons{
	width: 707px;
	margin: auto;	
	clear: both;
}

#socialbuttons #blog_button, #socialbuttons #facebook_button{
	width: 313px;
	height: 90px;
	float: left;
}

#socialbuttons #blog_button{
	margin: 0px 5px 0px 0px;
}

/* TYPOGRAPHY */

a, a:link, a:active, a:visited{
	color: #0DAEB8;
}

a:hover{
	color: #11E1EC;
}

hr{
	margin: 15px 0px 15px 0px;
	border: none;
	border-bottom: dotted 1px #CCCCCC;
}

#content h1, #content_int h1{
	margin: 20px 0px 10px 0px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 28px;
	color: #166989;
	font-weight: normal;	
}

#content h2,  #content_int h2{
	margin: 20px 0px 15px 0px;	
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 22px;
	color: #0DAEB8;
	font-weight: normal;	
}

#content h3,  #content_int h3{
	margin: 10px 0px 10px 0px;	
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 18px;
	font-style: italic;
	color: #0DAEB8;
	font-weight: normal;	
}

#content p,  #content_int p{
	margin: 15px 0px 15px 0px;
	line-height: 20px;	
}

#content_int ul{
	margin: 20px 0px 20px 50px;
}

#content_int ul li{
	line-height: 25px;
	list-style: circle;
}

#content_int ul.faq{
	font-family: Georgia, "Times New Roman", Times, serif;
}

#content div.hr,  #content_int div.hr{
	width: 732px;
	height: 40px;
	background: url(images/hr.png) no-repeat 0px 0px;
}

#content_int .eventcaption, #content_int .contactcaption{
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 16px;
	line-height: 26px;
}

#content_int .eventplace, #content_int .contactadress{
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 13px;
	font-style: italic;
	line-height: 24px;
}

#content_int .eventtime{
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 16px;
	color: #187192;
	font-style: italic;
	line-height: 26px;		
}


/* FORM */