﻿a,b,body,center,dd,dl,div,dt,em,font,form,h1,h2,h3,h4,h5,h6,header,html,i,iframe,img,label,li,#nav,object,ol,p,span,strong,table,tbody,tfoot,thead,th,tr,u,ul,td{background:transparent;border:0 none;font-size:100%;margin:0;padding:0;border:0;outline:0;vertical-align:top}
body{height:100%;min-height:100%;width:100%;font-size:13px;font-size:1em;font-family: 'Open Sans Condensed', sans-serif;color:#606060}

ol,ul{list-style:none}
img{vertical-align:top;max-width:100%}
html, body,.clear,iframe{padding:0;margin:0}
.left,#nav li,#fancybox-buttons ul li{float:left}
.video iframe,.video object,.video embed{position:absolute;top:0;left:0;width:100%;height:100%}
div{box-sizing:border-box}
p{text-align:justify;margin-bottom:1.05em}
iframe[src*='vimeo'], iframe[src*='youtube']{visibility:hidden}
.video{background:#cfcfcf url(/a/0/fancybox_loading.gifx) center center no-repeat;border-radius:2px;border:solid 1px #264C5A;position:relative;padding-bottom:56.25%;height:0;overflow:hidden;background-size:40px}
.clear{clear:both}

a{text-decoration:none;color:#447DAF}
a:hover{cursor:pointer}
.white{color:#fff}
h1 a,h2 a, h3 a, h4 a,h5 a{color:#264C5A}
.link{position:relative;height:38px;line-height:38px;vertical-align:middle;min-width:38px;margin:5px;font-weight:bold;font-size:1.1em;color:#353D92;background-color:rgba(255,255,255,.8);display:inline-block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.link:before,.sectionTitle:after{background-image:url('/a/0/icons.pngx');background-position:0 0;content: " ";height:38px;width:38px;position:absolute;left:0}
.link:not(:empty){padding:0 10px 0 48px}
a.link:hover{ background-color:rgba(38, 76, 90, 0.7);color:#fff;transition: all 300ms ease-in}

.innerLeft ul:not(.grid),.list{list-style-type:disc;margin: 10px 30px;}
a.btn{display:inline-block;padding:8px 15px;background:#264C5A;border:solid 1px #264C5A;font-weight:normal!important;color:#fff;margin:8px 16px 8px 0;}
a.btn:hover{background:transparent;color:#264C5A;transition: all 300ms ease-in}

/*HEADERS*/
h1,h2,h3,h4,h5{padding:0 0 5px 0;margin:0 0 8px 0;font-weight:bold;color:#264C5A;}
h1,h2,h3:not(.noline){border-style:solid;border-width: 2px;border-image: linear-gradient(to left,rgba(38,76,90,0.1) 1%,rgba(38,76,90,1) 75%) 0 0 100% 0/0 0 2px 0 stretch;}
h4,h5{margin:8px 0 0 0;padding:5px 0 0 0}
h1{font-size:2em}
h2{font-size:2em}
h3{font-size:1.8em}
h4{font-size:1.6em}
h5{font-size:1.2em}
/*TABLES*/
table{width:100%}
table,table td, table th{padding:4px;border:none;border-collapse:separate;border-spacing:0}
table thead th{background-color:#264C5A;color:#fff;border:solid 1px #264C5A;text-align:left;padding:12px}
table thead th:not(:last-child){border-right-color:#fff}
.alttable tbody tr:nth-child(odd),.smallTides tr:nth-child(odd),.tides td:nth-child(n+6),.tides td tr:first-child{background-color:rgba(207, 207, 207, .2)}
.alttable{border:solid 1px #264C5A}
.alttable td:not(:last-child){border-right:solid 1px #cfcfcf}
.alttable td{padding:5px}
.alttable tr td:nth-child(-n+3),#tDives tr td:last-child{text-align:center}
.frm td:first-of-type{font-weight:bold}
.frm td:not(:first-of-type){vertical-align:middle}
table.click tbody tr:hover{cursor:pointer;background:rgba(38, 76, 90, .3)}

/*IMAGES*/
.lefttop{float:left;margin:0 10px 10px 0}

/*GRIDS*/
ul.grid :after{transition: all 0.7s;-webkit-transition: all 0.7s}
ul.grid{font-size:0;margin-left:-1%}
ul.grid > li{display:inline-block;padding:10px;margin:0 0 1% 1%;vertical-align:top;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;font-size:13px}
ul.grid.border > li,table.border,div.border,a.fancybox img{border:1px solid #cfcfcf;-moz-box-shadow:0 0 5px #cfcfcf;-webkit-box-shadow:0 0 5px #cfcfcf;box-shadow:0 0 5px #cfcfcf}
ul.grid.border:not(.noclick):not(.projects) > li:not(.noclick):hover,a.fancybox img:hover{border:1px solid #246C5A;-moz-box-shadow:0 0 5px #246C5A;-webkit-box-shadow:0 0 5px #246C5A;box-shadow:0 0 5px #246C5A}
ul.grid.center > li,ul.grid.center > li p{text-align:center}
ul.grid > li img{width:100%;height:auto;margin:0}
ul.grid.columns-1 > li{width:99%}
ul.grid.columns-2 > li{width:49%}
ul.grid.columns-3 > li{width:32.33333%}
ul.grid.columns-3 > li li{width:100%}
ul.grid.columns-4 > li{width:24%}
ul.grid.columns-5 > li{width:19%}
ul.grid.columns-6 > li{width:15.66666666%}
ul.grid.columns-7 > li{width:13.28571428%}
ul.grid.columns-8 > li{width:11.5%}

/*MISC*/
.cal{width:46px;height:46px;border:solid 1px #264C5A;text-align:center;margin:5px 5px -5px 0px;font-weight:bold;text-transform:uppercase;font-size:0.9em;line-height:23px;color:#fff;background:linear-gradient(to top,#264C5A 50%, transparent 50%);display:inline;float:left;vertical-align:middle;}.cal::first-line{color:#000}
.newsitem{margin-bottom:1.5em}
.newsitem a{font-weight:bold}
.w30{width:30%}.w33{width:33%}.w50{width:50%}.w67{width:67%}.w70{width:70%}.w80{width:80%}.w100{width:100%}

.center{margin-left:auto;margin-right:auto}
.right{float:right}
.right:after{clear:both;display:block;content:" "}
.hidden{display:none}
div.fbMsg{min-width:450px;max-width:700px}
div.fbMsg > .title{display:block;width:100%;color:#fff;background:#264C5A;font-size:1.2em;font-weight:bold}
div.fbMsg > div{padding:4px}
.frm em{display:inline-block;font-size:.9em}
.lnk{background:transparent !important;color:blue !important;font-weight:bold !important;height:auto !important;width:auto !important;padding:0 !important;margin:0 !important;border:0 !important} 

/*MEDIA QUERIES*/
@media screen and (max-width:1291px){
    h2,h3{font-size:1.3em}
}
@media screen and (max-width:769px){
    ul.grid.columns-2{margin-left:0;}
    ul.grid.columns-2 li{width:100% !important;margin:0 0 20px}
    ul.grid.columns-4 li,ul.grid.columns-5 li,ul.grid.columns-3 li{width:49%}
    ul.grid.columns-6 li{width:32.33333333%}
    ul.grid.columns-8 li{width:24%}	
    ul.grid.columns-12 li{width:19%}
    .w33,.w67,.w50,.w80{width:98%;margin:0 1% 1% 1%;float:left}   
}
@media screen and (max-width:481px){
    ul.grid.columns-3 li{width:100% !important;margin:0 0 20px}
    ul.grid.columns-2 li{width:100% !important;margin:0 0 20px}
    ul.grid.columns-6 li{width:49%}
    ul.grid.columns-8 li{width:32.33333333%}
    .alttable th{padding:12px 5px}
}