*{border:0;font:inherit;font-size:100%;margin:0;padding:0;vertical-align:baseline;}
#wrapper{margin:0px; width:100%;/* border:1px solid #990000; */}

#topwrapper{display:none; */}


/* HTML elements */

body{	background-color: #ffffff;
	color:#000;font-family:'Droid Sans',Tahoma,Arial,sans-serif;font-size:.8em; line-height:.9em;
}

.noPrint  {display:none; }
.photoslide-wrap {display:none;}

a{color:#000;text-decoration:none;}
a:hover{color:#000;text-decoration:none;}
a img{border:none;}
h1,h2,h3,h4{clear:left;color:#000000;font-weight:200;margin:0.7em 0;font-family:'Yanone Kaffeesatz';}
h1{font-size:2.6em; line-height:2.1em;}
h2{font-size:2em; line-height:2.1em;}
h3{font-size:1.6em; line-height:1.1em;}
p,ul{margin:0 0 20px 0;}
i,em {font-style:italic;}
b,strong {font-weight:700;}
.clear { }

.nav-button { display: none; } /* hide the navigation button by default */
.nav-text { display: none; }
.nav-phone { display: none; } /* hide the navigation button by default */
.nav-map { display: none; } /* hide the navigation button by default */
.nav-contact {display:none; }

/* Main wrappers */
#wrapper1240{background-color:#fff;margin:20px auto;width:1240px;}
#wrapper960{background-color:#fff;margin:0px auto;width:960px;}
#wrapper960a{margin:0px auto;width:960px;}
#wrapper760{background-color:#fff;margin:20px auto;width:760px;}
#wrapper600{background-color:#fff;margin:0 auto;width:600px;}
#wrapperfluid{background-color:#fff;margin:0 auto;max-width:1260px;}


#topmidleft { display:none; }
#topmidright { display:none; /* border:1px solid #ffffff; */}

#picbox {position: relative; 
     margin:0px 10px 0px 10px; }

#picbox img {
	max-width: 80%;
	height: auto;
       margin:10px 10px;
filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 10+ */
filter: gray; /* IE6-9 */
-webkit-filter: grayscale(100%); /* Chrome 19+ & Safari 6+ */
-webkit-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;

}

#contactbot { display:none; } /* for dropdownform */

/* Top links menu */
#toplinks{background-color:#003399; height:35px; padding:0px; float:right;}
#toplinks ul {list-style:none; margin:0;text-align:right;}
#toplinks ul li{display:inline-block; float:left; font-size:1em; margin:10px 20px 10px 0;  /* border:1px solid #990000;*/}
#toplinks ul li a {color:#ffffff;}
#toplinks ul li a:hover{color:#fff000; text-decoration:none;}


/* Layout IDs */
#header{position:relative; /* border:1px solid #990000;*/ }

#sitetitle{position:relative; margin:10px auto 10px auto; width:80%; /* border:1px solid #990000;*/ }
#sitetitle h1 {font-size:40px;color:#000;margin:0;padding:0;}

#sitetitle img {
	max-width: 30%;
	height: auto;
       margin:20px 40px;
filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 10+ */
filter: gray; /* IE6-9 */
-webkit-filter: grayscale(100%); /* Chrome 19+ & Safari 6+ */
-webkit-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;

}

#addresswrapper { float:right; width: auto; height: auto; 
margin:20px; 
padding:0px; /*   border:1px solid #aaaaaa; 
 background:#ffffff;  */}


#header-image{height:300px;margin:0;padding:0;}
#content{padding:15px 30px;}
#extended{padding:15px 30px; background-color:#fff;}
#extended a{text-decoration:underline;}





/* Main navigation menu */

#nav {display:none}
#nav ul {list-style:none; margin:5px 30px 5px 20px;}
#nav ul li {background:none!important;display:inline-block;text-align:right; float:left; height:auto;line-height:25px; margin-bottom:13px; #bottom:13px; margin-left:25px; position:relative;}
#nav ul li a {color:#003399;display:block;font-size:1.1em;padding-top:0;text-transform:uppercase;}
#nav ul li a:hover {color:#333;}
#nav ul li a.current {color:#000;}

/* Columns */


#sidebar{float:left; width:100%; margin:0px; background:none;}

#sidebar2{float:left; width:100%; margin:0px; background:none; /* border:1px solid #ff9999; /*}

#testimonials{ display:none;  /* border:1px solid #990000; */ }





#main{width:100%; /* border:1px solid #990000; */}

#trio1{float:left;width:33.3%;}
#trio2{float:left;width:33.3%;}
#trio3{float:right;width:33.3%;}

    #inner{width:auto; text-align:center; margin:0px 0px 20px 0px; padding:10px;
 font-family: arial,helvetica,sans-serif; font-size: .9em; line-height:1em; }

    #inner2 {width:auto; text-align:center; margin:0px 0px 20px 0px; padding:10px;
 font-family: arial,helvetica,sans-serif; font-size: .9em; line-height:1em; /*  border:1px solid #009900;*/}

