/* Initialize */
body, h1,h2,h3,h4,h5,h6,a,ul,li,p,div,span,table,td,tr,blockquote { margin: 0 0 0 0; padding: 0 0 0 0; }

/* --Layout-- */
body    { font-size: 76%; font-family: Arial, Helvetica, sans-serif; background: #0F4696 url(bg_body.jpg) repeat-x  0 0}
h1 { font-size: 1.7em; margin-bottom: 0.57em; }
h2 { font-size: 1.4em; margin-bottom: 0.57em; }
p  { font-size: 1.1em; margin-bottom: 0.57em; line-height:1.2em; color:#111;}
#contentPane ul,
#contentPane ol { margin:0.5em; }
#contentPane li { margin-left:1em; }

#main    { width: 962px; margin: 10px auto; position: relative; z-index: 0; height: 709px; }
#header  { width: 100%; z-index: 1; background: url(bg_header.gif) no-repeat 0 0; float: left; height: 215px; }
#logo { margin-left: 240px; }
#logo img { margin-top: 20px; border: none; }
#footer  { width: 100%; width: 962px; z-index: 1; background: url(bg_footer.gif) no-repeat 0 0; padding-top: 20px; float: left;font-size:0.9em; }
#footer p { color: white;  }
#footer a { text-decoration: none; color: white; }
#footer a:hover { text-decoration: underline; }
#contentPane { width: 922px; float: left; background-color: #999967; clear: both; padding: 10px 20px 0; }
#content { width:682px;float:right; margin:0 20px 0 0;}
#sponsorPane { width: 190px; float: left; color: #5C5C3E; text-align: center; }
.sponsor { margin-bottom:5px; }
.sponsor a img { border: 1px solid #5C5C3E; }
#flashBanner { width:180px;margin:0 auto 1em; color:#333;}
#object1 { width: 188px; height: 188px; display: block; position: absolute; top: 15px; left: 20px; }

/* Main Navigation */
#nav { list-style: none; position: relative; top: 20px; left: 240px; float: left; }
#nav li { display: inline; float: left; margin-right: 43px; }
#nav li a  { display: block; width: 54px; padding: 61px 6px 0 0; background: url(icons.gif) no-repeat 0 0; text-decoration: none; text-align: center; color: black; font-weight: bold; }
#nav li.info a      { background-position: -120px 0; }
#nav li.pictures a   { background-position: -240px 0; }
#nav li.stories a    { background-position: -360px 0; }
#nav li.blog a       { background-position: -360px 0; }
#nav li.links a      { background-position: -480px 0; }
#nav li.contact a    { background-position: -600px 0; }

body.home #nav li.home a ,
#nav li.home a:hover { background-position: -60px 0; color: white; }
body.info #nav li.info a ,
#nav li.info a:hover { background-position: -180px 0; color: white; }
body.pictures #nav li.pictures a ,
#nav li.pictures a:hover { background-position: -300px 0; color: white; }
#nav li.blog a:hover ,
body.stories #nav li.stories a ,
#nav li.stories a:hover { background-position: -420px 0; color: white; }
body.links #nav li.links a , 
#nav li.links a:hover { background-position: -540px 0; color: white; }
body.contact #nav li.contact a , 
#nav li.contact a:hover { background-position: -660px 0; color: white; }

.picture { margin: 1em; border: 1px solid #5C5C3E; }
.left { float:left; }
.right { float: right; }

body.stories #contentPane img,
body.stories #contentPane a img { display: block; margin: 0.57em auto; border: 1px solid #5C5C3E; }
body.stories #contentPane em { text-align:center;display:block; }

/*#object1,
#footer,
#contentPane { display:none; }*/

.tides table { text-align:right; }
.tides table th { text-align:center; }
.tides td {width:40px; }
#wx_module_5753 { float:right; }

input{
	background-color:#B6B578;
	border:1px solid #333;
	width:250px;
}
textarea{
	background-color:#B6B578;
	border:1px solid #333;
	width:390px;
}
.select{
	background-color:#B6B578;
	border:1px solid #333;
	width:250px;
}
.button{
	width:70px;
	border:none;
	border-bottom:2px solid #000;
	border-top:1px solid #000;
	background-color:#999967;
	cursor:pointer;
	color:#333;
}