body {
	font-family:Trebuchet MS,Arial,Verdana, Sans-Serif;
	font-size : .9em;
	background-color:#425894;
	background-image:url(images/bgstripe2.gif);
	background-repeat:repeat-y;
	background-position:left;
	margin: 0;
	}


/*==============================================================================
STYLES FOR MEMBER LISTINGS =====================================================*/

body.listing {
	font-family:Trebuchet MS,Arial,Verdana, Sans-Serif;
	font-size : .9em;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	}
	
body.details {
	background-image: none;
	background-color: white;
	margin: 15px;
	}
	
div#listingbody {
	position: relative;
	width: 654px;
	margin:12px 2px 2px 3px;
	padding: 0px 0px 15px 0px;
	min-height:400px;
	font-size: 10pt;
	}

#listingbody h1 {
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: 5px;
	}
	
#listingbody a:link {
	color: blue;
	text-decoration: none;
	}

#listingbody a:visited {
	color: blue;
	text-decoration: none;
	}
	
#listingbody a:hover {
	color: blue;
	text-decoration: underline;
	}

#listingbody table td {
	font-size: 10pt;
	}

.memberlisting {
	width: 94%;
	margin-bottom: 10px;
	border-bottom: 3px solid #7899cc;
	}

	
.memberlisting h3 {
	padding-bottom: 5px;
	}
	

.categoryhead {
	width: 100%;
	background-color: #6879a9;
	padding-top: 5px;
	padding-bottom: 5px;
	}

.categoryhead h2 {
	color: #ffffff;
	padding-left: 10px;
	}
	
p.listingtext {
	font-size: 9pt;
	}
	
div.weddingservices {
	width: 400px;
	height: 60px;
	padding: 5px 15px 5px 65px;
	background: url("images/wedding-rings.jpg") no-repeat;
	}
/*========================================================================*/	
/* List formatting (bullet and numbered lists) -------------------------*/

ol li {
	list-style-type: decimal;
	list-style-position: inside;
}
ul li {
	list-style-type: square;
	list-style-position: outside;
	}
h1 {
	font-family: Garamond, Century, Times New Roman, serif;
	color: #990000;
	font-size: 12pt;
	margin: 0px 0px 0px 10px;
	}
h2 {
	font-family: Garamond, Century, Times New Roman, serif;
	color: #004378;
	font-size: 14pt;
	margin: 0;
	padding-bottom:3px;
	padding-top: 0;	
	}
	
h2.play, h2.live, h2.work {
	font-family: Garamond, Century, Times New Roman, serif;
	font-style:italic;
	font-size: 20pt;
	font-weight: bold;
	padding: 20px;
	}

h2.play {
	background-image: url("images/frontplay.jpg") no-repeat;
	}
	
h2.live {
	background-image: url("images/frontlive.jpg") no-repeat;
	}
	
h2.work {
	background-image: url("images/frontwork.jpg") no-repeat;
	}
	
td.frontcaption {
	font-size: 8.5pt;
	color: #777;
	text-align: center;
	padding: 5px 0 5px 0;
	}
	
hr.front {
	width: 95%;
	}
	
h2.frontpage {
	font-family: Garamond, Century, Times New Roman, serif;
	font-size: 14pt;
	float: left;
	border: 1px solid #f5f5f5;
	padding: 10px;
	margin: 0 10px 0 0;
	}
	
h3 {
	font-family: Garamond, Century, Times New Roman, serif;
	font-size: 12pt;
	margin-top:0px;
	padding-top:3px;
	margin-bottom:0px;
	padding-bottom:0px;
	color: #004378;
	}

h4 { 
	font-family: Garamond, Century, Times New Roman, serif;
	margin-top:0px;
	padding-top:3px;
	margin-bottom:0px;
	padding-bottom:0px;
	color: #004378;
	font-size: 10pt; 
	}

.memberlisting h4 {
	color: #555;
	}

p, a {
	font-size: 0.95em;
	margin: 0px;
	padding: 0px;
	}

/* basic page links */

 a:link {
	text-decoration: none;
	}
a:visited {
	text-decoration: none;
	} 
a:hover {
	text-decoration: underline;
	}



/* Major page components -------------------------------------*/
/* header  (contains logo) */