#innerbot { display:none;  /* position:absolute: bottom:10px; width:auto; margin:0px; text-align:center; font-family: arial,helvetica,sans-serif; font-size: 1.1em; line-height:1em; */ }
#innerbot h3 {font-size:1.2em; width:auto; height:18px;  border-top:1px solid #aaaaaa; border-bottom:1px solid #aaaaaa; padding:5px; }

#innerbot .toggle { display:none; }
#innerbot .show { display:none; }

#trio1 .inner{margin-left:0;}
#trio2 .inner{margin:0;}
#trio3 .inner{margin-right:0;}


.left .inner{margin-left:0;}
.right .inner{margin-right:0;}

/* Footer */

#footer { position:relative; width:auto; margin:30px 0px 0px 0px; /*  border:1px solid #000000;*/}

#footerbottom { margin: 0px auto 0px auto; width:70%; height:45px; /*  border:1px solid #000000;*/}
#footerbottomleft { margin: 20px 0 0 10px; float:left; text-align:right; width: 50%; height:55px; /*  border:1px solid #000000;*/}
#footerbottomright {position:relative; float:right; width: 30%; padding: 0 0 0 5px; margin:0px; text-align:right; /*  border:1px solid #000000;*/}






img.wubutton{
margin-top:10px;
margin-right:10px;filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 10+ */
filter: gray; /* IE6-9 */
-webkit-filter: grayscale(100%); /* Chrome 19+ & Safari 6+ */
-webkit-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
}

