/* 
By Jesse Marquez date: 7-1-2009 (Updated: 5-15-09)

color#
font families:
Georgia, Georgia, serif
Tahoma, Geneva, sans-serif
Verdana, Verdana, Geneva, sans-serif
Trebuchet MS, Helvetica, sans-serif
*/



/* ------Erik Meyer Reset - - http://meyerweb.com/eric/tools/css/reset/ -------*/
/* v1.0 | 20080212 */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;

	
}
body {line-height: 1.3em;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {outline: 0;}

/* remember to highlight inserts somehow! */
ins {text-decoration: none;}
del {text-decoration: line-through;}

/* tables still need 'cellspacing="0"' in the markup */
table {border-collapse: collapse;	border-spacing: 0;}

 /* always show Firefox scrollbar */
html{overflow:-moz-scrollbars-vertical;}

* {margin: 0;} 

/* --------------------------------------------- End Reset ------------------------------------------------ */



/* -------------------------------------- Start Web Site Default Styles ---------------------------------- */
html, body, #wrapper  {text-align:center; font-family: Verdana, Verdana, Geneva, sans-serif; color:#000; font-size:12px; background: #fff url(../images/siteback.jpg) repeat-x; 

height: 100%;
}






table {margin-left: auto; margin-right: auto; }
tr td {vertical-align:top;}