div#pagetop { position:absolute; left:0px; top:0px;
	height: 71px;
	background-image: url(images/pgheader.jpg);
	background-repeat: no-repeat;
	margin: 0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	background-color:#425894;
	width:100%;
	border-bottom: 1px solid #ffffff;
	z-index:10;
	}

/* Login and Logout Styles ===============================================================*/

#pagetop #authlogin {
	color: #fff;
	font-size: .85em;
	width: 125px;
	position: absolute;
	right: 10px;
	top: 5px;
	}

#pagetop #authlogin div {
	float: left;
	}
#pagetop #authlogin form {
	margin: 0;
	padding: 0;
	}

#pagetop #authlogin a {
	color: #fff;
	}

#pagetop #authlogin div.formline {
	float: left;
	clear: both;
	margin: 0;
	padding: 0;
	height: 18px;
	color: #fff;
	}

#pagetop #authlogin div.formlabel {
	color: #fff;
	float: left;
	width: 60px;
	padding-right: 3px;
	font-size: 0.9em;
	text-align: right;
	font-weight: bold;
	}

#pagetop #authlogin input {
	float: left;
	width: 60px;
	height: 14px;
	background: #abbfe1;
	border: 1px solid #fff;
	font-size: 0.85em;
	float: left;
	}

#pagetop #authlogin div.formline input.formsubmit {
	height: 16px;
	width: 60px;
	background: url("snp_images/buttonfill.gif") repeat-x;
	padding: 0 0 2px 0;
	margin-left: 63px;
	}

#pagetop #authlogin .status {
	color: #fff;
	width: 100px;
	}

/* =============================================================================== */

/* menu area buttons */
div#pageleft { /* contains menuarea, login, and address divs */
	position: absolute;
	left: 0px;
	top: 70px;
	width: 225px;
	text-align: right;
	border-top: 1px solid #ffffff;
	}

#pageleft form {
	margin: 0px 0px 0px 3px;
	font-size: .8em;
	}
	
input.searchform, select.searchform {
	width: 170px;
	height: 22px;
	font-family:Trebuchet MS,Arial,Verdana, Sans-Serif;
	font-size: .8em;
	margin: 0px;
	padding-left: 2px;
	padding-top: 1px;
	background-color: #e9f0f8;
	}
	
	
select.searchform {
	float: left;
	}
	
div.login {
	font-size: 0.8em	;
	text-align:center;
	}

div.login a{
	color:#fff;
	}
	
#menuarea {
	width: 225px;
	margin-top: 15px;
	/*font-weight: bold;*/
	text-align: right;
	font-size: .92em;
	}

#menuarea ul {
	list-style-type: none;
	list-style-position: outside;
	margin: 0px;
	padding: 0px;
	list-style: none;
	font-size: .9em;
	}

#menuarea ul.quicklink {
	width: 170px;
/*	background: #54699e;
	padding: 5px 0 10px 0; */
	font-size: .92em;
	padding: 0;
	margin: 3px 5px 0 20px;
/*	border-top: 1px solid #7184b0;
	border-bottom: 1px solid #7184b0; */
	}


#menuarea li, #menuarea ul li {
	list-style-type: none;
	list-style-position: outside;
	/*font-weight: bold;*/
	text-align: right;
	margin-top: 10px;
	padding-right:40px;
	}

#menuarea ul.quicklink li {
	background: url("images/menubuttonfill.png") no-repeat;
	background-position: right center;
	height: 25px;
	padding: 7px 7px 0 0;
	margin-top: 5px;
	font-size: 1.1em;
	}

/* menu links */

/*#menuarea li{ 
	font-size: .9em;
	} */
	
#menuarea li a:link, #menuarea li a:visited {
	color: #fff;
	font-size: 11px;
	text-decoration: none;
	}
#menuarea li a:hover {
	background-image: none;
	color: #fff;
	text-decoration: underline;
	}

#menuarea li.copyright {
	color: #fff;
	text-decoration: none;
	font-size: .8em;
	background-image: none;
}

/*#menuarea li.CM_menuitemselected {
	font-size:.9em;
	}*/

#menuarea li.CM_menuitemselected a:link  {
	color: #33ccff;
	text-decoration: none;
	}
	
