/*
Title:      Kauai Explorer's master styles
Author:     Justin Britt, justin@wasabihawaii.com
Updated:    07/20/2006
Notes:		lovingly prepared by Wasabi Marketing in Hanalei, Kauai.
*/

html, body {
  height: 100%; /* Required for footer stick */
  }
body {
  margin: 0;
  padding: 0;
  font: small Arial, Helvetica, sans-serif;
  color: #000000;
  background: #0A3667 url(../img/bg.jpg) no-repeat top center;
  text-align: center;
  }
#wrap {
  position: relative;
  margin: 0 auto;
  padding: 0;
  width: 950px;
  background: #fff url(../img/bg_content.gif) repeat-y top center;
  text-align: left;
  min-height: 100%; /* For Modern Browsers */
  height: auto !important; /* For Modern Browsers */
  height: 100%; /* For IE */
  }
#main {
  padding-bottom: 90px;
  }

/* ---[ links ]------------------------ */

a:link {color: #005683}
a:visited {color: #49A4BE}
a:active {}
a:hover {color: #002A4D; background: #EFF4FA}
a:hover.trans {background-color: transparent}
#surf_forcast a:link {color: #FFF103}
#surf_forcast a:hover {color: #74B4CE; background-color: #005683}
#surf_forcast_advisory a:link {color: #002A4D}
#surf_forcast_advisory a:hover {color: #005683; background-color: #E78E30}
#surf_forcast_advisory a:visited {color: #002A4D;}
#please_sponsor a:link {color: #ffffff;}
#please_sponsor a:hover {color: #ffffff; background-color: #E78E30;}
#please_sponsor a:visited {color: #ffffff;}

/* ---[ common ]------------------------ */

h1 {
  margin: 0;
  padding: 0;
  color: #E78E30;
  font-size: 300%;
  line-height: 1em;
  }
#content_l h1 {
  border-bottom: 1px solid #000000;
  }

/* title sIFR - BEGIN */

/* These are standard sIFR styles... do not modify */

.sIFR-flash {
  visibility: visible !important;
  margin: 0;
  }
.sIFR-replaced {
  visibility: visible !important;
  }
span.sIFR-alternate {
  position: absolute;
  left: 0;
  top: 0;
  width: 0;
  height: 0;
  display: block;
  overflow: hidden;
  }
/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */
.sIFR-flash + div[adblocktab=true] {
  display: none !important;
  }
/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */
.sIFR-hasFlash h1 {
  visibility: hidden;
  font-size: 450%;
  }

/* title sIFR - END */

h2 {
  margin: 20px 0 0 0;
  text-transform: uppercase;
  font-size: 110%;
  color: #005683;
  border-bottom: 1px solid #E78E30;
  }
#safety h4 {
  margin: 0;
  padding: 8px 0 8px 8px;
  font-size: 100%;
  text-transform: uppercase;
  color: #fff;
  }
#safety h4.safety {
  background: url(../img/bg_safety_heading.gif) no-repeat top left;
  }
#safety h4.printable_report {
  padding: 16px 0 8px 30px;
  height: 16px;
  background: url(../img/bg_printable_report_heading.gif) no-repeat top left;
  }
#safety h4.activity {
  padding-top: 7px;
  background: url(../img/bg_activity_heading.gif) no-repeat top left;
  } 
#safety h4.preservation {
  padding-top: 7px;
  background: url(../img/bg_preservation_heading.gif) no-repeat top left;
  }
#safety h4.warning {
  background: url(../img/bg_warning_heading.gif) no-repeat top left;
  }
#safety h4.whatis {
  background: url(../img/bg_whatis_heading.gif) no-repeat top left;
  }
#safety h4.advisory {
  background: url(../img/bg_surf_advisory_heading.gif) no-repeat top left;
  }
#safety h4.idea {
  background: url(../img/bg_idea_heading.gif) no-repeat top left;
  }
#safety h4.supporter {
  background: url(../img/bg_team_explorer_heading.gif) no-repeat top left;
  }
#safety h4.endorsers {
  padding-top: 7px;
  background: url(../img/bg_endorsers_heading.gif) no-repeat top left;
  }
#safety h4.download {
  background: url(../img/bg_download_heading.gif) no-repeat top left;
  }
#safety h4.map_navigator {
  background: url(../img/bg_map_navigator_heading.gif) no-repeat top left;
  }
#safety h4.team_explorer {
  background: url(../img/bg_team_explorer_heading.gif) no-repeat top left;
  }
#safety h4.sponsors {
  background: url(../img/bg_sponsors_heading.gif) no-repeat top left;
  }
h6 {
  margin: 0 0 8px 0;
  padding: 0;
  font: bold 85% Arial, Helvetica, sans-serif;
  }
