/* CSS Document */
body { background-image: url(../images/bg.jpg);
	background-repeat:repeat-x; 
	background-position: top left;
	margin: auto 0;
	padding: 0;
	font-size: 100%;
	color: #666666;
	line-height: 18px;
	background-color: #9cc;
	height:100%;
	font: 100%px Arial, Helvetica, sans-serif;
}

#top_head { background-image:url(../images/tbanner.jpg);
	background-repeat: no-repeat;
	background-position: top top;
	position: relative;
	float: none;
	text-align: center;
	height: 95px;
	width: 950px;
	margin: 0px;
	padding: 0px;
}
#top_head h1 { display:block; position:relative; float:left; }
#top_head h1 a { display:block; float:left; width:425px; height:75px; margin: 0; padding: 0; margin-top: -13px; text-indent:-9000px; }
#top_nav { 
	font-size: 0.65em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #e0e9f6;
}

#top_nav a, #top_nav a:visited { color: #e0e9f6; text-decoration: none; }

#top_nav a:hover, #top_nav a:active { color: #e0e9f6; text-decoration: none; }

#login { float: right; width: 80px; margin-top: 5px; color: #e0e9f6; }
 #contact { float: right; width: 115px; margin-top: 5px; color: #e0e9f6; }
#home { float: right; width: 100px; background-position: left center; margin-top:5px; }
#login a, #contact a, #home a { text-decoration: none; color:  #e0e9f6; } 
#login a:hover, #contact a:hover, #home a:hover { text-decoration: underline; color: #e0e9f6; }
#nav, #nav ul {position: relative;
	font: 0.84em Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	color: #fff; background-color: #5A7F92;
	float: left;
	display: inline;
}
#nav ul { list-style-type: none; line-height: 34px; margin: 0; width: auto; left: 2%; }
	
#nav li { display: block; float: left; padding: 0 8px 0 7px; }
#nav li.first { display: block; 
	float: left; 
	border-left: 1px solid #437188;
	line-height: 33px;
	margin: 1px 4px 0 3px;
	padding-left: 20px;
}	
#nav li.fact { display: block; 
	float: left; 
	border-left: 1px solid #437188;
	line-height: 33px;
	margin: 1px 4px 0 3px;
	padding-left: 20px; 
	background-image: url(../images/men_bg2.jpg) repeat-x top left;
}
#nav li.last { display: block;
	float: left;
	border-right: 1px solid #437188;
	line-height: 33px;
	margin: 1px 0px 0 9px;
	padding-right: 22px;
}
#nav a { font: 0.8em Arial, Helvetica, sans-serif; color: #fff; text-transform: uppercase; text-decoration: none; }
	
#nav a:hover { background-image:url(../images/men_bg2.jpg);
	background-color:transparent;
	background-repeat:repeat-x;
	background-position:top left;
	color: #ec8c08; 
}
#nav a.active { background: #33ADDB; 
	color: #FFFFFF; 
	background-image: url(../images/men_bg2.jpg) repeat-x top left;
}
.nav_div {  margin-bottom: -5px;  }

ul#menu { clear: both;
	font: 0.75em Arial, Helvetica, sans-serif;
	/*color: #fff;*/
	margin:0 0px 0 5px;
	padding:0;
	float: left;
	list-style-type:none;
	width: 962px;
	position:relative;
	text-align: center;
	display:inline;
	height:34px;
	text-transform:uppercase;;
}
ul#menu li{ display:block; float:left; margin:2px 0 0 0; pading:0; }
#menu li.first{ display:block;
	float:left;
	margin:0;
	pading:0;
	border-left: 1px solid #437188;
	height: 34px;
	margin-top: 2px;
}