#menuarea li.CM_menuitemselected a:hover {
	color: #ffffff;
	background-image:none;
	text-decoration: underline;
	}

#sidebar {
	position: absolute;
	left: 855px;
	top: 77px;
	width: 100px;
	text-align: center;
	}

.tilead img {
	margin-bottom: 5px;
	}

/* page body ================================================================*/
div#pagebodywrap {
	position: absolute;
	left: 226px;
	top: 70px;
	width: 620px;
	background-color: white;
	padding: 0px;
	margin:0px;
	border-right: 1px solid white;
	border-left: 1px solid white;
	}
	
div#sectionarea {
	position: relative;
	left: 0px;
	top: 1px;
	background-color:#425894;
	width:658px;
	font-family: Trebuchet MS,Arial,Verdana, Sans-Serif;
	padding: 10px 0px 10px 0px;
	text-align:center;
	}
	
div#pagebody {
	/*width: 654px;*/
	width: 96%;
	margin:2px 2px 2px 2px;
	padding: 10px 10px 15px 10px;
	/*border: 1px solid #425894;*/
	/*min-height:400px;*/
	}

div#fronttop {
	width: 100%;
	}

div#frontleft {
	float: left;
	width: 45%;
	margin: 10px 10px 0 0;
	}

div#frontright {
	width: 45%;
	float: left;
	clear: right;
	margin: 10px 0 0 0;
	}


p.fronttext {
	width: 95%;
	font-size: .95em;
	padding: 0 20px 0 20px;
	}
	
div#frontsection {
	padding: 0 20px 0 20px;
	width: 90%;
	}

div#searchsite {
	position: absolute;
	left: 800px;
	top: 100px;
	}
	
table#homecontent {
	padding: 10px;
	font-size: 11pt;
	}
	
#homecontent td a:link {
	color: #425894;
	}
	
#homecontent td a:visited {
	color: #425894;
	}
	
#homecontent td a:hover {
	color: #980000;
	}

/* sections ======================================*/	


/* section area buttons */


#sectionarea ul {
	list-style-type: none;
	padding: 0px 0px 2px 0px;
	margin: 0px 0px 0px 0px;
	white-space: nowrap;
	line-height: 10px;
	display: inline;
	}
	
#sectionarea ul li {
	list-style-position: outside;
	position: relative;
	list-style-type: none;
	display: inline;
	margin: 0 2px 0 2px;
	padding: 0 5px 3px 5px;
	color: #fff;
	text-indent: 0px;
	font-size: .9em;
	vertical-align: middle;
	text-align:center;
	text-transform: uppercase;
	}

#sectionarea ul li.CM_sectionitem_selected {
	color: #33ccff;
	}

#sectionarea ul li a:link {
	font-size: .9em;
	font-weight: bold;
	text-align: center;
	vertical-align: middle;
	text-decoration: none;
	color: #ffffff;
 	}
 	
#sectionarea ul li a:visited {
	font-size: .9em;
	font-weight: bold;
	text-align: center;
	vertical-align: middle;
	text-decoration: none;
	color: #ffffff;
 	}
 	
#sectionarea ul li a:hover {
	font-size: .9em;
	font-weight: bold;
	text-align: center;
	vertical-align: middle;
	text-decoration: underline;
	color: #33ccff;
 	}
 	

#sectionarea li.CM_sectionitem_selected a:link {
	font-size: .9em;
	font-weight: bold;
	text-align: center;
	vertical-align: middle;
	text-decoration: none;
	color: #33ccff;
 	}
 	
#sectionarea li.CM_sectionitem_selected a:visited {
	font-size: .9em;
	font-weight: bold;
	text-align: center;
	vertical-align: middle;
	text-decoration: none;
	color: #33ccff;
 	}
 	
#sectionarea li.CM_sectionitem_selected a:hover {
	font-size: .9em;
	font-weight: bold;
	text-align: center;
	vertical-align: middle;
	text-decoration: underline;
	color: #ffffff;
 	}

/* Additional control of page blocks */
/* 
	"page" items are for the topmost master page item. 
	"pagecontent" items are for subsequent page items.
	Each page block is enclosed in a <div> tag, classed with one of the following.
*/
div.pagecontent_html,
div.pagecontent_email_link,
div.pagecontent_html_link,
div.pagecontent_crosslink {
	margin-top:5px;
	margin-bottom:5px;
	clear:both;
	}