.title {
  margin: 0 0 8px 0;
  padding: 0;
  font-weight: normal;
  font: 85% Arial, Helvetica, sans-serif;
  }
h6.safety {
  padding: 3px 0;
  border-top: 1px solid #000000;
  }
h6.cool_happenings {
  padding: 46px 0 0 0;
  width: 165px;
  overflow: hidden;
  background: url(../img/p_kauai_events.gif) no-repeat;
  height: 0px !important; /* for most browsers */
  height /**/:46px; /* for IE5.5's bad box model */
  }
p {
  margin: 0;
  padding: 5px 0;
  font-size: 90%;
  }
table {
  margin: 10px;
  width: 90%;
  border: none;
  }
table th, table td {
  padding: 2px 0;
  }
table th {
  text-align: left;
  }
table th {
  font-size: 90%;
  text-transform: uppercase;
  border-bottom: 1px solid #cccccc;
  }
img {
  border: none;
  }
form {
  margin: 0;
  padding: 0;
  }
label {
  font-weight: bold;
  }
blockquote {
  margin: 5px 0;
  padding: 5px 15px 0 30px;
  background: url(../img/quote.gif) no-repeat top left;
  }
blockquote p#quote {
  font-style: italic;
  color: #666666;
  }
blockquote p#quote_big_blue {
  font-style: italic;
  font-size: 110%;
  color: #0A3667;
  }
blockquote p#author {
  font-size: 85%;
  }
blockquote p#quote_big {
  font-style: italic;
  font-size: 100%;
  margin: 0;
  padding: 2px 0 0 0;
  color: #666666;
  }
blockquote p#author_big {
  font-size:85%;
  margin: 0;
  padding: 2px 0 5px 0;
  color: #084472;
  }

/* ---[ classes ]------------------------ */

.sm {
  font-size: 85%;
  }
.vsm {
  font-size: 65%;
  }
.lrg {
  font-size: 110%;
  }
.indent {
  padding-left: 15px;
  padding-bottom: 8px;
  font-size: 95%;
  color: #002A4D;
  }
#contribute h5.bigger {
  font-size: 140%;
  padding: 0;
  margin: 0;
  }
#discussion h5.bump_top {
  margin-top: 130px;
  }
p.lrg {
  padding-bottom: 15px;
  font-size: 140%;
  color: #084472;
  background: url(../img/h_line.gif) repeat-x bottom left;
  }
p.lrg_noline {
  padding-bottom: 15px;
  font-size: 140%;
  color: #084472;
  }
dl.lrg {
  margin: 0;
  padding: 5px 0 15px 0;
  font-size: 140%;
  color: #084472;
  background: url(../img/h_line.gif) repeat-x bottom left;
  }
dl.lrg dt {
  padding-bottom: 10px;
  }
dl.lrg dd {
  margin: 0;
  padding: 0 0 5px 30px;
  }
.bg_grey {
  background: #F2F2F2;
  }
.clear {
  clear: both;
  }
p.more {
  padding: 10px 0;
  }
.strong {
  font-weight: bold;
  }
.hilite {
  color: #084472;
  background: #E8FCFF;
  }
.imp {
  font: bold 110% Arial, sans-serif;
  }
p.sub {
  margin: 5px 0;
  padding: 3px 5px;
  color: #666666;
  background: #F2F2F2;
  }
.tool_tip {
  border-bottom: 1px dotted #005683;
  color: #005683;
  cursor: pointer;
  }
.orange {
  font-weight: bold;
  color: #BF4B0E;
  }
.sub {
  color: #999999;
  }
.long {
  padding-top: 39px;
  }
.pdf, #kauai_beaches #content_l #xtra p.pdf {
  padding-left: 19px;
  background: url(../img/pdf.jpg) no-repeat 0 7px;
  }
.btn {
  padding: 4px 0 0 0;
  height: 21px;
  background: #EBF5F7 url(../img/btn_r.gif) no-repeat top right;
  }
.btn a {
  padding: 0 30px 0 5px;
  background: url(../img/btn_l.gif) no-repeat bottom top;
  }
.btn a:hover {
  background: none;
  }
.b_pad {
  padding: 0 0 10px 0;
  }
.right_link {
  padding: 0 0 20px 0;
  margin: 0;
  text-align: right;
  background: url(../img/h_line.gif) repeat-x bottom left;
  }
.right {
  padding: 0 0 0 25px;
  text-align: right;
  font-size: 85%
  }
.img_padr {
  padding-right: 5px;
  }
.no_line {
  background: none;
  }
#sponsor_ring h4.ring_sm {
  font-size: 70%;
  }
#guide_xtra p.sub_title {
  padding: 0 0 10px 25px;
  font-size: 85%;
  font-weight: bold;
  }
.bucket {
  margin: 25px 0 0 0;
  padding-left: 20px;
  background: url(../img/h_line.gif);
  }
