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

/* Wide Screen layout - minimum 600 px wide      */


@media(min-width: 600px) {
  html {font-size:14px;}
}
@media(min-width: 900px) {
  html {font-size:16px;}
}
@media(min-width: 1200px) {
  html {font-size:18px;}
}
@media(min-width: 1500px) {
  html {font-size:21px;}
}

body{} /*background:url("images/100pxgrid.gif");*/

div#Page{margin:0; width:100%;}

div#HeaderContainer{width:100%; height:auto;}
div#HeaderArea{width:100%; position:relative; background:url("images/background-sea-decking.jpg"); height:2em;}
div#HeaderLogo{position:absolute; left:20%; width:7em; z-index:1000;}
div#HeaderLogo a img{ border:none; width:100%; height:auto; max-width:236px;}
div#HeaderRight{font-weight:300; font-size:.85em; padding-top:.5em; left:40%; top:0; font-style:italic; position:absolute; color:#333366;}
div.SocialMedia{padding:.5em;}
div.SocialMedia a img{padding-left:.25em; height:1.5em; width:auto; border:none; max-height:35px;}

div#MobileMenu, #MobileCarousel, #MobileNavigation{display:none;}

div#Navigation{margin:0; width:100%; text-align:center; background-color:#000; position:relative; height:4em;}
div#Navigation ul{padding:0; margin:0; position:absolute; left:40%; top:1em;}
div#Navigation ul li{display:inline-block;  margin:0; padding:0;}
div#Navigation ul li a{display:block; padding:.5em 1em; font-weight:700; color:#fff; text-decoration:none; font-size:1.25em;}
div#Navigation ul li a:hover{color:#ddd}
div#Navigation ul li:hover{}
div#Navigation ul li:hover a{color:#ddd;}
div#Navigation ul li:hover div{display:block; text-align:left;}
div#Navigation ul li div{background-color:#84cc72; display:none; width:auto; position:absolute; border-style:solid; border-color:#67b154; border-width:0 1px 1px 1px; z-index:1000;}
div#Navigation ul li div div{float:left; margin:.5em; display:block; position:relative; border:none; padding:0;}
div#Navigation ul li div div ul{margin:0 auto;}
div#Navigation ul li div div p a{padding:0; border:none;}
div#Navigation ul li div div ul li{background-color:transparent; display:block; float:none;}
div#Navigation ul li div div ul li a{padding:.4em .3em; margin:0; display:block; text-decoration:none; font:normal 0.75em Arial, Helvetica, sans-serif; color:#000; white-space:nowrap; border:none;}
div#Navigation ul li div div ul li a:hover{color:#c00;}
div#Navigation ul li div div ul li:hover{}

div.ClearBoth{clear:both; margin:0; padding:0;}