div.page_text,
div.pagecontent_textimage,
div.pagecontent_numlist,
div.pagecontent_bulletlist,
div.pagecontent_document,
div.pagecontent_text {
	padding-top:5px;
	margin-bottom:5px;
	clear: all;
	}

div.pagecontent_bulletlist li {
	list-style-type: square;
	list-style-image: url(images/bluebullet.gif);
	line-height: 120%;
	}

div.pagecontent_bulletlist li ul li {
	list-style-type: square;
	list-style-image: url(images/bluebullet2.gif);
	line-height: 120%;
	}
div.pagecontent_image, div.pagecontent_textimage {clear:both;}
div.pagecontent_image h2, div.pagecontent_textimage h2{clear:none; margin-top:0px; padding-top:0px;}


/*.CM_doclink a:link,
.pagecontent_email_link a:link,
.pagecontent_html_link a:link,
.pagecontent_crosslink a:link {
	text-decoration: none;
	color: #004378;
	}
	
 .CM_doclink a:visited,.pagecontent_email_link a:visited,
.pagecontent_html_link a:visited,
.pagecontent_crosslink a:visited {
	text-decoration: none;
	color: #004378;
	}
	
.CM_doclink a:hover,.pagecontent_email_link a:hover,
.pagecontent_html_link a:hover,
.pagecontent_crosslink a:hover {
	text-decoration: underline;
	color: #990000;
	}*/
	
a.CM_pagecontent_link:link {
	text-decoration: none;
	color: #004378;	
	}
	
a.CM_pagecontent_link:visited {
	text-decoration: none;
	color: #004378;	
	}
	
a.CM_pagecontent_link:hover {
	text-decoration: underline;
	color: #000;	
	}

div.text1 {
	margin-top:5px;
	line-height: 130%;
	}
	
div.text2 {
	margin: 10px 0 10px 0;
	border: 1px solid #8c9ec1;
	background: #edf8ff;
	padding: 10px;
	}

p.text2 {
	font-weight: bold;
	font-size: .9em;
	margin-left: 490px;
	width: 200px;
	color: #82724d;
	background-color: #990000;
	}

#pagecontent_text.text2 {
	font-weight: bold;
	font-size: .9em;
	margin-left: 15pt;
	color: #004378;
	}
	
/* Link definitions. Keep link definitions in this order: link, visited, hover
so the visited link will display properly ------------------------------------ */


/* Text formatting.

/* Headings and Subheadings ---------------------------*/

ol.CM_numlist{
margin:0px;
padding:5px 0px 10px 20px;}

div.pagecontent_bulletlist ul{
margin:5px 0px 10px 20px;
padding-left:10px;
}

div.pagecontent_textimage div.text1{}

div.page_text div.text2 {
	position: absolute;
	top: 20px;
	left: 520px;
	width: 150px;
	border-top: 1px solid #859ec0;
	border-bottom: 1px solid #859ec0;
	padding-top: 10px;
	padding-bottom: 10px;
	z-index: 20;
}

/* Image and caption for image -------------------------*/
div.CM_imageleft {
	float: left;
	margin-left: 0px;
	margin-right: 6px;
	/*margin-top: 6px;*/
}

.CM_imagecenter {
	margin: 0 auto 0 auto;
	text-align: center;
	clear: left;
	clear: right;

}
.CM_imageright {
	float: right;
	margin-left: 5px;
}

.CM_caption {
	font-size: 9pt;
font-weight:bold;
width:inherit;
}


/* Utility styles for notices, alerts etc. -------------------------*/

.CM_code {
	font-family: "courier new", courier, monospace;
	font-size: 9pt;
}

.CM_button {
	font-family:Trebuchet MS,Arial,Verdana, Sans-Serif;
	font-size : 9pt;
	font-weight : bold;
	height: 1.6em;
	vertical-align: middle;
}


.statusmessage {
	font-family: Garamond, Century, Times New Roman, serif;
	font-size : 12px;
	font-weight : bold;
	font-variant : small-caps;
}

.CM_label {
	font-size: 8.5pt;
	font-weight: normal;
	color: #747474;
}