.please_sponsor {
  font-size: 75%;
  letter-spacing: .02em;
  padding: 42px 0 0 50px;
  color: #ffffff;
  }
p.expand {
  position: absolute;
  top: 35px;
  right: 225px;
  color: #084472;
  font-size: 100%;
  }


/* ---[ head ]------------------------ */

#head {
  background: url(../img/bg_top.gif) no-repeat top center;
  height: 140px;
  }
#logo {
  padding: 20px 0 0 8px;
  width: 192px;
  height: 135px;
  }

/* navigation */

#nav {
	position: absolute;
	margin: 0;
	padding: 0;
	top: 69px;
	right: 28px;
	height: 43px;
	list-style: none;
	display: inline;
	overflow: hidden;
	}
#nav li {
	margin: 0; 
	padding: 0;
	list-style: none;
	display: inline;
	}
#nav a {
	float: left;
	padding: 43px 0 0 0;
	overflow: hidden;
	width: 110px;
	height: 0px !important;
	height /**/:43px; /* for IE5/Win only */
	}	
#nav a:hover, #nav a:active, #nav a.active {
	background-position: 0 -43px;
	}
#n_surf a {
	background: url(../img/n_ocean_report.gif) no-repeat top left;
	}
#n_beach a {
	background: url(../img/n_kauai_beaches.gif) no-repeat top left;
	}
#n_guide a {
	background: url(../img/n_info_guides.gif) no-repeat top left;
	}

/* ---[ content ]------------------------ */

#home_content_top {
  padding: 0;
  height: 390px;
  width: 950px;
  float: left;
  }
#content {
  margin-top: 10px;
  padding: 0 25px;
  float: left;
  }
.updated {
  margin: 30px 0 0 0;
  padding: 0;
  float: right;
  font-size: 78%;
  color: #084472;
  }
.updated em {
  font: normal bold 110% Arial, Helvetica, sans-serif;
  color: #002A4D;
  }

/* home */

#kauai_beaches {
  float: left;
  background: url(../img/bg_beach_grid.gif) no-repeat top left;
  }
#kauai_map {
  float: left;
  width: 597px;
  height: 378px;
  }
#kauai_map p.lrg {
  margin: 100px 50px 0 70px;
  font-size: 150%;
  line-height: 1.5em;
  }
#warn {
  width: 593px;
  text-align: center;
  }
#warn strong {
  color: #BF4B0E;
  }
#warn p {
  padding-top: 0;
  }
#warn a {
  font-weight: bold;
  }
#warn p.lrg {
  font-size: 100%;
  background: none;
  }
#kauai_beaches #content_l {
  padding-left: 20px;
  width: 544px;
  }
#kauai_beaches #content_l p.lrg {
  padding-top: 0;
  background: none;
  }
#kauai_beaches #content_l dl {
  margin: 35px 0 0 0;
  padding: 0 55px 10px 0;
  background: url(../img/caution_line_b.gif) no-repeat bottom left;
  }
#kauai_beaches #content_l dt {
  margin: 0;
  padding: 20px 0 5px 0;
  font: bold 110% Arial, sans-serif;
  text-transform: uppercase;
  color: #BF4B0E;
  background: url(../img/caution_line.gif) no-repeat top left;
  }
#kauai_beaches #content_l dd {
  margin: 0;
  padding: 0;
  font-size: 85%;
  line-height: 1.5em;
  }
#kauai_beaches #content_l #xtra {
  clear: both;
  margin: 0 60px 10px 0;
  padding: 10px;
  border: 2px solid #F2F2F2;
  }
#kauai_beaches #content_l #xtra h5 {
  padding: 0;
  }
 {
  padding: 2px 0 0 0;
  }
#kauai_beaches #content_l #xtra img {
  float: left;
  padding-right: 10px;
  }
#kauai_beaches #content_r {
  margin: 0 0 0 30px;
  }
#kauai_beaches #beach_nav {
  margin-left: 20px;
  width: 291px;
  float: left;
  background: url(../img/beach_nav_bHome.gif) no-repeat bottom center;
  }
#kauai_beaches #beach_nav form#beach_navigator {
  margin: 0;
  padding: 0;
  }
#kauai_beaches dl {
  margin: 0;
  padding: 37px 0 15px 25px;
  float: left;
  display: inline; /*fixes IE/Win double margin bug */
  background: url(../img/bg_beach_list_h.gif) no-repeat top left;
  }
#beach_nav dt {
  float: right;
  margin: 0;
  padding: 2px 0 5px 0;
  width: 240px;
  color: #084472;
  }
#beach_nav dt label {
  cursor: pointer;
  }
html>body #beach_nav dt {  /* hack for FF missing mouseover */
  cursor: auto;
  }
#beach_nav dd.select input {
  float: left;
  }
