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

#sub_nav {position:relative; width:auto; padding-bottom:40px; font-size:80%}

#sub_nav ul {list-style-type:none; text-align:center;}

#sub_nav ul li {display:inline;}

#sub_nav ul li a{padding:5px;  background-color:#1a8cb0; color:#fff;}
#sub_nav ul li a:hover {text-decoration:underline;}

#sub_nav ul li a.act {background:#000; color:#FF0;}

* {margin:0;
padding:0;}

body {
background-color:#e0f4f9;
background-image:url(elements/body.gif);
background-repeat:repeat-x;
background-position:top;
color:#666;
font-size:1em;
font-family:Tahoma, Arial, Helvetica, sans-serif;
letter-spacing:0.01%;
line-height:1em;
}

a {color:#32960a; text-decoration:none;}

a:hover {text-decoration:underline;}

#main {
position:relative;
width:900px;
margin-left:auto;
margin-right:auto;
margin-top:5px;
}

#banner {
position:relative;
background-image:url(css/newbanner.jpg);
background-repeat:no-repeat;
width:862px;
height:177px;
}

#content {
position:relative;
width:840px;
padding-left:19px;
padding-right:19px;
}


#content p {
margin-bottom:.7em; line-height:1.3em;

}

#topnav {
background-image:url(elements/banner_back.gif);
background-repeat:no-repeat;
line-height:normal;
margin-top:5px;
margin-bottom:0px;
font-size:97%;
height:47px;
width:862px;
}

#topnav ul li {font-family:Tahoma, Geneva, sans-serif; font-size:105%; list-style-type:none;
}

#btm_content {
position:relative;
width:862px;
}

#left_col {
position:relative;
width:673px;
float:left;	
}

#right_col {
position:relative;
float:left;
width:189px;
}
* html #right_col {position:absolute;}


#right_col ul li a:hover {
text-decoration:underline;
}

#footer {
position:relative;
width:782px;
float:left;
height:59px;
margin-top:0px;
padding:10px 40px 20px 40px;
font-size:70%;

}

.footer {
position:relative;
width:16%;

float:left;
text-align:left}

ul.footer {list-style-type:none; margin-left:30px;}

ul.footer li a {color:#666; text-decoration:none;}
ul.footer li a:hover {text-decoration:underline;}

ul.footer li ul li {margin-left:6px; }
#top {
position:relative;
float:left;
background-image:url(elements/top.gif);
background-repeat:no-repeat;
width:673px;
height:33px;
margin-top:5px;
}

#top1 {
position:relative;
float:left;
background-image:url(elements/top1.gif);
background-repeat:no-repeat;
width:862px;
height:33px;
margin-top:5px;
}

#mid {
position:relative;
float:left;
background-image:url(elements/mid.gif);
background-repeat:repeat-y;
background-position:top;
width:613px;
padding-left:30px;
padding-right:30px;
min-height:340px;
}

#mid1 fieldset {border:1px solid #ccc; padding:10px; margin:8px;}

#mid1 fieldset legend {color:#069;}


#mid p {

text-align:justify; margin:0 20px 15px 10px;
font-size:0.875em; }

#mid1 {
position:relative;
float:left;
background-image:url(elements/mid1.gif);
background-repeat:repeat-y;
background-position:top;
width:802px;
padding-left:30px;
padding-right:30px;
}

#mid1 ul { font-size:90%; margin:9px 0 9px 45px}
#mid1 ul li {margin:2px 0 2px 0;}
#mid1 p {

text-align:left; margin:0 20px 6px 10px;
font-size:0.875em; }

#mid1 fieldset legend {font-size:1.2em; color:#069;
}

#btm {
position:relative;
float:left;
background-image:url(elements/btm.gif);
width:673px;
height:33px;
}
#btm1 {
position:relative;
float:left;
background-image:url(elements/btm1.gif);
width:862px;
height:33px;
}

h1 {
text-align: left;
color: #069;
padding: 13px 0 18px 10px;
margin:0;
voice-family: "\"}\"";
voice-family:inherit;
font-size:1.7em;
font-weight:normal;
letter-spacing:-1px;
} 


h2, h3, h4, h5, h6 {
color: #069;
padding: 3px 0 2px 0px;
font-weight: normal;
font-size:110%;
letter-spacing:-1px;
}