.smalltext {
	font-size: 8.5pt;
}

.required {
	font-weight: bold;
	color: #992304;
}


div.homelink {
	position: absolute;
	left: 10px;
	top: 88px;
	color: #ffffff;
	font-weight: bold;
	height: 14px;
	padding-right: 15px;
	border-right: 1px solid #ffffff;
	}
	
.homelink a:link {
	font-size: 9pt;
	text-align: center;
	vertical-align: middle;
	text-decoration: none;
	color: #ffffff;
 }
.homelink  a:visited {
font-size: 9pt;
	text-align: center;
	vertical-align: middle;
	text-decoration: none;
	color: #ffffff;
 }
.homelink a:hover {
	font-size: 9pt;
	text-align: center;
	vertical-align: middle;
	text-decoration: none;
	color: #3ca0ed;
 }

/* div.page_textimage div img {
	position: absolute;
	left: -165px;
	top: -105px;
 } */

.sn_imageleft {
	float: left;
	margin-right: 10px;
	}
	
.sn_imageright {
	float: right;
	margin-left: 5px;
	}
	
.sn_imagecenter {
	margin-left: auto;
	margin-right: auto;
	clear: both;
	}

div.page_textimage div {
	/*display: none;*/
	/*visibility: collapse;*/
	font-size: 1px;
	padding: 0px;
	margin: 0px 0px 0px 0px;
}

#login {
	position: absolute;
	right: 10px;
	top: 10px;
	/*width: 200px;*/
	z-index: 10;
	font-size: 8pt;
	color: #ffffff;
	}

table#logintable {
	font-size: 8.5pt;
	color: #ffffff;
	}

#login a:link {
	color: #3ca0ed;
	text-decoration: none;
	}
#login a:visited {
	/*color: #3ca0ed;*/
	color: #fff ;
	text-decoration: none;
	}
#login a:hover {
	color: #ffffff;
	text-decoration: underline;
	}	
	
div.formline {
	padding-top: 2px;
	font-size: 8pt;
	margin-bottom: 14px;
	height: 20px;
	text-align: right;
	}
	
input.forminput {
	width: 60px;
	height: 20px;
	border: 0px;
	background-color: #859ec0;
    font-size: 8pt;
	}

/* Test login div code */
input.formsubmit {
	/*position: absolute;
	left: 150px;
	top: 24px;*/
	float: right;
	clear: right;
	width: 48px;
	height: 20px;
	font-size: 8pt;
	margin-top:2px;
	}

div.frontlogin {
	font-size: 8px;
	text-align:left;
	padding-left:25px;
	border:1px solid #fff;
	width:125px;
	margin:10px 0 0 25px;
	padding:10px;
}	

div.frontlogin a:link {
	/*color: #3ca0ed;*/
	color: #fff ;
	text-decoration: none;
	}

input.flogin {
	font-size: 8px;
	width: 60px;
	height: 15px;
	border: 0px;
	background-color: #859ec0;
	color:#fff;
}

#login em {
	font-weight: bold;
	font-style: normal;
	color: #ffffff;
	}
	
table.store {
	border-top: 1px solid #5c75b9;
	font-size: 10pt;
	color: #3c3c3c;
	}

#weather {
	position: absolute;
	left: 580px;
	top: 5px;
	width: 65px;
	height: 30px;
	z-index: 1000;
	text-align: center;
	}

#webcam {
	position: absolute;
	left: 680px;
	top: 5px;
	width: 65px;
	height: 30px;
	z-index: 1001;
	text-align: center;
	}

#tides form {
	margin: 0;
	padding: 0;
	}

table#tidetable {
	font-size: .85em;
	color: white;
	}
	
#tidetable select.region{
	font-size: .85em;
	color: white;
	background: #54699e;
	width: 160px;
	height: 17px;
	}

#tidetable select.month {
	font-size: .85em;
	color: white;
	background: #54699e;
	width: 100px;
	height: 17px;
	}

#tidetable select.date {
	font-size: .85em;
	color: white;
	background: #54699e;
	width: 60px;
	height: 17px;
	}

input#tidesubmit {
	position: absolute;
	left: 165px;
	top: 0px;
	}
	
.frontcaption {
	font-family: Garamond, Georgia, Times New Roman, serif;
}