#beach_nav dd {
  margin: 0;
  padding: 0;
  }
#beach_nav dd p {
  margin: 0;
  padding: 0 15px 5px 25px;
  font-size: 85%;
  }
#beach_navigator dl ul {
  margin: 0 5px 8px 25px;
  padding: 0;
  list-style: none;
  }
#beach_navigator dl ul li {
  display: inline;
  margin: 0;
  padding: 0 6px 0 0;
  list-style: none;
  }

#content_l p, #content_r p {
  line-height: 1.5em;
  }
p.tnr {
  margin-left: 25px;
  padding-bottom: 8px;
  font-size: 85%;
  color: #002A4D;
  }
p.tnr label {
  cursor: pointer;
  }
  
/* participate */

#participate {
  width: 544px;
  float: left;
  margin: 15px 0;
  background: url(../img/bg_participate_b.gif) no-repeat bottom center;
  }
#content_l #participate div {
  padding-top: 12px;
  background: url(../img/bg_participate_t.gif) no-repeat top center;  
  }
#content_l #participate span {
  float: left;  
  }
#content_l #participate h5 {
  padding: 0 0 8px 20px;
  font-size: 165%;
  font-weight: normal;
  color: #005683;  
  }
#participate p {
  padding: 0 0 10px 20px;
  width: 267px;
  font-size: 95%;
  }
#content_l #participate ul {
  margin: 0;
  padding: 0;
  font-size: 95%;
  clear: none;
  margin-left: 295px;  
  }
#content_l #participate ul li {
  margin: 0;
  padding: 0 0 10px 13px;
  }

/* events */

table#events {
  clear: both;
  margin: 15px 0 5px 5px;
  padding: 0;
  border: none;
  width: 98%;
  font-size: 95%;
  }
#content_l #events th {
  background: url(../img/h_line.gif) repeat-x bottom left;
  border: none;
  }
#content_l #events td {
  padding: 8px 0 0 8px;
  border-right: 1px solid #CCE6EA;
  }
#content_l #events td.where {
  border: none;
  }
#content_l #events h5 {
  padding: 5px 0 5px 30px;
  background: url(/img/eco_lg.gif) no-repeat center left;
  font-size: 165%;
  font-weight: normal;
  color: #005683;
  text-transform: none;
  }
#content_l #events a {
  padding-left: 13px;
  background: url(/img/bg_bullet_bl.gif) no-repeat 0 3px;
  font-size: 110%;
  }
#sponsor_home {
  padding-top: 15px;
  }
#sponsor_home img {
  float: left;
  padding-right: 5px;
  }
#content_r #sponsor_home p {
  padding-top: 15px;
  font-size: 85%;
  }
#content_r #sponsor_home p.right {
  padding-top: 0;
  }

/* content_l */

#content_l {
  float: left;
  width: 564px;
  margin: 0;
  padding: 0;
  }
#content_l p.updated {
  margin-top: 23px;
  }
html>body #content_l p.updated {  /* hack for FF spacing */
  margin-top: 21px;
  }
#content_l h5 {
  margin: 0;
  padding: 15px 0 5px 0;
  font: bold 110% Arial, sans-serif;
  color: #084472;
  }
#content_l ul {
  margin: 15px 0 0 10px;
  padding: 0;
  list-style: none;
  clear: both;
  }
#content_l .top_line {
  margin-top: 10px;
  padding-top: 15px;
  background: url(../img/h_line.gif) repeat-x top left;
  }
#content_l .bottom_line {
  margin-bottom: 10px;
  padding-bottom: 10px;
  background: url(../img/h_line.gif) repeat-x bottom left;
  }
#content_l ul li {
  margin: 0;
  padding: 0 0 15px 13px;
  background: url(../img/bg_bullet_bl.gif) no-repeat 0 3px;
  }
#advisories {
  width: 564px;
  background: url(../img/bg_cond_warning_b.gif) no-repeat bottom center; /* remove if advisories turned on below */
  } 
#contribute {
  padding-left: 20px;
  padding-bottom: 8px;
  font-size: 115%;
  color: #002A4D;
  }  
#contribute p {
  line-height: 1.2em;
  } 
#donate {
  padding: 0 20px;
  }
#donate ul{
  line-height: .8em;
  }
/*
.none {
  background: url(../img/bg_cond_none_b.gif) no-repeat bottom center;
  }
.advisory {
  background: url(../img/bg_cond_advisory_b.gif) no-repeat bottom center;
  }
.warning {
  background: url(../img/bg_cond_warning_b.gif) no-repeat bottom center;
  }
*/

#advisories h3 {
  margin: 0;
  padding: 28px 10px 3px 10px;
  font-size: 130%;
  background: url(../img/bg_cond_warning.gif) no-repeat top center;  /* remove if advisories turned on below */
  color: #fff;  /* remove if advisories turned on below */
  }