#news {
position:relative;
width:565px;
margin-left:10px;
margin-right:10px;
padding:13px;
float:left;
background-color:#f4fbfd;
}

#news fieldset {padding:10px; border:1px solid #CCCCCC;}

#news fieldset ul li {display:inline; list-style-type:none; float:left; margin-right:5px; margin-left:5px;}


.title { 
margin-bottom:7px; 
display:block;
}

.newslink {
display:block; 
margin-bottom:9px;
}

hr {
border: none 0; 
border-top: 1px solid #ccc;
height: 1px;
margin: 5px 3px 5px 3px;
}

.float {
float:right;
margin-left:20px;
}
.floatl {
float:left;
margin-right:20px;
}

#mid_top {
padding-left:10px;
float:left;
width:auto;
margin-bottom:10px;}

#login {position:relative;
width:187px;
height:177px;
background-image:url(elements/login.gif);
background-repeat:no-repeat;
float:left;
font-size:68.8%;
}

#login p {margin:25px 4px 5px 28px; color:#23a8d4; font-weight:bold;}

#login form {margin:5px 20px 10px 28px;}
#login input {margin-top:3px;}


#events {
position:relative;
width:585px;
margin-left:0px;
margin-right:10px;
padding:13px;
float:left;
background-color:#f4fbfd;
font-size:80%;



}

.header {position:relative;
float:left;
width:16%;
font-weight:bold;
height:30px;
padding-top:10px;
text-align:center;
font-size:100%;
}

.headere {position:relative;
float:left;
width:40%;
text-align:left;
font-weight:bold;
height:30px;
padding-top:10px;
font-size:100%;

}

.headerf {position:relative;
float:left;
width:14%;
font-weight:bold;
height:30px;
padding-top:10px;
text-align:center;
font-size:100%;
}


.content {position:relative;
float:left;
width:16%;
text-align:left;
height:1.8em;
text-align:center;

}

.contente {position:relative;
float:left;
width:14%;
text-align:center;
height:1.8em;


}

.event {position:relative;
float:left;
width:40%;
text-align:left;
height:1.8em;


}



.event_float {float:left; width:565px;}

#right_nav_top 
{background-image:url(css/right_nav_top.gif);
background-repeat:no-repeat;
width:187px;
height:60px;}

#right_nav_btm {background-image:url(css/right_nav_btm.gif);
width:187px;
height:18px;}


#right_nav {
position:relative;
float:left;
width:187px;
padding-top:10px;
background-image:url(css/right_nav_middle.gif);
background-repeat:repeat-y;
}

#right_nav ul li {
list-style-type:none;
margin-left:5px;
background-image:url(elements/navline.gif);
background-repeat:no-repeat;
background-position:15px 20px;
font-size:75%}

#right_nav ul li a {
display:block;
height:2em;
padding-left:20px;
color:#3eb111;
font-weight:bold;
text-decoration:none;
}

#right_nav ul li ul {
	margin-left:30px;}
#right_nav ul li ul li {list-style-type:none; background-image:none}
#right_nav ul li ul li a {padding-left:0px; font-size:120%}

#weather {
position:relative;
float:left;
width:187px;
text-align:left;
margin-top:2px;
background-image:url(css/right_nav_middle.gif);
background-repeat:repeat-y;
color:#666666;
font-size:68.8%;
}

#weather_top {
width:187px;
height:60px;
background-image:url(elements/weather_top.gif)
}

#weather_btm {
width:187px;
height:18px;
background-image:url(css/right_nav_btm.gif)
}

#weather p {margin-left:15px;
margin-right:15px;}


#buoy_top {
width:187px;
height:60px;
background-image:url(elements/buoy_top.gif)
}

#buoy_btm {
width:187px;
height:18px;
background-image:url(css/right_nav_btm.gif)
}

#buoy {position:relative;
width:187px;
background-image:url(css/right_nav_middle.gif);
background-repeat:repeat-y;
float:left;
margin-top:2px;
font-size:68.8%;
}
#buoy br {margin-bottom:0px;}

#buoy ul {margin-left:15px; margin-right:10px;}

#buoy strong {font-weight:bold; }