div.ContentContainer{margin:0; text-align:center;}
div.MainContent{text-align:center; padding:1em; }
div.MainContent div.Content{padding:0; text-align:left; font-weight:400; line-height:115%; margin:0 auto; width:90%; min-width:590px;}
div.MainContent div.Content h1{}
div.MainContent div.Content h2{}
div.MainContent div.Content h3{padding-left:2em;}
div.MainContent div.Content h4{}
div.MainContent div.Content p{padding-left:2em;}
div.MainContent div.Content p.TopLink{font-size:.85em; text-align:right;}
div.MainContent div.Content p img{-moz-border-radius: .45em; -webkit-border-radius: .45em; border-radius: .45em; border:1px solid #000; float:right; margin-left:.53em;}
div.MainContent div.Content .ColumnLeft{width:50%; float:left; }
div.MainContent div.Content .ColumnRight{width:40%; float:right; }
div.MainContent div.Content .GetMoreInfo{text-align:right; color:#f00; margin:.25em 0 .5em 0;}
div.MainContent div.Content ul{list-style:square; padding-left:4em; margin-bottom:1em;}
div.MainContent div.Content ul li{margin-top:.35em;}
div.MainContent div.Content ol{list-style:decimal; padding-left:4em; margin-bottom:1em;}
div.MainContent div.Content ol li{margin-top:.35em;}

div.MainContent div.Content p.BecomeButtons{text-align:center; margin:.75em auto;}
div.MainContent div.Content p.BecomeButtons a{margin:0 .5em; -webkit-appearance: none; padding:.35em; color:#fff; font-size:1em; font-weight:bold; border-radius:.25em; -moz-border-radius:.25em; -webkit-border-radius:.25em; border:none; background-color:#4e71ab; cursor:pointer;}


/* Video list */
div.Column1{float:left; width:13%; padding:.5em;}
div.Column2{float:left; width:67%; padding:.5em;}
div.Column3{float:left; width:19%; padding:.5em;}


div#Footer{text-align:center; font-size:0.9em; background-color:#39F; margin:0;  background:url("images/background-sea-decking.jpg");}
div#Footer div{padding-top:1em;}
div#Footer ul li{display:inline-block; color:#000;}
div#Footer ul li:before{content:'\00a0\2022\00a0\00a0';}
div#Footer ul li:first-child:before{content:'';}
div#Footer ul li a{color:#000; margin:.5em .15em;}
div#Footer div#Logos{margin:0 auto;}
div#Footer div#Logos a img{height:5em; width:auto; border:none; margin-right:.5em; margin-left:.5em;}
div#Footer p{font-size:1em; text-align:center; padding:1em;}

form.ContentForm{padding:0; margin:0 auto;}
dd{margin-bottom:1em;}
dt{ }
div.FormError{background-color:#ff9; color:#f00;}
fieldset{border:1pt solid #89a892; padding:.5em 1em; margin:.5em; color:#4a7162;}
fieldset legend{font:bold 1.5em; color:#89a892;}
form.ContentForm input[type=radio] {width:1.25em; height:1.25em;}
form.ContentForm p{padding-left:0 !important;}
form.ContentForm label{display:block; margin:.5em 0 0 0; font-weight:bold; font-size:1em; padding:0;}
.FormRow{margin:.4em auto; color:#4a7162; }
.FormRow label{font-size:1em;}
form.ContentForm dl dd input,form.ContentForm dl dd select,form.ContentForm dl dd textarea{font-size:1em; margin:.25em 0;}
form.ContentForm dl dd input{width:15em;}
.Required label{font-weight:bold;}
div.DataNotes1{font-size:.85em !important; color:#333;}
div.DataError1{font-size:.85em; color:#f00; background-color:#ff9;}
fieldset.HalfLeft{float:left; width:48%;}
fieldset.HalfRight{float:right; width:48%;}
div.RadioContainer{margin-bottom:.2em;}
form.ContentForm  input[type=checkbox] {width:1.25em; height:1.25em;}
form.ContentForm input[type=submit],form.ContentForm input[type=button] { -webkit-appearance: none; padding:.35em; color:#fff; font-size:1em; font-weight:bold; border-radius:.25em; -moz-border-radius:.25em; -webkit-border-radius:.25em; border:none; background-color:#4e71ab; cursor:pointer; margin:.75em;}
form.ContentForm input[type=submit].SmallBtn,form.ContentForm input[type=button].SmallBtn {-webkit-appearance: none; padding:.15em; color:#fff; font-size:.85em; font-weight:normal; border-radius:.1em; -moz-border-radius:.1em; -webkit-border-radius:.1em; border:none; background-color:#699; cursor:pointer; margin:.4em;}
form.ContentForm input[type=submit]{-webkit-appearance: none; 
	background:#00a9cd;
	background:-moz-linear-gradient(top,#00a9cd 0%,#001dcd 100%);
	background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#00a9cd),color-stop(100%,#001dcd));
	background:-webkit-linear-gradient(top,#00a9cd 0%,#001dcd 100%);
	background:-o-linear-gradient(top,#00a9cd 0%,#001dcd 100%);
	background:-ms-linear-gradient(top,#00a9cd 0%,#001dcd 100%);
	background:linear-gradient(top,#00a9cd 0%,#001dcd 100%);
	filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#00a9cd', endColorstr='#001dcd',GradientType=0);
}