/*
.none h3 {
  background: url(../img/bg_cond_none.gif) no-repeat top center;
  color: #015784;
  }
.advisory h3 {
  background: url(../img/bg_cond_advisory.gif) no-repeat top center;
  color: #015784;
  }
.warning h3 {
  background: url(../img/bg_cond_warning.gif) no-repeat top center;
  color: #fff;
  }
*/

#advisories p {
  margin: 0;
  padding: 3px 10px 10px 10px;
  font: bold 90% Arial, Helvetica, sans-serif;
  color: #001E31;
  }
#discussion {
  padding-left: 10px;
  }
#dis_l {
  float: left;
  width: 250px;
  }
#dis_r {
  margin: 0 0 10px 274px;
  padding-bottom: 10px;
  background: url(../img/bg_dis_b.gif) no-repeat bottom right;
  }
#dis_r ul {
  padding-left: 20px;
  clear: none;
  }
#discussion #dis_r h5 {
  padding-left: 20px;
  background: url(../img/bg_dis_t.gif) no-repeat top right;
  }
#discussion #dis_r h6 {
  padding-left: 20px;
  }
#discussion #dis_r p {
  padding: 5px 15px 5px 20px;
  }
#discussion h4 {
  font: bold 175% Arial, sans-serif;
  color: #084472;
  margin: 0;
  padding: 0;
  }
#discussion h5 {
  font: normal 175% Arial, sans-serif;
  }
#discussion h6 {
  margin: 0;
  padding: 10px 0 0 0;
  font-size: 110%;
  color: #084472;
  }
#discussion strong.big {
  font-size: 150%;
  font-weight: normal;
  }
#resources ul li {
  margin: 0;
  padding: 0 0 15px 13px;
  background: none;
  font-size: 85%;
  }
dl#sponsors h5 {
  padding: 0 0 8px 0px;
  font-size: 165%;
  font-weight: normal;
  color: #005683;  
  }
ul#sponsors {
  margin: 22px 0 15px 5px;
  padding: 0;
  list-style: none;
  }
ul#sponsors li {
  margin: 0 25px 0 10px;
  padding: 7px 0 7px 13px;
  background: url(../img/bg_bullet.gif) no-repeat 0 10px;
  }
ul#you_get {
  margin: 22px 0 20px 15px;
  padding: 0;
  list-style: none;
  }
ul#you_get li {
  margin: 0;
  padding: 0 0 13px 20px;
  background: url(../img/bg_bullet_bl.gif) no-repeat 0 3px;
  }
dl#sponsors {
  margin: 22px 0 15px 5px;
  padding: 5px 0 20px 0;
  list-style: none;
  color: #084472;
  background: url(../img/h_line.gif) repeat-x bottom left;
  }
dl#sponsors dt {
  margin: 0;
  padding: 3px;
  }
dl#sponsors dd {
  margin: 0 25px 0 10px;
  padding: 7px 0 7px 13px;
  }
dl#sponsors strong.big {
  font-size: 150%;
  font-weight: normal;
  }

/* content_r */

#content_r {
  margin-left: 40px;
  width: 291px;
  float: left;
  }
#map {
  margin: 20px 0 20px 0;
  text-align: center;
  }
#safety {
  margin: 0 15px 15px 15px;
  }
#safety p {
  margin: 0 25px 0 10px;
  padding-top: 1px;
  }
#safety ul {
  margin: 5px 0 15px 5px;
  padding: 0;
  list-style: none;
  }
#safety ul li {
  margin: 0 25px 0 10px;
  padding: 0 0 7px 13px;
  background: url(../img/bg_bullet.gif) no-repeat 0 3px;
  }
ul#cool_happenings {
  margin: 10px 0 0 0;
  padding: 51px 25px 0 10px;
  background: url(../img/p_kauai_events.gif) no-repeat top left;
  font-size: 95%;
  list-style: none
  }
#content_l #cool_happenings li {
  margin: 2px 0 2px 15px;
  display: inline;
  }
dl#cool_happenings {
  margin: 25px 0 0 0;
  padding: 51px 25px 0 0;
  background: url(../img/p_kauai_events.gif) no-repeat top left;
  font-size: 95%;
  }
#cool_happenings dt {
  margin: 0;
  padding: 5px 0 0 15px;
  font-weight: bold;
  text-transform: uppercase;
  }
#cool_happenings dd {
  margin: 0;
  padding: 5px 0 0 15px;
  }
#cool_happenings dd.more {
  margin: 0;
  padding: 10px 10px 0 15px;
  text-align: right;
  }

/* alii */

#alii {
  margin: 0;
  padding: 60px 0 5px 80px;
  font-size: 75%;
  clear: both;
 }

/* ---[ beach ]------------------------ */