.home_col {position:relative;
float:left;
width:300px;
height:486px;
background-image:url(elements/home_col.gif);
background-repeat:no-repeat;
margin-top:60px;
padding:0px;
font-size:75%;}

.home_col2 {position:relative;
float:left;
width:474px;
height:495px;
background-image:url(elements/col2.gif);
background-repeat:no-repeat;
margin-top:60px;
padding:0px;
font-size:75%;}

.home_col h2,h3 {margin-left:30px; padding-top:30px; padding-bottom:10px; font-size:165%;}

.home_col ul {margin-left:30px; margin-right:20px;}

.home_col ul li {margin-bottom:9px;}

.home_col2 h2,h3 {margin-left:30px; padding-top:30px; padding-bottom:10px; font-size:165%;}

.home_col2 ul {margin-left:30px; margin-right:20px;}

.home_col2 ul li {margin-bottom:9px;}

.e {margin-left:30px;}


.event_head {font-size:125%;
color:#0066CC;}

.calendar {position:absolute; right:25px; top:20px;
background-image:url(elements/calendar.gif);
width:50px; height:45px;}

.news {position:relative; float:right;
background-image:url(elements/news.gif); background-repeat:no-repeat;
width:50px; height:38px; padding-right:180px; padding-bottom:10px}



.row {position:relative; width:auto; background-color:#0033CC;}

.page {float:left; font-size:120%; padding-top:20px;}

.page a {
	padding:4px;
	
	
	text-decoration:none;
	font-weight: normal;
	line-height:2em;
	border: 1px solid #ccc;
	margin-bottom: 5px;
	height: 25px;
}
.page a:hover {
		color:#fff;
	background-color:#32960a;
	border: 1px solid #ccc;
		height: 25px;
}
.page span {margin-right:.2em; margin-left:.2em; color:#666666; font-weight:bold; font-size:130%; color:#32960a; }

.off {
position:relative;
width:146px;
float:left;
font-size:80%;
height:2em;
padding:2px;
}
.offh {
position:relative;
width:146px;
float:left;
font-size:80%;
height:2em;
font-weight:bold;
padding:2px;
}
.offh2 {
position:relative;
width:146px;
float:left;
font-size:80%;
height:2em;
font-weight:bold;
padding:2px;
text-align:center;
}
.off2 {
position:relative;
width:146px;
float:left;
font-size:80%;
height:2em;
text-align:center;
padding:2px;
}

.yacht {position:relative;
width:75px;
float:left;
height:2.3em;
font-size:80%;}

.yachth {position:relative;
width:75px;
float:left;
height:2.3em;
font-weight:bold;
font-size:80%;}

.yachtc {position:relative;
width:75px;
float:left;
height:2.3em;
font-size:80%;
text-align:center;}

.yachthc {position:relative;
width:75px;
float:left;
height:2.3em;
font-size:80%;
text-align:center;
font-weight:bold;}

table td {padding:3px;}

table tr th th th tr td td {text-align:center;}

.odd {background-color:#E6F6FA;}
.even {background-color:#f7f7f7;}

.buoy {margin-left:10px; font-size:90%;}

ul.buoy li strong {font-weight:normal;}

#news1 {position:relative; float:left; width:70%; padding-right:0%;}

#news2 {position:relative; float:left; width:70%; padding-right:0%;}

#news2 p {margin:9px 60px 9px 0}

#news2 p.p {margin-top:6px; font-weight:bold}
#news2 p.p1 {font-size:80%;}


#news1 p {margin-bottom:0;}

#news1 p.p {margin-top:6px; font-weight:bold}



#news1 h2 {margin-left:10px; font-size:110%; margin-top:20px;}

#news1 p.p1 {font-size:80%;}

#events1 {float:left; width:30%; position:relative; }

#events1 h2 {margin-left:0px; font-size:110%; margin-top:20px;}

#events1 p {margin-left:0; margin-bottom:0;}

#events1 p.p {margin-top:4px; font-weight:bold;}

#alert {background-color:#DBFBE3; margin-top:7px; padding:10px; border:1px solid #060; margin-left:10px; margin-right:10px;}


.foothead {list-style-type:none; margin-left:-15px; font-size:110%; margin-bottom:5px;  font-weight:bold}


#boldnew {font-size:180%;}