ul#menu li a{ display:block;
	float:left;
	color:#ffffff; 
	background: transparent url("../images/men_bg.jpg") repea-x top left;
	text-decoration:none;
	padding:10px 11px 0 10px;
	text-decoration: none;
	height:34px;
}
ul#menu li a:hover{ background:transparent url("../images/men_bg2.jpg") repeat-x top left; }
ul#menu li a:active{ background:transparent url("../images/men_bg2.jpg") repeat-x top left; }
#menu li.lst { display: block;
	float:left;
	margin:0;
	pading:0;
	border-right: 1px solid #437188;
	height: 34px;
	margin-top: 2px;
	width:100px;
}
ul#menu li.lst a:hover{ background:transparent url("../images/men_bg2.jpg") repeat-x top left; } 
.nav_div {  margin-top: 3px; }
#photo_wrapper { width: 962px; 
	position: relative;
	height: 250px; 
	height: auto;
	margin: 2px auto 0 auto;
	border: none; 
	background: transparent url(../images/cnt_bg.jpg) repeat-y left;
	padding-top: 10px; 
	text-align: center; 
	padding-bottom: 0px;
	 float: left; 

}
#container { width: 962px; margin:0 auto;}

#page_wrapper { width: 930px; 
	position: relative;
	margin: 0px 0px 0 15px;	
	border: none; 
	background: transparent url(../images/sec_bgnd.jpg) repeat-y left;
	text-align: center; 
	padding-bottom: 0px; 
	 float: left; }
.page_wrapper_ftr { clear:both; 
	width: 930px;
	text-align: left;
	float:none;
	height:4px;
	padding: 0;
	margin: 0;
	background:url(../images/sec_bgnd_ftr.jpg) no-repeat;
}

.left_menu { clear:both;
width: 274px;
float: left;
text-align: left;
padding: 0;
height:100%;
font-size:0.8em;
margin-bottom: 1em;
color: #376881;
margin-left: 0px;
}