#beach_content {
  padding: 0 20px 0 10px;
  width: 368px;
  float: left;
  }
#beach_content h5 {
  clear: both;
  }
#beach_content h5.cool {
  background: url(../img/bg_cool.gif) no-repeat 0 7px;
  }
#beach_content h5.hazards {
  background: url(../img/bg_hazards.gif) no-repeat 60px 10px;
  }
#beach_content ul {
  margin: 10px 0 5px 0;
  padding: 0 0 15px 0;
  background: url(../img/h_line.gif) repeat-x bottom left;
  float: left;
  }
#beach_content ul li {
  margin: 0 10px 0 0;
  width: 96px;
  float: left;
  }
#beach_info {
  margin: 7px 0 0 0;
  float: left;
  width: 163px;
  height: 257px;
  text-align: center;
  }
#beach_info h4 {
  margin: 0;
  padding: 8px 0 0 0;
  font-size: 85%;
  text-transform: uppercase;
  }
#sponsor_ring {
  margin: 35px 0 0 0;
  padding: 30px 0 0 0;
  color: #005683;
  float: left;
  width: 166px;
  height: 140px;
  text-align: center;
  background: url(../img/sponsors/sponsor_ring.gif) no-repeat top center;
  }
#sponsor_ring h3{
  padding: 25px 0 3px 0;
  margin: 0;
  font-size: 135%;
  font-weight: bold;
  }
#sponsor_ring h3.two_lines{
  padding: 15px 0 3px 0;
  margin: 0;
  font-size: 135%;
  font-weight: bold;
  line-height: 1em;
  }
#sponsor_ring h4{
  padding: 0 0 4px 0;
  font-size: 80%;
  font-weight: bold;
  text-transform: uppercase;
  }
#sponsor_ring p{
  padding: 0;
  margin: 0;
  font-size: 80%;
  }
#beach_info p.become {
  text-align: center;
  padding: 0 0 0 11px;
  margin: 0;
  font-size: 80%;
  }
#act {
  margin: 10px 0;
  background: #E7F3F5 url(../img/h_lineThin.gif) repeat-x top left;
  float: left;
  width: 100%;
  font-size: 85%;
  }
#beach_content #act ul {
  margin: 0;
  padding: 5px 0 7px 0;
  width: 100%;
  background: url(../img/h_lineThin.gif) repeat-x bottom left;
  color: #084472;
  float: left;
  }
#beach_content #act ul li {
  margin: 0;
  padding: 0 5px;
  width: auto;
  float: left;
  border-right: 1px solid #CCE6EA;
  background: none;
  }
#beach_content #act ul li#last {
  border: 0;
  }
#please_sponsor {
  margin: 20px 0 0 0;
  float: left;
  width: 163px;
  height: 257px;
  background: url(../img/sponsors/bg_please.gif) no-repeat top center;
  }

/* surf forcast box */

#surf_forcast {
  padding-bottom: 7px;
  background: url(../img/bg_surf.gif) no-repeat top left;
  color: #fff;
  }
#surf_forcast p {
  margin: 0;
  padding: 0;
  }
#surf_forcast p.surf_height {
  margin: 7px 0 3px 0;
  padding: 0 0 0 5px;
  font: bold 150% Arial, sans-serif;
  }
#surf_forcast p.surf_height em {
  font-size: 207%;
  font-style: normal;
  }
#surf_forcast p a {
  font-size: 85%;
  }
#surf_forcast_advisory {
  padding-bottom: 7px;
  background: url(../img/bg_surf_advisory.gif) no-repeat top left;
  }
#surf_forcast_advisory p {
  margin: 0;
  padding: 0;
  }
#surf_forcast_advisory p.surf_height {
  margin: 7px 0 3px 0;
  padding: 0 0 0 5px;
  font: bold 150% Arial, sans-serif;
  color: #fff;
  }
#surf_forcast_advisory p.surf_height em {
  font-size: 207%;
  font-style: normal;
  }
#surf_forcast_advisory p a {
  font-size: 85%;
  }
#rating {
  margin: 0;
  padding: 0 0 10px 0;
  background: url(../img/bg_rating.gif) no-repeat top left;
  }	
#rating ul {
  margin: 5px 0 0 0;
  padding: 0;
  width: 130px;
  height: 20px;
  background: url(../img/star.gif) repeat-x top left;		
  list-style:none;
  }
html>body #rating ul {  /* hack for FF li width problem */
  margin-left: 16px;
  }
#rating li.current_rating {
  margin: 0;
  padding: 0;
  background: url(../img/star.gif) repeat-x bottom left;
  height: 20px;
  float: left;
  text-indent: -9000px;
  z-index: 1;
  }
#rating p {
  margin: 0;
  padding: 10px 8px 0 8px;
  font-size: 85%;
  line-height: 1.2em;
  color: #002A4D;
  }	