H1 {font-size:18px; color:#701512; font-weight:bold; font-family: Verdana, Verdana, Geneva, sans-serif; margin:0 0 15px 0; text-transform: capitalize; line-height:1em }
H2 {font-size:15px; color:#000; font-weight:bold; font-family: Verdana, Verdana, Geneva, sans-serif; margin:0 0 15px 0; line-height:1em}
H3 {font-size:15px; color:#000; font-weight:bold; font-family: Verdana, Verdana, Geneva, sans-serif; margin:0 0 15px 0; line-height:1em}
P {margin-bottom: 15px;}
a img{ border: 0 none; }
.cb {clear:both; padding:0; margin:0}
hr {width:100%; background-color:#000; margin:0 0 5px 0; text-align:center}

/* General Link Styles */
a {text-decoration: underline; font-family: Verdana, Verdana, Geneva, sans-serif; font-size: 12px; color: #701512; font-weight:bold}
a:link {text-decoration: underline; color: #701512; font-weight:bold}
a:visited {text-decoration: underline; color: #701512; font-weight:bold}
a:hover {text-decoration: underline; color: #000000; font-weight:bold}
a:active {text-decoration: underline; color: #701512; font-weight:bold}

ul {list-style-type:disc; list-style-position:outside; margin:0 0 5px 35px;}
ul li {line-height:1.5em; margin-bottom:10px;}
ul li li {line-height:1.5em; margin-bottom:7px; list-style-type:circle;}

ol {list-style-type:decimal; list-style-position:outside; margin:0 0 5px 35px;}
ol li {line-height:1.5em; margin-bottom:10px;}
ol li li {line-height:1.5em; margin-bottom:7px; list-style-type:circle;}


div#botnav a { color:#b3b3b3; text-decoration:none; font-weight:normal; font-size:11px }
div#botnav a:link { color:#b3b3b3; text-decoration:none; font-weight:normal ; font-size:11px}
div#botnav a:visited { color:#b3b3b3; text-decoration:none;font-weight:normal; font-size:11px}
div#botnav a:hover { color:#fff; text-decoration:underline;font-weight:normal; font-size:11px}
div#botnav a:active { color:#b3b3b3; text-decoration:none;font-weight:normal; font-size:11px}





div#id a { color:#fff; text-decoration:none; font-weight:normal; font-size:11px }
div#id a:link { color:#fff; text-decoration:none; font-weight:normal ; font-size:11px}
div#id a:visited { color:#fff; text-decoration:none;font-weight:normal; font-size:11px}
div#id a:hover { color:#fff; text-decoration:underline;font-weight:normal; font-size:11px}
div#id a:active { color:#fff; text-decoration:none;font-weight:normal; font-size:11px}

div#id li a {text-decoration: none; font-family: Verdana, Verdana, Geneva, sans-serif; font-size: 11px; color: #701512; font-weight:bold}
div#id li a:link {text-decoration: none; font-size: 11px; color: #701512; font-weight:bold}
div#id li a:visited {text-decoration: none; font-size: 11px; color: #701512; font-weight:bold}
div#id li a:hover {text-decoration: none; font-size: 11px; color: #701512; font-weight:bold}
div#id li a:active {text-decoration: none; font-size: 11px; color: #701512; font-weight:bold}

.classname {font-family:Verdana, Verdana, Geneva, sans-serif; font-size:11px; color:#181B1F; text-decoration:none; font-weight:normal }
a.classname:link { color:#181B1F; text-decoration:none; }
a.classname:visited { color:#181B1F; text-decoration:none;}
a.classname:hover { color:#181B1F; text-decoration:underline;}
a.classname:active { color:#181B1F; text-decoration:none;}

ul#id {text-align: center; list-style: none; margin: 0 auto; padding-right:10px; border:#000 0px solid; }
#id li { display: inline; padding: 0 10px 0 10px; }

/* -------------------------------------- End Web Site Default Styles ---------------------------------- */



/* -------------------------------------- Start Web Site Main Styles ---------------------------------- */
div#wrapper { margin: 0 auto; width:970px; font-size:12px; padding:0px}

/* Header */
div#rotator{ padding-left:20px; height: 200; width: 809; overflow: hidden}

div#header {text-align:left; padding-top:40px; position:relative;}
div#compass {
	position:absolute;
	left: 640px;
	top: 40px;
	z-index: 9999;
}
div#logo {
	background: url(../images/logoback.png) no-repeat;
	text-align:center;
	width:268px;
	height:247px;
	position:absolute;
	left: -5px;
	top: 17px;
	z-index: 9998;
}
.logo { padding-right:10px}
#tel { font-weight:bold; color:#003c7d; font-size:18px}
#rope {
	position:absolute;
	top: 235px;
	left: 4px;
	z-index: 5;
}
#rope2 {
	position:absolute;
	top: 235px;
	left: 890px;
	z-index: 9997;
}

div#waterb {position:relative; margin:0 auto; width:1471px}
div#water {
	background:url(../images/waterback.jpg) no-repeat top center;
	margin-top:316px;
	width:1471px;
	height:408px;
	position:absolute;
	left: 121px;
	top: -57px;
}

/* Nav */
div#nav {text-align:left; background:url(../images/menuback.png) no-repeat; height:41px; line-height:41px; margin-top:16px; padding:0 0 0 15px; }

/* Content */
div#contentarea { background:url(../images/contentback.png) no-repeat; min-height:530px; text-align:left; padding:15px 80px 120px 40px;  }

div#content {float: left; width: 600px; }
div#rightpane { float: right; width: 241px; }



/* sticky footer  */
body > #wrapper {height: auto; min-height: 100%;} 


/* sticky footer negative value of footer height */
div#footer { background:#01346d url(../images/footerback.jpg) repeat-x;  text-align:right; color:#b3b3b3; font-size:11px;

position: relative;
margin-top: -110px; 
height: 110px;
clear:both;} 

div#fholder { width:920px; margin:0 auto}
div#address { float:left; width:240px; text-align:left; margin-top:20px; background:url(../images/footdivider.jpg) right top no-repeat}
div#botnav { float:right; width:600px; padding:20px 40px 0 0}


/* sticky footer CLEAR FIX*/
.clearfix:after {content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */


/* -------------------------------------- End Web Site Main Styles ---------------------------------- */


#rp-top {background: url(/images/rp-top.jpg) no-repeat; height: 15px}
#rp-mid {background:#d9d9d9 url(/images/rp-mid.jpg) no-repeat; min-height: 400px; padding: 0 7px 7px 7px }
#rp-bot {background: url(/images/rp-bot.jpg) no-repeat; height: 12px; width: 241px}


/* To float p's on membership application page */
div#memtext {float: left; width: 580px; background-color: }
div#memapp {float: right; width:250px; background-color: }

/* whose logged in */
#wli {text-align: right; padding-bottom: 10px}



div.memdetails {
	border: 1px solid #a9a9a9;
	background-color: #f9f9f9;
	padding: 5px;
	width: 400px;
	
}
	
.cat_textbox_smaller {
	width: 125px;
	text-align: right;
}

.faq-link a {
	font-weight: normal;
	color: #701512;
}

div.editdetails {
	float: right;
	text-align: right;
	background-color: #f9f9f9;
	border: 1px solid #054791;
	padding: 5px;
	
}

h2.memdetailsheader {
	background-color: #054791;
	border: 1px solid #054791;
	padding: 5px;
	width: 400px;
	margin-bottom: 0px;
	color: #f9f9f9;
	font-size: 12px;
	
}

div.memdleft {
	float: left;
	margin-bottom: 6px;
	
}

div.memdright {
	float: right;
	margin-bottom: 6px;
	
}

h2.smallcaps {
	font-variant: small-caps;
	border-top-width: 1px;
	border-top-color: #054791;
	border-top-style: solid;
	border-bottom-width: 1px;
	border-bottom-color: #054791;
	border-bottom-style: solid;
	padding: 6px;
	
}



h1.smallcaps {
	font-variant: small-caps;
	border-top-width: 1px;
	border-top-color: #054791;
	border-top-style: solid;
	border-bottom-width: 1px;
	border-bottom-color: #054791;
	border-bottom-style: solid;
	padding: 6px;
	color: #000;
	font-size: 14px;
	
}

td.webapplabels {
	text-align: right;
	vertical-align: middle;
	color: #054791;
	
}

td.webappdata {
	text-align: left;
	vertical-align: middle;
	
}	

div.memdetailswide {
	border: 1px solid #a9a9a9;
	background-color: #f9f9f9;
	padding: 5px;
	width: 837px;
	
}

h2.memdetailsheaderwide {
	background-color: #054791;
	border: 1px solid #054791;
	padding: 5px;
	width: 837px;
	margin-bottom: 0px;
	color: #f9f9f9;
	font-size: 12px;
}

div.memdwide {
	margin-bottom: 6px;
	
}

div.towboatdetail {
	border: 1px solid #a9a9a9;
	background-color: #f9f9f9;
	padding: 5px;
	width: 837px;
	
}

.webappdetaillabel {
	font-size: 11px;
	color: #747170;
	margin-left: 10px;
	
}

.webappdetaildata {
	font-size: 14px;
	color: #054791;
	margin-left: 10px;
	
}

form.towboatentry {
	border: 1px solid #a9a9a9;
	background-color: #f9f9f9;
	padding: 5px;
	width: 837px;
	
}

div.insetbox  { float: right; width: 241px; }
div.inset-top {background: url(/images/rp-top.jpg) no-repeat; height: 15px}
div.inset-mid {background:#d9d9d9 url(/images/rp-mid.jpg) no-repeat; min-height: 400px; padding: 0 12px 12px 12px }
div.inset-bot {background: url(/images/rp-bot.jpg) no-repeat; height: 12px; width: 241px}
div.inset-mid p {padding: 9px; font-size: 11px; margin: 0px;}
div.inset-mid h3 {padding: 0px; font-size: 13px; margin-bottom: 0px;}
div.inset-mid h4 {padding: 9px; font-size: 12px; margin-bottom: 0px;}


/* Check Out Page */
#COMI { float: left; width: 410px; border: 1px solid #a9a9a9;}
#comiarea { padding: 10px 0 30px 30px}
#COMI p { padding: 5px; margin: 0; background-color: #054791; color:#fff; font-weight: bold }
div#COMI div.item {padding-bottom: 10px}


#COPI { float: right; width: 410px; border: 1px solid #a9a9a9; }
#copiarea { padding: 10px 0px 30px 30px}
#COPI p { padding: 5px; margin: 0; background-color: #054791; color:#fff; font-weight: bold }
div#COPI div.item {padding-bottom: 10px}

#cosubmit { width: 380px; padding: 20px 0 10px 30px;  margin-top:20px; border: 1px solid #a9a9a9; background-color: #cfcfcf; color:#fff;  }