@import url(reset.css); 

* { margin:0; padding:0; } 

body { color: #ffffff; font-size:62.5%; font-family: "Lucida Grande", "Lucida Sans Unicode", Tahoma, Verdana, Arial, sans-serif;; line-height:150%; background-color: #66a1d0; background-image: url(../images/bg.gif); background-repeat: repeat-y; background-position: center top; text-align:center; margin: 0; padding: 0; } 

h1 { font-size: 3.2em; font-weight: bold; line-height: 1.5em; margin-bottom: 15px; } 
h2 { color: #ffc428; font-size: 2.2em; font-weight: bold; line-height: 1.2em; margin-bottom: 15px; padding-top: 5px; } 
h3 { color: #ade1f9; font-size: 1.5em; font-weight: bold; line-height: 1.5em; margin-bottom: 5px; } 
h4 { font-size: 2.4em; font-weight: normal; line-height: 1.5em; margin-bottom: 15px; } 
h5 { font-size: 1.6em; font-weight: normal; line-height: 1.5em; margin-bottom: 15px; } 
h6 { font-size: 1.3em; font-weight: bold; line-height: 1.5em; margin-bottom: 0px; } 

p, li { font-size: 1.2em; } 
p { margin-bottom: 15px; } 
a:link, a:visited, a:active { color: #FFC428; text-decoration: underline; } 
a:hover { color: #FFFFFF; text-decoration: none; }
strong { font-weight: bold; }
/* 
	 Background and containers 
 	 --------------------------------------------------------------------
*/

div#container { background-color: #4f422d; background-image: url(../images/inner_bg.jpg); background-repeat: no-repeat; background-position: 0 172px; margin: 0 auto; text-align: left; width: 895px; overflow: hidden; min-height: 900px; } 
div#pageholder { width: 100%; display: block; } 

/* 
	 Header 
 	 --------------------------------------------------------------------
*/

div#header { background-color: #2d7cd4; background-image: url(../images/header.jpg); background-repeat: no-repeat; width:895px; height: 172px; overflow: hidden; margin-bottom: 20px; }
div#header a#home_link { width: 172px; height: 172px; float: left; display: inline-block; }
div#header a#register_link { display: inline-block; width: 300px; height: 172px; float: left; margin-left: 400px; }
/* 
	 Left Column 
 	 --------------------------------------------------------------------
*/

div#left { width: 149px; float: left; padding-right: 0; }
div#left div#leftmenu {  } 
div#left div#leftmenu ul { padding-bottom: 60px; } 
div#left div#leftmenu li {  } 
div#left div#leftmenu li a { width: 149px; height: 38px; text-decoration: none; background-repeat: no-repeat; background-position: 0 0; display: block; } 
div#left div#leftmenu li a.current { background-position: -298px 0; } 
div#left div#leftmenu li a:hover { background-position: -149px 0; } 
div#left div#leftmenu li.home a { background-image: url(../images/menu_home.png); } 
div#left div#leftmenu li.format a { background-image: url(../images/menu_format.png); } 
div#left div#leftmenu li.course a { background-image: url(../images/menu_course.png); } 
div#left div#leftmenu li.kitlist a { background-image: url(../images/menu_kitlist.png); } 
div#left div#leftmenu li.dates_prices a { background-image: url(../images/menu_dates.png); } 
div#left div#leftmenu li.venue a { background-image: url(../images/menu_venue.png); }
div#left div#leftmenu li.photos a { background-image: url(../images/menu_photos.png); }
div#left div#leftmenu li.safety a { background-image: url(../images/menu_safety.png); } 
div#left div#leftmenu li.results a { background-image: url(../images/menu_results.png); }
div#left div#leftmenu li.village a { background-image: url(../images/menu_village.png); } 
div#left div#leftmenu li.contact_us a { background-image: url(../images/menu_contact.png); } 
div#left div#leftmenu li.quotes a { background-image: url(../images/menu_quotes.png); } 
/* 
	 Main Column 
 	 --------------------------------------------------------------------
*/

div#main { background-image: url(../images/content_bg.png); background-repeat: repeat-y; width: 610px; float: left; margin-bottom: 20px; padding-right: 0; padding-bottom: 15px; }
div#main div.flickr { float:left; width: 270px; height: 290px; overflow:hidden; margin-bottom: 30px; 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: 270px; height: auto; }
div#main div.main_pics {  width: 610px; height: 404px; }
div#main img.main_pic {  }
div#main img.main_pic_hide { display: none; }
div#main div.photos_left { float: left; width: 270px; }
div#main div.photos_right { float: right; width: 270px; padding-right: 10px; }
div#main div.photos_left img, div#main div.photos_right img { width: 270px; }
div#main div.photos_left a, div#main div.photos_right a { width: 270px; height: 168px; overflow: hidden; display: block; margin-bottom: 20px; }
div#main img.title { margin-bottom: 15px; }
div#main div.content { width: 570px; overflow: hidden; margin-left: 20px; padding-top: 20px; padding-right: 20px; }
div#main div.content div.col_one { width: 245px; float: left; }
div#main div.content div.col_two { width: 305px; float: left; margin-left: 20px; }
div#main h1 {  } 
div#main p {  } 
div#main p.quote { margin-bottom: 0px; font-size: 1.4em; line-height: 1.4em;} 
div#main p.quoter { color: #ade1f9; font-weight: bold; } 
div#main p.intro {  } 
div#main blockquote {  } 
div#main blockquote p {  } 
div#main ul { } 
div#main li { } 
div#main ol.numbers { margin-bottom: 15px; margin-left: 25px; } 
div#main ol.numbers li { margin-bottom: 5px; list-style-type: decimal; } 
div#main ul.bullets { margin-bottom: 15px; margin-left: 20px; } 
div#main ul.bullets li { margin-bottom: 5px; list-style-type: disc; } 
div#main ul.nobullets { margin-bottom: 15px; } 
div#main ul.nobullets li { margin-bottom: 5px; list-style-type: none; }
div#main ul.nobullets li strong { font-weight: bold; }
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 img.leftpic { float: left; clear: both; margin-top: 3px; margin-bottom: 15px; margin-right: 15px; } 

div#main div#results { margin-bottom: 20px; }

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

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

div#main div#results table.results_table th { font-size: 1.1em; font-weight: bold; background-color: #0ba0cb; text-align: left; vertical-align: top; padding: 7px 6px; border-right: 1px solid #ade1f9; border-bottom: 1px solid #ade1f9; }

div#main div#results table.results_table th.number { border-left: 1px solid #ade1f9; width: 20%; }
div#main div#results table.results_table th.team { border-left: 1px solid #ade1f9; width: 40%; }


div#main div#results table#gold th { border: 0; background-color: #debb69; }
div#main div#results table#silver th { border: 0; background-color: #a1a4a7; }
div#main div#results table#bronze th { border: 0; background-color: #c07f5b; }
div#main div#results table#gold, div#main div#results table#silver, div#main div#results table#bronze { border: 0; }

div#main div#dates table.date_table 
{ font-size: 1.2em; vertical-align: top; width: 100%; margin-bottom: 10px; border-color: #ade1f9; 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 #ade1f9; border-bottom: 1px solid #ade1f9; border-left: 1px solid #ade1f9; }

div#main div#dates table.date_table th { font-size: 1.1em; font-weight: bold; background-color: #0ba0cb; text-align: left; vertical-align: top; padding: 7px 6px; border-right: 1px solid #ade1f9; border-bottom: 1px solid #ade1f9; }
div#main div#dates table.date_table th.category { border-left: 1px solid #ade1f9; }
div#main div#dates table.date_table th.register { color: #fff; background-color: #ef6e35; border-left: 1px solid #ade1f9; }
div#main div#dates table.date_table td.register { background-color: #ffc428; border-left: 1px solid #ade1f9; white-space: nowrap; }
div#main div#dates table.date_table td.register a { color: #ff4d00; font-weight: bold; }
/* 
	 Right Column 
 	 --------------------------------------------------------------------
*/

div#right { width: 116px; float: left; padding-left: 20px; }


div#right div#email { width: 90px; z-index: 50; margin-bottom: 80px; }
div#right div#email p { font-size: 1.1em; color: #fff; font-weight: bold; text-transform: uppercase; word-spacing: -1px; margin-bottom: 5px; }
div#right div#email p span { font-size: 0.9em; color: #fff; font-weight: normal; text-transform: none; }
div#right div#email form input { font-size: 1.1em; width: 89px; overflow: visible; margin-bottom: 4px; }
div#right div#email form input#submitemail { width: 40px; }




div#right div#se_logo { width: 95px; height: 37px; margin-bottom: 30px; }
div#right div#se_logo a { background-image: url(../images/img_sportessex_logo.png); background-repeat: no-repeat; width: 95px; height: 37px; display: block; }
div#right div#eo_logo { width: 95px; height: 29px; margin-bottom: 30px; }
div#right div#eo_logo a { background-image: url(../images/img_essexoutdoors_logo.png); background-repeat: no-repeat; width: 95px; height: 29px; display: block; }

div#right ul.advert { overflow: hidden; }
div#right ul.advert li { width: 95px; height: 117px; margin-bottom: 18px; overflow: hidden; }
div#right ul.advert li a { text-indent: 0; display: block; width: 95px; height: 117px; overflow: hidden; }
div#right ul.advert li a:hover { text-indent: -117px; }
div#right ul.advert li a img { width: 190px; height: 117px; }

/* 
	 Footer 
 	 --------------------------------------------------------------------
*/

div#footer { padding: 20px 0px 5px; width: 895px; clear: both; } 
div#footer div#ad_2012 { width: 895px; height: 302px; padding-top: 60px; margin-bottom: 20px; }
div#footer div#ad_2012 a { width: 895px; height: 302px; display: block; background-image: url(../images/2012_open_we.png); background-repeat: no-repeat; }

div#footer p { padding-left: 10px; font-size: 1.2em; color: #FFFFFF; } 

/* 
	 Footer 
 	 --------------------------------------------------------------------
*/

div.clear { clear: both; } 
li.clear { clear: both; } 