#guarded {
  padding: 23px 49px 23px 11px;
  background: url(../img/bg_guarded.gif) no-repeat bottom left;
  font: bold 105% Arial, sans-serif;
  color: #005683;
  text-transform: uppercase;
  }
#guarded_no {
  padding: 14px 52px 12px 8px;
  background: url(../img/bg_guarded_no.gif) no-repeat bottom left;
  font: bold 105% Arial, sans-serif;
  color: #C04C0F;
  text-transform: uppercase;
  }
#beach_info dl {
  margin: 15px 0 0 7px;
  text-align: left;
  font-size: 85%;
  color: #666666;
  background: none;
  }
#beach_info dl dt {
  text-transform: uppercase;
  font-weight: bold;
  }
#beach_info dl dd {
  margin: 0;
  padding: 0;
  }
#beach_info dl dd.more {
  padding: 5px 0;
  }

/* beach navigation */

#beach_nav {
  margin-bottom: 20px;
  background: url(../img/beach_nav_b.gif) no-repeat bottom center;
  }
#beach_nav h3 {
  margin: 0;
  padding: 19px 0 7px 10px;
  background: #fff url(../img/bg_beach_title.gif) no-repeat top center;
  color: #fff;
  text-transform: uppercase;
  font: bold 107% Arial, sans-serif;
  }
#beach_nav ul {
  margin: 0;
  padding: 0 0 4px 0;
  list-style: none;
  font-size: 85%;
  }
#beach_nav li {
  margin: 0;
  padding: 2px 0 2px 26px;
  }
form#beach_guard {
  margin: 0;
  padding: 5px 0 0 15px;
  background: url(../img/bg_beach_lifeguard.gif) no-repeat 2px 0;
  font: bold 85% Arial, sans-serif;
  border-left: 1px solid #49A4BE;
  border-right: 1px solid #49A4BE;
  }
form#beach_guard label {
  position: relative;
  bottom: 2px;
  color: #BF4B0E;
  }
#beach_map {
  text-align: center;
  border-left: 1px solid #49A4BE;
  border-right: 1px solid #49A4BE;
  }
#beach_list {
  padding: 10px 0 10px 40px;
  background: url(../img/bg_beach_list.gif) no-repeat top left;
  }
#beach_list h6, #support_list h6 {
  margin: 0;
  padding: 0;
  font: bold 105% Arial, sans-serif;
  text-transform: uppercase;
  color: #005683;
  }
#beach_list ul, #support_list ul {
  margin: 0;
  padding: 3px 0 10px 0;
  list-style: none;
  font-size: 85%;
  }
#beach_list li, #support_list li {
  margin: 0;
  padding: 2px 0 2px 15px;
  line-height: 1.2em;
  }
#beach_list li.active, #support_list li.active {
  background: url(../img/arrow.gif) no-repeat 0 1px;
  }

/* ---[ ocean report ]------------------------ */

#sponsor_ring_o {
  margin: 25px 0 0 30px;
  padding: 30px 0 0 0;
  color: #005683;
  float: left;
  width: 166px;
  height: 140px;
  text-align: center;
  background: url(../img/sponsors/sponsor_ring.gif) no-repeat top center;
  }
#sponsor_ring_o h3{
  font-size: 135%; 
  margin: 0;
  padding-top: 26px;
  }
#sponsor_ring_o h3.two_lines {
  line-height: 80%; 
  padding: 8px 0;
  }
#sponsor_ring_o h4{ 
  margin: 0;
  padding: 0 0 4px 0;
  font-size: 80%;
  font-weight: bold;
  text-transform: uppercase;
  }
  
#sponsor_ring_o p{
  font-size: 80%;
  margin: 0;
  padding-top: 2px;
  }

/* ---[ guides ]------------------------ */

#guide_xtra {
  margin: 25px 0 10px 0;
  padding-bottom: 10px;
  width: 560px;
  background: url(../img/guides/bg_extra_b.gif) no-repeat bottom center;
  }
#guide_xtra_no {
  margin: 25px 0 10px 0;
  padding-bottom: 10px;
  width: 560px;
  }  
#guide_xtra h5 {
  padding: 15px 20px 0 20px;
  background: url(../img/guides/bg_extra.gif) no-repeat top center;
  font: normal 145% Arial, sans-serif;
  }
#guide_xtra h6 {
  padding: 0 5px 0 35px;
  margin: 0;
  }
#guide_xtra p {
  padding: 5px 20px;
  }
#guide_xtra ul {
  padding: 5px 20px 5px 20px;
  }
#guide_xtra ul.close {
  padding: 5px 8px 5px 40px;
  margin: 0;
  }
#guide_xtra ul li {
  padding-bottom: 10px;
  }

/* events */

