@import ("reset.css");

* {
	margin:0;
	padding:0;
}
body { color: #594740; font-size:62.5%; font-family: Helvetica, Arial, SunSans-Regular, sans-serif; line-height:150%; background-color: #d5b288; background-image: url(../images/bg.jpg); background-repeat: repeat-x; text-align:center; margin: 0; padding: 0; }
h1 { font-size: 2.1em; font-weight: bold; line-height: 1.2em; margin-bottom: 20px; }
h2 { font-size: 1.8em; font-weight: bold; color: #594740; line-height: 1.2em; background-image: url(../images/fading_dotline.gif); background-repeat: no-repeat; background-position: 0 19px; clear: both; margin-bottom: 10px; padding-bottom: 5px; }
	
h3 { color: #6e6e6e; font-size: 1.4em; font-weight: bold; line-height: 1.2em; margin-bottom: 15px; }
h4 { color: #229245; font-size: 1.4em; font-weight: bold; line-height: 1.6em; margin-bottom: 8px; }
h5 { color: #828282; font-size: 1em; }
h6 { color: #461b40; font-size: 1.4em; font-weight: bold; margin-bottom: 4px; }
p, li {font-size:1.2em;}
p { margin: 0 0 15px; padding:0; }
li { list-style:none; }
img {border:0;}
a:link, a:visited, a:active { color: #229245; text-decoration: underline; }
a:hover { color: #4eb92e; text-decoration: none; }
fieldset { border-style: hidden; border-width: 0; }

/* 
	Background and containers
	--------------------------------------------------------------------
*/
div#container { margin:20px auto 0; text-align:left; width:858px; }
div#pageholder { background-image: url(../images/main_bg.gif); background-repeat: repeat-y; width: 100%; overflow: hidden; display: block; }
div#pagebody { background-image: url(../images/inner_bg.gif); background-repeat: repeat-y; background-position: 13px 0; width: 100%; overflow: hidden; display: block; }
/* 
	Header 
	--------------------------------------------------------------------
*/

div#header { background-image: url(../images/header.gif); background-repeat: no-repeat; width:858px; height: 202px; }
div#header a { width: 260px; height: 162px; overflow: hidden; padding-top: 17px; padding-left: 13px; display: block; }
/*Left Column*/
div#left { position: relative; left: 21px; width: 166px; overflow: hidden; float: left; }
div#left .leftmenu { z-index: 1; margin-bottom: 30px; }
div#left div#event_menu { background-image: url(../images/left_menu_select.gif); background-repeat: no-repeat; width: 119px; height: 31px; z-index: 50; margin-bottom: 20px; padding-top: 11px; padding-left: 11px; }
div#left div#event_menu div.event { display: none; }
div#left div#event_menu div.event form select { font-size: 1.2em; width: 108px; overflow: visible; margin-bottom: 4px; }
div#left div#event_menu div.event form select option { margin-bottom: 6px; }
div#left div#event_menu div.event form input#submitevent { width: 40px; }

div#left div#btn_blog { width: 132px; height: 45px; margin-bottom: 20px; }
div#left div#btn_blog a { background-image: url(../images/btn_news_blog.gif); background-repeat: no-repeat; background-position: 0 0; width: 132px; height: 45px; overflow: hidden; display: block; }
div#left div#btn_blog a:hover { background-position: -132px 0; }

div#left div#btn_wanted { width: 132px; height: 88px; margin-bottom: 20px; }
div#left div#btn_wanted a { background-image: url(../images/btn_wanted.gif); background-repeat: no-repeat; background-position: 0 0; width: 132px; height: 88px; overflow: hidden; display: block; }
div#left div#btn_wanted a:hover { background-position: -132px 0; }

div#left div#email { background-image: url(../images/left_menu_email.gif); background-repeat: no-repeat; width: 119px; height: 56px; z-index: 50; margin-bottom: 20px; padding-top: 78px; padding-left: 11px; }
div#left div#email form input { font-size: 1.1em; width: 108px; overflow: visible; margin-bottom: 4px; }
div#left div#email form input#submitemail { width: 40px; }


div#left .leftmenu ul { z-index: 3; margin-bottom: 20px; margin-left: 2px; }
div#left .leftmenu li { margin-bottom: 12px; }
div#left .leftmenu li a { background-repeat: no-repeat; background-position: 0 0; text-decoration: none; width: 136px; height: 18px; display: block; }
div#left .leftmenu li a.current { background-position: -272px 0; }
div#left .leftmenu li a:hover { background-position: -136px 0; }
div#left .leftmenu li.home a { background-image: url(../images/left_menu_home.gif); }
div#left .leftmenu li.format a { background-image: url(../images/left_menu_event.gif); }
div#left .leftmenu li.fourcross a { background-image: url(../images/left_menu_fourcross.gif); }
div#left .leftmenu li.dates a { background-image: url(../images/left_menu_dates-prices.gif); }
div#left .leftmenu li.results a { background-image: url(../images/left_menu_results.gif); }
div#left .leftmenu li.photos a { background-image: url(../images/left_menu_photos.gif); }
div#left .leftmenu li.news a { background-image: url(../images/left_menu_news.gif); }
div#left .leftmenu li.sponsors a { background-image: url(../images/left_menu_sponsors.gif); }
div#left .leftmenu li.partners a { background-image: url(../images/left_menu_partners.gif); }
div#left .leftmenu li.crew a { background-image: url(../images/left_menu_crew.gif); }
div#left .leftmenu li.weekday a { background-image: url(../images/left_menu_weekday.gif); }
div#left .leftmenu li.contact a { background-image: url(../images/left_menu_contact.gif); }
div#left .leftmenu div#register { width: 132px; height: 64px; margin-bottom: 20px; }
div#left .leftmenu div#register a { background-image: url(../images/left_menu_register.gif); background-repeat: no-repeat; background-position: 0 0; width: 132px; height: 64px; overflow: hidden; display: block; }
div#left .leftmenu div#register a:hover { background-position: -132px 0; }
div#left .quotepanel { background-image: url(../images/left_panel_grey.gif); background-repeat: repeat-y; width: 169px; padding: 10px 10px 5px; }
div#left .quotepanel p { color: #2b2b2b; font-size: 1.4em; line-height: 1.3em; letter-spacing: -1px; margin-bottom: 8px; }
div#left .quotepanel img.leftpic { margin-top: 3px; float: left; clear: both; margin-right: 8px; }
div#left .quotepanel img.rightpic { float: right; clear: both; margin-left: 15px; }
div#left .iconpanel { padding-left: 30px; }
div#left .iconpanel a { background-image: url(../images/left_col_icons.jpg); width: 158px; height: 133px; display: block; }
/* 
	Main column 
	--------------------------------------------------------------------
*/
div#main { width: 502px; float: left; }
div#main cite { font-size: 70%; font-style: normal; }
div#main div.flickr { float:left; width: 220px; height: 240px; overflow:hidden; margin-bottom: 40px; display: block; }
div#main div.flickr p { font-size: 1em; margin-bottom: 8px; }
div#main div#flickr_left { margin-right: 20px; }
div#main div.flickr img { width: 220px; height: auto; }
div#main div.content { padding-right: 22px; padding-left: 11px; }
div#main div#dates h2 { margin-bottom: 5px; padding-bottom: 0; }
div#main div#events h1 { margin-bottom: 8px; padding-bottom: 0; }
div#main div#contact_info h2 { margin-bottom: 8px; padding-bottom: 0; }
div#main div#contact_info ul.nobullet { margin-bottom: 30px; }
div#main div#dates p.note { font-style: italic; margin-bottom: 40px; }
div#main div.event_dates { margin-bottom: 20px; }
div#main div.event_dates h3 { margin-bottom: 0px; }
div#main div#dates table.date_table + h3 { padding-top: 20px;}
div#main div#dates table.date_table 
{ font-size: 1.2em; vertical-align: top; width: 100%; margin-bottom: 10px; border-color: #9e9e9e; border-style: solid none none; border-width: 1px 0 0; border-collapse: collapse; border-spacing: 0px; }

div#main div#dates table.date_table td { padding: 6px; text-align: left; vertical-align: top; border-right: 1px solid #9e9e9e; border-bottom: 1px solid #9e9e9e; border-left: 1px solid #9e9e9e; }

div#main div#dates table.date_table th { font-size: 1.1em; font-weight: bold; background-color: #d5dc87; text-align: left; vertical-align: top; padding: 7px 6px; border-right: 1px solid #9e9e9e; border-bottom: 1px solid #9e9e9e; }
div#main div#dates table.date_table th.category { border-left: 1px solid #9e9e9e; min-width: 70px; }
div#main div#dates table.date_table th.register { color: #000; background-color: #fff200; border-left: 1px solid #9e9e9e; }
div#main div#dates table.date_table td.category { white-space: nowrap; min-width: 70px; }
div#main div#dates table.date_table td.register { background-color: #fffcbf; border-left: 1px solid #9e9e9e; white-space: nowrap; }
div#main div#dates table.date_table td.register_comp { background-color: #e78424; white-space: nowrap; border-left: 1px solid #9e9e9e; }

div#main div#dates table#weekday { border-left: 1px solid #9e9e9e; }

div#main table.series_table 
{ font-size: 1.2em; vertical-align: top; width: 100%; margin-bottom: 10px; border-color: #9e9e9e; border-style: solid none none; border-width: 1px 0 0; border-collapse: collapse; border-spacing: 0px; }

div#main table.series_table td { padding: 6px; text-align: left; vertical-align: top; border-right: 1px solid #9e9e9e; border-bottom: 1px solid #9e9e9e; border-left: 1px solid #9e9e9e; }

div#main table.series_table th { font-size: 1.1em; font-weight: bold; background-color: #d5dc87; text-align: left; vertical-align: top; padding: 7px 6px; border-right: 1px solid #9e9e9e; border-bottom: 1px solid #9e9e9e; }
div#main img.leadpic { margin-bottom: 20px; }
div#main img.secondary_pic { margin-bottom: 20px; display: none; }
div#main img.heading { margin-bottom: 25px; }
div#main p { color: #594740; font-size: 1.3em; line-height: 1.6em; }
div#main p.intro { font-weight: bold; font-size: 1.6em; line-height: 1.5em; margin-bottom: 20px; }
div#main p.home { font-size: 1.6em; line-height: 1.6em; }
div#main blockquote { padding-top: 10px; padding-bottom: 10px; }
div#main blockquote p { color: #ba9737; font-size: 1.8em; line-height: 1.2em; }
div#main ul { margin-bottom: 15px; margin-left: 16px; }
div#main li { font-size: 1.3em; line-height: 1.4em; list-style-type: disc; margin-bottom: 5px; }
div#main ul li ul { margin-bottom: 8px; padding-top: 3px; }
div#main ul li ul li { font-size: 0.85em; line-height: 1.4em; list-style-type: disc; margin-bottom: 3px; }
div#main ul.bullets {  }
div#main ul.bullets li {  }


div#main table.partner_logos 
{ vertical-align: middle; width: 100%; margin-bottom: 10px; border: none; border-style: none; border-collapse: collapse; border-spacing: 0px; }

div#main table.partner_logos td { vertical-align: middle; text-align: center; padding-top: 15px; padding-bottom: 15px; }
div#main table.partner_logos td.three { width:33%; }
div#main table.partner_logos td.two { width:50%; }
div#main table.partner_logos td.none { width:0%; }
div#main img.sponsor_logo { margin: 0 0 20px 15px; float: right; clear: both; }
div#main .green { color: #229245; }
div#main dl { margin-bottom: 15px; }
div#main dt { color: #666; font-size: 1.6em; font-weight: normal; margin-bottom: 10px; }
div#main dd { margin-left: 25px; margin-bottom: 25px; }

div#main img.frame { margin-bottom: 10px; border: dotted 1px #363636; }
div#main .productbox { width: 355px; margin-bottom: 10px; padding: 6px 8px 8px 62px; border: dotted 1px #363636; }
div#main .productbox p { color: #363636; line-height: 1.3em; word-spacing: -1px; margin-bottom: 0; }
div#main .productbox p strong { text-transform: uppercase; }
div#main div#top { margin-bottom: 25px; border: dotted 2px #5e5e5e; }
div#main div#top h2 { font-size: 2.4em; }
div#main div#top h4 { font-size: 1.7em; }
div#main div.sponsor { width: 448px; margin-bottom: 15px; padding: 15px; border: dotted 1px #229245; float: left; }
div#main div.sponsor h2 { clear: none; margin-bottom: 5px; padding-bottom: 0; }
div#main div.sponsor h3 { font-size: 1.2em; font-weight: normal; clear: none; }
div#main div.sponsor h4 { line-height: 1.3em; clear: none; }
div#main div.sponsor img.heading { float: right; clear: both; margin: 0 0 10px 20px; display: block; }
div#main div.sponsor img.main { display: block; margin: 0 0 20px -5px; clear: both; }
div#main ul.twocol { width: 460px; margin-bottom: 15px; margin-left: 15px; }
div#main ul.twocol li { font-size: 1.2em; line-height: 1.6em; width: 220px; float: left; margin-bottom: 5px; list-style-type: disc; }
div#main ul.nobullet { margin-left: 0; list-style-type: none; }
div#main ul.nobullet li { list-style-type: none; }
div#main img.fullwidth { margin-bottom: 15px; }
div#main img.rightpic { float: right; clear: both; margin-top: 3px; margin-bottom: 15px; margin-left: 15px; }
div#main a.rightpic { margin-top: 5px; margin-bottom: 15px; margin-left: 18px; float: right; clear: both; }
div#main a.rightpic p { font-size: 1em; font-weight: bold; }
div#main img.leftpic { margin-top: 3px; margin-bottom: 15px; float: left; clear: both; margin-right: 15px; }
div#main div.col_holder { clear: both; }
div#main div.col_one { display: block; margin-right: 20px; width: 220px; float: left; clear: both; }
div#main div.col_two { width: 220px; float: left; clear: right; display: block; }
div#main div.news p { font-size: 1.3em; line-height: 1.4em; }
div#main div.news p.intro { font-size: 1.3em; }
div#main div.news p.backtotop { margin-bottom: 30px; }
div#main div.news dl { line-height: 1.4em; }
div#main div.news dt { font-size: 1.2em; line-height: 1.2em; }
div#main div.news dd { font-size: 1.5em; font-weight: bold; line-height: 1.4em; margin-bottom: 15px; background-image: url(../images/fading_dotline.gif); background-repeat: no-repeat; background-position: 0 19px; padding-bottom: 5px; }
div#main div.news div.newsindex { border: dotted 1px #000; margin-bottom: 40px; padding: 13px 10px 0 15px; }
div#main div.photos_left { float: left; width: 220px; }
div#main div.photos_right { float: right; width: 220px; }
div#main div.photos_left img, div#main div.photos_right img { width: 220px; }
div#main div.photos_left a, div#main div.photos_right a { width: 220px; height: 148px; overflow: hidden; display: block; margin-bottom: 20px; }
/*Right Column*/

div#right div#register { width: 132px; height: 64px; margin-bottom: 20px; }
div#right div#register a { background-image: url(../images/left_menu_register.gif); background-repeat: no-repeat; background-position: 0 0; width: 132px; height: 64px; overflow: hidden; display: block; }
div#right div#register a:hover { background-position: -132px 0; }
div#right div#email { background-image: url(../images/left_menu_email.gif); background-repeat: no-repeat; width: 119px; height: 56px; z-index: 50; margin-bottom: 20px; padding-top: 78px; padding-left: 11px; }
div#right div#email form input { font-size: 1.1em; width: 108px; overflow: visible; margin-bottom: 4px; }
div#right div#email form input#submitemail { width: 40px; }


div#right { width: 145px; float: left; padding-top: 2px; padding-left: 30px; }
div#right div.rightpanel { width: 132px; overflow: hidden; }
div#right div.rightpanel ul.advert { overflow: hidden; }
div#right div.rightpanel ul.advert li { width: 132px; margin-bottom: 18px; }
div#right div.rightpanel ul.advert li a { text-indent: 0; display: block; width: 132px; overflow: hidden; }
div#right div.rightpanel ul.advert li a:hover { text-indent: -132px; }
div#right div.rightpanel ul.advert li a img { width: 264px; }

div#right div.rightpanel ul.right_sponsors li { margin-bottom: 15px; text-align: center; width: 132px; overflow: hidden; }
div#right div.rightpanel ul.right_sponsors li img { border: 5px solid #fff; }
div#right div.rightpanel ul.right_sponsors li.se img { border: 0px; }

div#right div.rightpanel div#credits { padding-top: 20px; }
div#right div.rightpanel div#credits p { color: #fff; font-size: 1.4em; font-weight: bold; margin-bottom: 30px; }
div#right div.rightpanel div#credits ul {  }
div#right div.rightpanel div#credits ul li { margin-bottom: 35px; }
div#right div.rightpanel div#credits ul li a { background-repeat: no-repeat; background-position: 0 0; width: 132px; height: 47px; display: block; }
div#right div.rightpanel div#credits ul li.se a { background-image: url(../images/right_col_logos_se.gif); }
div#right div.rightpanel div#credits ul li.cbc a { background-image: url(../images/right_col_logos_cbc.gif); }
div#right div.rightpanel div#credits ul li.ecc a { background-image: url(../images/right_col_logos_ecc.gif); height: 64px; }
div#right .rightpanel p { color: #4f4f4f; font-size: 1.3em; line-height: 1.3em; margin-bottom: 10px; }
div#right .rightpanel p a:link, div#right .rightpanel p a:visited, div#right .rightpanel p a:active { color: #7c4b4b; font-weight: bold; text-decoration: none; }
div#right .rightpanel p a:hover { color: #fff; }
div#right .rightpanel h3 { color: white; font-size: 2.2em; font-weight: bold; line-height: 1em; text-transform: uppercase; letter-spacing: -1px; margin-bottom: 20px; }
div#right .rightpanel h4 { color: #4f4f4f; font-size: 2em; font-weight: bold; line-height: 1em; word-spacing: -2px; letter-spacing: -1px; margin-bottom: 15px; }
div#right .rightpanel h4 a:link, div#right .rightpanel h4 a:visited, div#right .rightpanel h4 a:active { color: #4f4f4f; text-decoration: none; }
div#right .rightpanel h4 a:hover { color: #7c4b4b; }
div#right .rightpic { background-image: url(../images/right_panel_image.jpg); background-repeat: no-repeat; width: 170px; height: 113px; }
/* Form*/
div#formholder { clear: both; padding-top: 0; padding-bottom: 10px; padding-left: 20px; border: dotted 1px #000; }
div#formholder h2 { margin-top: 15px; }
form#contact { margin-top: 15px; margin-bottom: 15px; }
form#contact div.formleft { margin-right: 20px; width: 210px; float: left; }
form#contact div.formright { width: 210px; float: left; }
form#contact input.fields { color: #9d9d9d; width: 200px; height: 18px; margin-bottom: 15px; }
form#contact textarea.query { color: #9d9d9d; margin-bottom: 15px; width: 430px; height: 80px; }
form#contact fieldset { margin-bottom: 5px; }
form#contact div.formtick { margin-bottom: 15px; }
/* 
	Footer
	--------------------------------------------------------------------
*/
/* 
	Footer BG
	--------------------------------------------------------------------
*/
div#foot_bg { background-image: url(../images/footer_bg.gif); background-repeat: no-repeat; width: 858px; height: 59px; clear: both; }
div#footer { text-align: left; width: 858px; margin-right: auto; margin-left: auto; padding-top: 8px; }
div#footertext { float: left; text-align: right; width: 700px; }
div#credit      { float: left; width: 158px; }
div#credit a, #credit a:link, #credit a:visited  { width: 89px; text-indent: 0px; overflow: hidden; display: block; }
div#credit a:hover  { text-indent: -89px; }
#flashcontent p { color: #a1a1a1; font-size: 1.1em; line-height: 1.2em; padding-top: 20px; padding-right: 160px; padding-left: 300px; }
#flashcontent p a { color: #d3af4e; }
#flashcontent p a:hover { text-decoration: none; }
#flashcontent {  }
div.clear, li.clear { clear: both; }