a.copylink {text-decoration:underline;}
a.copylink:hover {text-decoration:underline; color:#000000;}
.copylink { color: #000000;}
.copytext { color: #000000;}

/* Footer */









/* Image alignment */
img.alignleft,img.aligncenter,img.alignright{background:#fff;padding:4px;margin-bottom:10px;border:1px solid #ddd;}
.alignleft{float:left;margin-right:30px;}
.alignright{float:right;margin-left:30px;}
.aligncenter{text-align:center;display:block;clear:both;margin:5px auto;}

/* Additional classes */
.shadow{ }
.topshadow{ }
.clear{clear:both;}
.left{float:left;}
.right{float:right;}

/* Clearing fix */
.clearfix:after{clear:both;content:".";display:block;height:0;visibility:hidden;}
* html .clearfix{height:1%; }
*:first-child+html .clearfix{ min-height:1%; }

/* Alternate color scheme, add class="altcolors" to the body tag to apply */
.altcolors{background-color:#e6e8e8;}
.altcolors #wrapper600, .altcolors #wrapper760, .altcolors #wrapper960, .altcolors #wrapper1240, .altcolors #wrapperfluid {box-shadow: 0px 0px 28px #888;}
.altcolors #toplinks, .altcolors #footer{background-color:#eaecec;}
.altcolors #content{background-color:#f2f4f4;}



#slider-wrapper { display:none; /* border:1px solid red;*/}
#slider { display:none; /* border:1px solid red;*/}
#topright { display:none; /* border:1px solid red;*/}



#phonewrapper { display:none;/* border:1px solid #aaaaaa; background:#ffffff;  */}
.callus{font-family:'Droid Sans',Verdana,Tahoma,sans-serif; color:#003399; font-size:24px; line-height:26px;}
.callusphone {font-family:'Droid Sans',Verdana,Tahoma,sans-serif; color:#990000; font-size:28px; line-height:30px;}


#searchwrapper { display:none;/* border:1px solid #aaaaaa; background:#ffffff;  */}
#search { position: absolute; top:5px; float:right; width: 170px; height: 22px; right: 2px; margin:0px; background:#ffffff; border:1px solid #aaaaaa; }
#search form {  }
#search .field { float:left; color:#666666; background:#ffffff; border:0; width:138px; padding:3px; }
#search .submit { border:0; cursor:pointer; background:url(../images/search-submit.jpg); width:21px; height:21px; float:left; margin-right:0px; }
.searchtop { background-image: url(images/searchtop.gif); }
.searchbox {}
.searchtoptext { font-family: arial,helvetica,sans-serif; font-weight: bold; font-size: 9pt; line-height: 10pt; color: #666666;}
.searchtext { border: 1px solid #804575; background: #2d2d2d;}


.icons a {     
display: inline-block;     
width: 24px;     
height: 24px;     
margin: 5px 2px 15px 2px;     
vertical-align: middle;
     -o-transition: all .3s;
     -moz-transition: all .3s;
     -webkit-transition: all .3s;
     -ms-transition: all .3s; }   

.icons a.pinterest { background: url(../images/social-icons/pinterest.png) left top no-repeat; }
.icons a.pinterest:hover { background: url(../images/social-icons/pinterest.png) left bottom no-repeat; } 
.icons a.facebook { background: url(../images/social-icons/facebook.png) left top no-repeat; } 
.icons a.facebook:hover { background: url(../images/social-icons/facebook.png) left bottom no-repeat; } 
.icons a.googleplus { background: url(../images/social-icons/googleplus.png) left top no-repeat; } 
.icons a.googleplus:hover { background: url(../images/social-icons/googleplus.png) left bottom no-repeat; } 


#weather { display:none;  /* position: relative; width:auto; float:left; margin:10px;  border:1px solid #ff9999; */ }
#tides { display:none;  /* position: relative; width:auto; float:left;  border:1px solid #ff9999; */ }
#tags { display: none;}
#recentreports { display: none;}
#formcontainer { width:100% }





/*  tides     */
#tidebox { position: relative;
text-align: center;
width:auto; 
height:auto;
margin:0px; 
padding:0px;
background-repeat:no-repeat;
background-position:top left;
/* border:1px solid #990000; */
}

#tideinfo {position: relative; width: auto; text-align:center; height: 40px; margin: 0px auto 0px auto; padding:0px auto; font-family:arial,sans-serif; font-size:6px; /* border:1px solid #ff9999; */}

#arrowbox {position: relative; width:100%; height:50px; 
margin:20px auto 10px auto; 
#margin:10px auto 10px auto; 
padding:0px; font-family:arial,sans-serif; font-size:6px;}

#tideleftinfo {position: relative; float:left; width: 90px; height:46px; text-align:center; margin:10px 0px 0px 0px; padding:auto 0px; font-family:Verdana,sans-serif; text-shadow: 0.0em 0.0em 0.01em #003768; font-size:11px; line-height:14px;}
#tiderightinfo {position: relative; float:right; width: 90px; height:46px; text-align:center; margin:10px 0px 0px 0px; padding:auto 0px; font-family:Verdana,sans-serif; text-shadow: 0.0em 0.0em 0.01em #003768; font-size:11px; line-height:14px;}
#arrow {position: relative; float:left; margin: 0px auto; width:25px; height:45px; /* border:1px solid #ff9999; */}

.tidetitle { padding:0px; font-family: Verdana, sans-serif; font-size: 12px;  line-height: 24px; color: #333333;}
.loctitle { padding:0px; font-family: Verdana, sans-serif; font-size: 16px;  line-height: 18px; color: #003399; font-weight:bold;}
.tideannot { padding:0px; font-family: Verdana, sans-serif; font-size: 10px;  line-height: 12px; color: #333333;}


#chart_div {position: relative; width:95%; #width:80%; height: 200px; margin: 0px auto; font-family:arial,sans-serif; font-size:8px;}

#sidebox { position:relative; margin:5px 10px 25px 10px; /*  border:1px solid #009900; */} /*  fixed side items */



/*  tides     */
/*  weather     */

#weatherbox { position: relative;
text-align: center;
width:auto; 
height:auto;
margin:0px; 
padding:0px;
background-repeat:no-repeat;
background-position:top left;
/* border:1px solid #990000; */
}
#weatherinfo {position: relative; width: auto; text-align:left; margin: 12px auto 0px auto; padding:0px auto; font-family:arial,sans-serif; font-size:6px;}
#weatherinfo IMG {margin: 15px auto 15px auto; padding:10px auto; /* border:1px solid #006600; */}
.weathtitle { padding:0px; font-family: Verdana, sans-serif; font-size: 12px;  line-height: 13px; color: #333333;}
.wloctitle { padding:0px; font-family: Verdana, sans-serif; font-size: 14px;  line-height: 14px; color: #5f5f5f; font-weight:bold;}

/*  weather     */



/*  map directions     */

#map_canvas {	position:relative; float:center;	width:550px;  height: 500px;}
#directionsPanel {float:center; width:550px; min-height:300px; padding:5px; font-family: Verdana, arial, helvetica,sans-serif; font-weight: normal; font-size: 9pt; line-height:12px; color: #333333;}


#maps { position:absolute; top:0px; text-align:left; left:20px; margin:0px; padding:0px; width:950px; /* border:1px solid #000000; */}      /* aligned to left side */

#mapbox { display: none; }

#innermapbox { position:relative; /* border:1px solid #c1c0be;*/  text-align:left; float:left; margin:0px; padding:0px; width:600px; height:126px; background-image: url(../images/smmap.jpg);}      /* aligned to left side */

#innermaptextbox { position:absolute; 
right:0px; 
padding:15px 0px 0px 0px; 
width:200px; 
height:111px; 
text-align:center; 
background-image: url(../themes/defaultimages/maptextback.png); 
background-position: left 0px bottom 0px; 
font-family: Verdana;  
font-size: 10pt;
line-height:10pt; 
color: #000000; /* border:1px solid #ff0000; */ }      /* aligned to left side */


.maptoptext {font-family: Verdana;  font-size: 14pt; line-height:14pt; color: #48b900; font-weight:bold; }

.maptop {font-family: Verdana;  font-size: 9pt; line-height:14pt; color: #ffffff; font-weight:bold; }

.maptext {font-family: Verdana;  font-size: 8pt; line-height:10pt; color: #ffffff; }

#map-link {   position: absolute; 
		top: 0px; 
		width: 400px; 
		height: 126px; 
		background-color: transparent;
		/* border: 1px solid red;   */}	


#map-link:hover {   position: absolute; 
		top: 0px; 
		width: 400px; 
		height: 126px; 
		background-image: url(../themes/defaultimages/maphighlight.png); background-repeat: repeat;  
		/*   */}	




/*  map directions     */