#event {
  margin: 20px 0 0 0;
  padding-bottom: 25px;
  background: url(../img/h_line.gif) repeat-x bottom left;
  }
#event h5 {
  margin: 0 0 0 0;
  padding: 2px 0 0 0;
  border: none;
  }
#event p {
  margin: 0;
  padding: 0 0 0 3px;
  }
#event p.event_d {
  color: #74B4CE;
  font-style: italic;
  line-height: 1.2em;
  }
#date {
  margin: 0 4px 0 0;
  padding: 14px 0 5px 0;
  float: left;
  background: url(../img/calendar.gif) no-repeat;
  width: 36px;
  text-align: center;
  font: bold 120% Arial, sans-serif;
  color: #005683;
  }
#date em {
  display: block;
  font: normal normal 65% Arial, sans-serif;
  line-height: 9px;
  }
  
/* wildlife */

#fish {
  float:left;
  margin-bottom: 10px;
  padding: 10px 0;
  background: url(../img/h_line.gif) repeat-x bottom left;
  }
#fish dl {
  float: left;
  margin: 10px 0;
  padding: 0;
  display: inline; /*fixes IE/Win double margin bug */
  }
#fish dt {
  float: right;
  width: 464px;
  margin: 0;
  padding: 0 0 5px 0;
  font-size: 110%;
  color: #002A4D;
  }
#fish dd {
  margin: 0;
  padding: 0;
  }
#fish dd.img img {
  margin: 0 8px 0 0;
  padding: 0;
  float: left;
  }

/* ---[ comments ]------------------------ */

#comments {
  clear: left;
  margin: 0 0 20px 0;
  padding: 5px 0;
  }
#comments div {
  margin: 10px 0;
  }
#comments div.comment_blue {
  background: url(../img/bg_comment_b.gif) no-repeat bottom left;
  }
#comments div p.postedby {
  padding: 5px 20px 3px 10px;
  font-size: 85%;
  color: #74B4CE;
  }
#comments div p.postedby strong {
  text-transform: uppercase;
  color: #005683;
  }
#comments div p.post {
  padding: 0 20px 5px 10px;
  }
#comments div.comment_blue p.postedby {
  background: url(../img/bg_comment.gif) no-repeat top left;
  }
#comment_submit {
  padding: 5px 0 0 0;
  }
#comment_submit form {
  padding-left: 10px;
  }
#comment_submit label {
  margin: 0;
  padding: 5px 0;
  display: block;
  font: bold 85% Arial, sans-serif;
  text-transform: uppercase;
  color: #005683;
  }
.submit {
  margin: 5px 0;
  }
#comment_submit p {
  padding: 0 5px;
  font-size: 85%;
  color: #999999;
  }

/* ---[ sponsors ]---------------------- */


#sponsors_become {
  margin: 5px 0 5px 5px;
  padding: 5px 0 10px 0;  background: url(../img/h_line.gif) repeat-x bottom left;
  }
#sponsors_no {
  margin: 5px 0 5px 5px;
  padding: 5px 0 10px 0;  background: none;
  }
#sponsors_no, #sponsors_become p {
  font-size: 95%;
  }
#sponsor_l {
  float: left;
  width: 410px;
  }
#sponsor_l p.lrg {
  font-size: 115%;
  line-height: 1.6em;
  color: #002A4D;
  }
#sponsor_l h5 {
  font: bold 110% Arial, sans-serif;
  }
#sponsor_l ul {
  clear: none;
  }
#sponsor_l ul li {
  padding-bottom: 10px;
  }
#sponsor_r {
  margin-left: 420px;
  text-align: center;
  }
.s_logo {
  float: right;
  padding-right: 15px;
  }
.s_quote {
  font-size: 140%;
  color: #084472;
  }
dl#sponsors p.indent {
  margin-left: 20px;
  }
  
/* ---[ footer ]------------------------ */

#foot {
  position: absolute;
  margin-left: 25px;
  padding: 10px 0 15px 0;
  width: 900px;
  background: url(../img/h_line.gif) repeat-x top left;
  bottom: 0 !important;
  bottom: -1px; /* For Certain IE widths */
  height: 90px;
}
#foot dl {
  margin: 0;
  padding: 0;
  width: 400px;
  font-size: 85%;
  }
#foot dt {
  margin: 0;
  padding: 0 10px 10px 0;
  }
#foot dd {
  margin: 0;
  padding: 0 10px 0 0;
  display: inline;
  }
#foot_r {
  float: right;
  text-align: right;
  }
#foot_r p {
  margin: 0;
  padding: 0;
  font-size: 85%;
  }
p#feedback {
  padding-top: 20px;
  color: #666666;
  }
p#copy {
  padding-top: 20px;
  color: #666666;
  }
p#copy a:link {color: #666666;}
p#copy a:visited {color: #666666;}