.left_menu ul { list-style: none; margin: 0; padding: 0; border: none; }
.left_menu li {    margin: 0; line-height:35px; font-weight:bold;}
.left_menu li a { background: url(../images/lft_men.gif) no-repeat ; width:234px; height: 35px;  display: block; padding: 0px 0px 0px 40px; color: #376881; text-decoration:none; }

.left_menu li a:hover { background: url(../images/lft_men_on.gif) no-repeat; width:234px;  height: 35px; color: #fff; font-weight:bold; } 
.left_menu .current { background:url(../images/lft_men_act.gif) no-repeat; width:234px;  color: #fff; font-weight:bold; height: 35px; margin-left:0px; text-decoration:none;  }

.right_oth { clear:both; 
	width: 250px; 
	float: left; 
	text-align: left;
	background: url(../images/pf_bgnd.gif) no-repeat center;
	padding: 0 0 4px 0;
	background-color: #d0d7d7;
	border-right: 2px solid #e1e8e8;
	border-bottom: 2px solid #e1e8e8;
	border-left: 2px solid #e1e8e8;
	text-align:center;
	margin: 10px; 
	height:auto;
	font-size:0.8em; 
	color: #121212; 
}
.right_oth h3 { font-size: 0.9em;
	color: #fff;
	text-transform: uppercase;
	background-color:#5a7f92;
	letter-spacing:1px;
	vertical-align:middle;
	text-align: center;
	font-weight: bold;
	margin-top:0;
	line-height: 32px;
	border-bottom:1px solid #fff;
	border-top: 1px solid #e1e8e8;
}
.right_oth p { text-align: left; margin-left: 14px; }	
.right_oth p.cntr { text-align: center; font-weight:bold; }
.left { clear:both; 
	width: 274px; 
	float: left; 
	text-align: left;
	padding: 0;
	position: relative;
}
.other_right { 	float: right; 
	width: 654x; 
	font-size:0.8em;
	text-align:left;
	margin: 0; 
	padding: 0px; 
	color: #333;

}

#outer { float: right;
	width: 654px; 
	text-align:left;
	margin: 0; 
	padding: 0px; 
	color: #333;

}
.other_right h2.corner {
font: bold 14px Verdana, 'Trebuchet MS', Sans-serif;
color:#039;
margin-bottom: 6px;
margin-top: 10px;
padding-left: 10px;
}
.other_right h2.corner a {
color: #fff;
}
.other_right h2.corner a:hover {
color: #000;
}
.other_right p.date {
	height: 12px;
	font: normal 10px/13px Helvetica, verdana, arial sans-serif; 
	color:#999999;
	margin-top: 0;
	padding: 0 0 10px 0;
	text-transform: uppercase;
	letter-spacing: 1px;
}
.other_right p { padding: 5px 0; }
.other_right p.monthly { color: #333; 
	font: bold 1em Arial, Helvetica, sans-serif, verdana;
	letter-spacing: 0.02em;
	margin-top: 0;
	padding-top: 0;
}
.other_right span.dat {color: #333; 
	font: normal 0.9em "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	letter-spacing: 1px;
	text-transform: uppercase;
	margin: 0;
}
p.clear { clear: both; height: 1%; text-align: center;
	border-top: 0.01em solid #a7aeaf; margin: 0 auto; width: 30%; 
	margin-top: 0px;
	padding-top: 0;
}

.other_right hr.break {height:1px;
	color: #999999;
	margin: 18px 150px 0 150px;
}
/* unclicked style div.more */
#outer div.more i {float:right; margin-right:-10px 10px 0 0; cursor:pointer; color:#c00; font-weight:bold;}
#outer div.more i.hide {display:none;}
#outer div.more p {display:none;}


/* clicked style div.click */
#outer div.click i.show {display:none;} 
#outer div.click i.hide {display:block;}
#outer div.click p {display:block;}
#outer div.click img {display:block; float:left; padding-right:10px;}


#outer p img { border: 1px solid #d2d2d2; padding: 12px; background-color: #fff; margin: 0 12px 0 0;}
.other_right p { width:624px; margin: 0 14px 10px 16px;}
.other_right p.blog { width:100%; margin: 0 10px 7px 10px;}
.other_right img.votm { border: 1px solid #d2d2d2; padding: 12px; background-color: #fff; margin: 0 12px 0 0;}
.photo { width: 654px;
	padding:0;
	margin:0;
	text-align: left;
}
.other_right h3 { letter-spacing:1px; background-color: #5a7f92; font-size: 1.2em; color: #fff; line-height:35px; padding: 0 8px 0 16px; border-top: 2px solid #fff; border-bottom: 2px solid #fff; margin-top:0; text-align: left; }
.other_right h4 { letter-spacing:1px; font-size: 1.2em; color: #666666; line-height:30px; padding: 0 8px 0 16px; margin-top:0; text-align: left; }
.other_right a:link{ color: #039; text-decoration:none; }
.other_right a:visited{ color: #039; text-decoration:none; }
.other_right a:hover{ color: #900; text-decoration:underline; }
.other_right a:active{ color: #900; text-decoration:underline; }
.other_right ul { list-style-type: disc; color: #039;}
.other_right li{ padding-bottom: 6px; }
.other_right li li{ list-style-type:disc; padding-bottom: 6px; margin-left: -14px; }
#or ul { list-style-type: none; color: #039; text-transform:uppercase; font-size:10px;}
#or ul li{ padding-bottom: 6px; }
#one_col { width:930px; text-align:center; margin:10px 10px 0px 10px; background-color:#f2f2f2; border-bottom:1px solid #A1A2A4; font-size:0.8em; }
#one_col h2 {font: bold 16px Georgia, "Times New Roman", Times, serif; padding-left: 16px; color:#000099; padding-top: 8px;; }
#one_col h4 { float: none; display: inline; color: #52778a; font: bold 18px Verdana, Arial, Helvetica, sans-serif; margin: 20px 0 0 3.5em; padding: 0 0 4px 0; }
#one_col table {width:890px;padding:10px; text-align:center; border:1px solid #d2d2d2; margin:10px 10px 20px 10px;}
#one_col table td {padding: 8px 4px 8px 2em; border: 1px #d2d2d2 solid;  text-align:left;}
#one_col table td.hdr { text-align:center; padding: 8px;  font: bold 1.0em hevetica, Arial, sans-serif; color: #fff; background-color: #788D9F; text-transform:uppercase; letter-spacing:1px; border: 1px #d2d2d2 solid; }
#one_col ul li {padding-bottom: 8px;}
#one_col table td.year { text-align:center; padding: 10px 0; font: bold 1.1em hevetica, Arial, sans-serif; color: #333; border: 1px #d2d2d2 solid; }
#one_col a:link{ color: #039; text-decoration:none; }
#one_col a:visited{ color: #039; text-decoration:none; }
#one_col a:hover{ color: #900; text-decoration:underline; }
#one_col a:active{ color: #900; text-decoration:underline; }

ul#bottom-menu{ clear: both;
	background:transparent url("../images/cont_ftr.gif") repeat-x top left;
	margin:0 0px 0 6px;
	text-transform: uppercase;
	text-align: left;
	float: left;
	height: 30px;
	vertical-align: middle;
	line-height:30px;
	padding: 0;
	list-style-type:none;
	width:950px;
	position:relative;
	display:block;
	color: #039;
	font: bold 0.7em Helvetica,Arial,Verdana,sans-serif;
}
ul#bottom-menu li{ display:block; float:left; margin:0; padding:0px 10px 0 10px ; line-height:30px; }
ul#bottom-menu li a{ display:block; float:left; color:#039; text-decoration:none; 
	padding:0 10px 0 10px; }
ul#bottom-menu li a:hover{ color: #900; text-decoration:underline; }
ul#bottom-menu li a:active{ color: #900; text-decoration:underline; }
ul#bottom-menu li a:visited{ color: #039; text-decoration:none; }
#bottom-footer {clear:both;
	background:url(../images/footer_35h.gif) no-repeat top left; 
	margin: 0 4px 0 0px;
	height: 35px;
	text-align:right;
	padding: 0;
	width:962px;
	position: relative;
	color: #fff;
	font: normal 0.7em Helvetica,Arial,Verdana,sans-serif;
}

#bottom-footer span.work {width: 942px; 
padding-right: 2em; 
line-height: 24px;
margin-top:0; 
margin-bottom:0; }
#page {margin:0px auto; 
	font: 0.8em verdana, Helvetica, arial, sans-serif;
	color: #333;
	padding:0px 12px 12px 12px; margin-left: 12px;
	width:770px; 
	float:left; 
	background:#fff; 
	text-align:center;
}
#page h2 { color: #722313; font: normal 19px Arial, Helvetica, sans-serif; display: block; text-align: center; padding: 4px 0;}
h2.photos { color: #ECA511; font: bold 16px Arial, Helvetica, sans-serif; display: block; text-align: center; padding: 4px 0; text-transform:uppercase;  }
.img_gal {clear:both;margin:16px 4px;padding:0px;display: inline-table;}
.img_gal_clr {clear:both;}
.img_gal_cont {float:left; }
.img_gal_thumb {float:left; margin:0px 24px 10px 24px;padding:0px;background:url(../images/shadow_main.png) no-repeat bottom right !important;background:url(..images/shadow.gif) no-repeat bottom right;}
.img_gal_thumb img {display:block;position:relative;background:#FFF;border:1px solid #ccc;margin:-5px 5px 5px -5px;padding:4px;}
.img_gal span.tit { text-align:center; margin-top:0; font: bold 10px Verdana, Arial, Helvetica, sans-serif; text-transform:uppercase; letter-spacing:1px;}
.img_gal_para { display: inline; overflow:auto; margin:0px 10px 10px 10px;padding:0px; font: bold 9px Verdana, Arial, Helvetica, sans-serif; text-transform:uppercase; letter-spacing:1px; }
#one_col h4 { float: none; display: inline; color: #52778a; font: bold 18px Verdana, Arial, Helvetica, sans-serif; margin: 20px 0 0 3.5em; padding: 0 0 4px 0; }

.outerbox { border:1px solid #d2d2d2; display: inline-table; text-align:left; margin: 0 auto; width: 840px; margin-bottom:16px; padding:0; font: normal 1em Verdana, Arial, Helvetica, sans-serif; color:#333;}
.outerbox a:link {font-size: 0.9em; color: #005399; text-decoration: none;}
.outerbox a:visited { font-size: 0.9em; color: #005399; text-decoration: none; }
.outerbox a:hover {font-size: 0.9em; color: #005399; text-decoration: underline; }
.outerbox a:active { font-size: 0.9em; color: #005399; text-decoration: underline; }
.right_side { width:380px; padding:6px; text-align:left; float:right; margin-right:4px; margin-left: 14px; margin-top: 14px; }
.left_side { width:358px; padding:6px; text-align:left; float:left; display: inline; margin-top: 14px; margin-left: 6px; margin-right:4px; }
p.link_cat { width:170px; font: bold 11px Verdana, Arial, Helvetica, sans-serif; text-transform:uppercase; letter-spacing:1px; line-height: 24px; background-color:#52778a; color:#fff; padding: 0 10px; margin-bottom: 0;}
p.bdr_btm { margin-top:0; padding-top:0; border-bottom:1px solid #26546c; line-height:1px; width:auto; }
p.brk { width:98%; border-bottom:1px dotted #9c9c9c; text-align:center; }
.outerbox ul {list-style: none; margin: 0 0 20px 6px; padding: 0; padding-bottom:14px;}
.outerbox ul li {background: url(images/bull_arrow.gif) 0 0 no-repeat; padding: 0px 0 0px 20px; margin: 6px 0 6px 0; color: #333; }
.outerbox h4 { color: #52778a; font: bold 18px Verdana, Arial, Helvetica, sans-serif; text-align:left; margin: 20px 0 0 1.0em; width:auto; padding: 0 0 0px 0; }
#page table {margin:0px; padding:0px; width:90%;}
#page table p {margin:0px;}
table#boats { text-align:left; margin-left:120px;}
table#boats th {
	text-align: left; 
	text-transform: uppercase; 
	font-size: 14px; 
	padding: 4px 10px 3px 0; 
	border-bottom: 1px solid #003d7d;
	color: #003d7d; 
}
table#boats td {
	padding: 6px 10px 6px 0; 
	border-bottom: 1px dotted #ccc; 
}
table#boats tr.evn {
	padding: 6px 10px 6px 0; 
	border-bottom: 1px dotted #ccc; 
	background-color: #ebf5fb;
}
table#boats td.categoryhead { 
	font-weight: bolder; 
	padding: 20px 0 0 0; 
	border-bottom: 1px solid #003d7d; 
}
#page a:link {color:#009; text-decoration:none;}
#page a:visited {color:#009; text-decoration:none;}
#page a:hover {color:#900; text-decoration:underline;}
#page a:active {color:#900; text-decoration:underline;}


table.ulink { width:100%; margin-top: 0; padding-top:0; font: normal 0.9em arial, verdana, sans-serif; color: #333;  background-color: #f2f2f2; text-align:center; margin-left:0;  overflow:hidden;}
table.ulink td.lks{ padding: 0px; border: none;}
td.header { font: bold 1.1em arial, verdana, sans-serif; color: #FFF; background-color: #788D9F; text-align: center; text-transform: uppercase;  }
table.layout { width: 962px; text-align: center; position: relative;  }
table.layout td { text-align: center;  padding: 0;}
table.photo { width: 962px; text-align: center; position: relative;  }
table.photo td.one { text-align: center;  padding: 0;}