/*
	~ layout.css ~
	
	By BeliG
	last update : 10-09-09
*/

.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

.clearfix {display: inline-block;}  /* for IE/Mac */



/***** Columns *****/

div.container_columns { overflow:hidden; }
div#content_left, div#sidebar_left { float:left; margin-right: 20px; }
/* div#sidebar_right { float:left; margin-left: 480px; }  NOTE TO KARL: why this is changed?... */
div#sidebar_right { float:right; }
div#home_top div#sidebar_right { margin-left: 0; }
div#content_right, div#content_left { width:700px; }
div#sidebar_left, div#sidebar_right { width:220px; }
div#content_center, div#content_right { margin-left:240px; }
div#content_center { width:460px; }

/***** Global structure *****/

body { color:#fff; font:100%/1.3 Arial, Verdana, sans-serif; background:#000000 url(../img/pix/new_body_bg.jpg) no-repeat center top; }
div#wrapper { width:940px; margin:0 auto; background:#000000; }
div#header { position:relative; height: 40px; padding-top: 125px; margin-bottom: 20px; z-index: 10; background:#000000 url(../img/pix/header_img.jpg) no-repeat center top;;  }
div#container_main { width:940px; overflow:hidden; }
div#footer { width:100%; padding-top:20px; }

/* Header */
h1#logo a {
  display: block;
  top: 27px;
  left: 0;
  width: 226px;
  height: 80px;
  text-indent: -9999px;
  position: absolute;
  background: url('../img/header/header_logo.png') no-repeat;
}
h1#logo a:hover { cursor: hand; }
p#date { text-indent:-9999px; position:absolute; top:32px; right:0; width:205px; height:72px; background:transparent url(../img/header/header_date.png) no-repeat; }	

/* \ */
div#nav_main { width:100%; height:40px; line-height:40px; position:absolute; bottom:10px; left:0; }	
div#nav_main table { border-collapse:collapse; width:100%; height:100%; background-color:#0b2553; text-align:center; font-size:70%; font-weight:bold; text-transform:uppercase; }
div#nav_main table tr td a { padding:0 10px; display:block; color:#fff; text-decoration:none; height:100%; }	
div#nav_main table tr td a:hover,
div#nav_main table tr td a.on { background:transparent url(../img/header/nav_a_hover.png) repeat-x bottom; }

ul#navigation { background: #24363c; display: block; font-size: 70%; height: 40px; margin: 0; padding: 0; position: relative; width: 940px; z-index: 50; }
ul#navigation li { color: #00aeef; float: left; height: 35px; position: relative; z-index: 900; }
ul#navigation li a { color: #fff; display: block; font-weight: bold; height: 21px; line-height: 1em; padding-top: 14px; text-align: center; text-transform: uppercase; }
ul#navigation li.home a           { width: 53px;  }
ul#navigation li.about a          { width: 63px;  }
ul#navigation li.media a          { width: 61px;  }
ul#navigation li.the_event a      { width: 87px;  }
ul#navigation li.galleries a      { width: 87px;  }
ul#navigation li.about_wa a       { width: 86px;  }
ul#navigation li.sailing_in_wa a  { width: 103px; }
ul#navigation li.partners a       { width: 85px;  }
ul#navigation li.get_involved a   { width: 109px; }
ul#navigation li.merchandise a    { width: 106px; }
ul#navigation li.membership a     { width: 100px; }
ul#navigation li:hover a, ul#navigation li.hover a { background: #00aeef; color: #052553; border-bottom: 5px solid #00aeef; }
ul#navigation li a.active { border-bottom: 5px solid #00aeef; color: #00aeef; }
ul#navigation li:hover a.active, ul#navigation li a.active:hover { color: #052553; }

ul#navigation li ul { background: #00aeef; display: none; left: 0; margin: 0; padding: 20px 0 0; position: absolute; top: 40px; width: 200px; }
ul#navigation li:hover ul, ul#navigation li.hover ul { display: block; }
ul#navigation li ul li { border: 1px solid #190922; border-left: 0; border-right: 0; margin-top: -1px; float: none; height: auto; }
ul#navigation li ul li a { color: #fff; display: block; font-weight: normal; height: 1% !important; line-height: 1.5em !important; padding: 5px 10px; text-align: left; text-transform: none; width: auto !important; }
ul#navigation li:hover ul a, ul#navigation li.hover ul a { border-bottom: 0; }
ul#navigation li ul li a:hover { border-bottom: 0; background: #052553; color: #fff; }


	/* Footer */	

div#footer { border-top:1px solid #222643; margin-top: 30px; padding-top: 20px; }

div#sponsors h3 { font-size:105%; text-transform:uppercase; }	
div#sponsors ul { width:100%; overflow:hidden; border-bottom:1px solid #222643; padding-top:10px; padding-bottom:15px; margin-top:10px; }
div#sponsors li { float:left; }
div#sponsors li a { display: block; height: 103px; border: 0; text-indent: -9999px; overflow: hidden; }
div.sponsors_flash_container { padding-bottom: 15px; border-bottom:1px solid #222643; height: 84px; }
div.sponsors_flash_container a { padding: 2px 0; background: #fff; display: block; height: 80px; }
ul.sponsors_slideshow_list { list-style: none; margin: 0; padding: 0; }

div#sponsors li.federal_gov a       { width: 116px; margin-right: 55px; background: url('/media/img/home/sponsors/federal_gov.jpg') no-repeat 0 0; margin-left: 20px; }
div#sponsors li.state_gov a         { width: 105px; margin-right: 50px; background: url('/media/img/home/sponsors/state_gov.jpg') no-repeat 0 0; }
div#sponsors li.middletons a         { width: 117px; margin-right: 50px; background: url('/media/img/home/sponsors/middletons.jpg') no-repeat 0 0; }
div#sponsors li.carbon_conscious a  { width: 111px; margin-right: 54px; background: url('/media/img/home/sponsors/carbon_conscious.jpg') no-repeat 0 0; }
div#sponsors li.gibbscorp a         { width: 100px; margin-right: 49px; background: url('/media/img/home/sponsors/gibbscorp.jpg') no-repeat 0 0; }
div#sponsors li.busara a            { width: 93px; margin-right: 00px; background: url('/media/img/home/sponsors/busara.jpg') no-repeat 0 0; }

div#sitemap { width:100%; padding-top:20px; padding-bottom:60px; }
div#sitemap ul { overflow:hidden; }
div#sitemap ul li { float:left; width:100px; /*120*/ padding-left:20px; }
div#sitemap ul li.last { width:80px; /*100*/ }
div#sitemap ul li h4 a { display:block; height:30px; font-size:70%; color:#3a7ba7; text-decoration:none; text-transform:uppercase; }
div#sitemap ul li h4 a:hover { color:#fff; }

div#sitemap ul li ul.links_sub { font-size:65%; }
div#sitemap ul li ul.links_sub li { float:none; width:auto; padding-left:0; }
div#sitemap ul li ul.links_sub li a { color:#537792; text-decoration:none; }
div#sitemap ul li ul.links_sub li a:hover { color:#fff; text-decoration:underline; }

p#copyright { font-size:65%; color:#26455c; padding-bottom:10px; }
p#copyright a { color:#26455c; text-decoration:none; }
p#copyright a:hover { text-decoration:underline; }

span.asterisk               { color: #ff0000; }

/* Athlete Profiles */
.box_sb p { border: 1px solid #24353c !important; border-left: 0 !important; border-right: 0 !important; margin-bottom: -1px !important; padding: 10px 5px !important; }
.box_sb span { color: #00aeef !important; font-size: 1.1em !important; }