/* CSS Document */

/* Body styles */

body {
	background-position: 0% 0%;	
	background-repeat:no-repeat;
	background-attachment:fixed; /* Repeat for all child classes */	
	margin:0 1px 0 1px;	
}

body.backgroundAcSt1 {
	background-image:url(../images/BackgroundAcSt1.jpg);
	background-attachment:fixed; /* must be repeated - will not inherit with Mozilla */	
}

body.backgroundCiFib1 {
	background-image:url(../images/BackgroundCifib1.jpg);
	background-attachment:fixed; /* must be repeated - will not inherit with Mozilla */	
}
body.backgroundCrep1 {
	background-image:url(../images/BackgroundCrep1.jpg);	
	background-attachment:fixed; /* must be repeated - will not inherit with Mozilla */
}

div.backgroundCrep1 {
	background-image:url(../images/BackgroundCrep1_div.jpg) !important;	
	background-attachment:fixed !important; /* must be repeated - will not inherit with Mozilla */	
}

body.backgroundShower1 {
	background-image:url(../images/BackgroundShower1.jpg);
	background-attachment:fixed;
}	

body.backgroundSand1 {
	background-image:url(../images/BackgroundSand1.jpg);
	background-attachment:fixed;
}

body.backgroundSlakes4 {
	background-image:url(../images/background_slakes4.jpg);
	background-attachment:fixed;
}
div.backgroundSlakes4 {
	background-image:url(../images/background_slakes4_div.jpg);
	background-attachment:fixed;
}

body.backgroundGuile1 {
	background-image:url(../images/background_guilepoint1.jpg);
	background-attachment:fixed;
}

div.backgroundGuile1 {
	background-image:url(../images/background_guilepoint1_div.jpg);
	background-attachment:fixed;
}

body.backgroundShells1 {
	background-image:url(../images/background_shells1.jpg);
	background-attachment:fixed;
}

body.backgroundLindis1 {
	background-image:url(../images/background_lindis2.jpg);
	background-attachment:fixed;
}

body.backgroundAutumnLeaves1 {
	background-image:url(../images/background_autumnleaves2.jpg);
	background-attachment:fixed;
}

body.backgroundNorthSnook1 {
	background-image:url(../images/background_northsnook_2.jpg);
	background-attachment:fixed;
}

div.backgroundNorthSnook1 {
	background-image:url(../images/background_northsnook_2_div.jpg);
	background-attachment:fixed;
}

body.backgroundMorningLight1 {
	background-image:url(../images/background_morninglight_1.jpg);
	background-attachment:fixed;
}

body.backgroundMartinMereSunset1 {
	background-image:url(../images/background_MartinMereSunset1_b.jpg);
	background-attachment:fixed;
}

div.backgroundMartinMereSunset1 {
	background-image:url(../images/background_MartinMereSunset1_div.jpg);
	background-attachment:fixed;
}

/* End of Body Styles */	

/* Simple text colors */
.red {
	color:#FF0000;
}

.blue {
	color:#0000FF;
}

.green {
	color:#00FF00;
}

/* End of simple text colors */

div#content {	
	padding: 6.5em 10% 1em 10%;  /*Reduce 10% sides for low res */	
	height:100%;				/* Needed to allow IE opacity filter */
	/*background:#ffffff;*/
	border:0px 1px 0px 1px solid #666666;	
	font-family:Arial, Helvetica, sans-serif;
	font-stretch:narrower;	
	/*font-size:1em;*/	/*default font size*/	
	margin: 0em 5em 0em 5em;	/* clockwise */
	z-index:1; /* Needed for Safari */
	float:none;  /*Needed for Safari */	
}

div.content {
	padding: 2em 10% 1em 10%; /* Reduce 10% sides for low res */
	height:100%;				/* Needed to allow IE opacity filter */
	background:#ffffff;
	border:0 0.05em 0 0.05em solid #666666;
	font-family: Arial, Helvetica, sans-serif;	
	font-size:1em;	
	font-stretch:narrower;	
	margin:0 5em 0em 5em;	/* clockwise */	
}

/*
===============================
	Styles for Divs
===============================	
*/
div.center50 {margin:0 25% 0 25%;}
div.center60 {margin:0 20% 0 20%;}
div.center70 {margin:0 15% 0 15%;}	
div.center80 {margin:0 10% 0 10%;}	
div.center90 {margin:0 5% 0 5%;}

div.picleft {margin: 1em 1em 1em 0em; float:left}
div.picright {margin:1em 0em 1em 1em; float:right}
div.piccenter {padding-top:1em; text-align:center}
div img.filldiv {  /*forces images to fill the width of a div*/
	width:100%;
}

div.header > p#title {	
	padding:0;
	margin:0;
	font-family:"Times New Roman", Times, serif;
	font-size:3.5em;
	text-align:center;
	vertical-align:text-top;
	font-weight:bold;	
	color:#333399;	
}

div.header > h1 {
	padding:0;
	margin:0;
	text-align:center;
	font-size:3em;
	font-family:"Times New Roman", Times, serif;
	vertical-align:text-top;	
}
	
div h1, div#content h1, div.content h1{
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	font-size:2.2em;
	font-weight:bold;	
	color:#333366;	
}

div h2, div#content h2 a, div.content h2 a {
	text-align:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 2em;
	font-weight: bold;
	color:#333399;	
}


div h3, div#content h3 a, div.content h3 a {
	text-align:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.5em;
	font-weight:bold;	
	color:#6666CC;	
}

div h4, div#content h4 a, div.content h4 a {
	text-align:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	font-weight: bold;
	color:#6699CC;
}

div h4, div#content h4 a:link, div.content h4 a:link {color:#009900;}
div h4, div#content h4 a:active, div.content h4 a:active {color:#FF00FF;}
div h4, div#content h4 a:hover, div.content h4 a:hover {color:#FF0000;font-weight:bold;}	
div h4, div#content h4 a:visited, div.content h4 a:visited{color:#009900;}


div h5, div#content h5 a, div.content h5 a {
	text-align:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 1.1em;
	font-weight: bold;
	text-decoration:none;
	color:#6633FF;
}

div h5, div#content h5 a:link, div.content h5 a:link {color:#6633FF;}
div h5, div#content h5 a:active, div.content h5 a:active {color:#FF00FF;}
div h5, div#content h5 a:hover, div.content h5 a:hover {color:#FF0000;font-weight:bold;}	
div h5, div#content h5 a:visited, div.content h5 a:visited{color:#6633FF;}

div h6 div#content h6 a, div.content h6 a {
	text-align:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 2em;	
	text-decoration:none;
	color:#6633FF;
}


/* ================ Simple Navigation Link Style ======================== */
a.nav {
	color:#006600 !important;					/* Over-ride inherited styles */
	font-size:1.5em;
	font-family:Arial, Helvetica, sans-serif;	
}
a.nav:link  {color:#009900 !important;}
a.nav:active {color:#FF00FF !important;}
a.nav:hover {color:#FF0000 !important; font-weight:normal;}

/* ================ End of Simple Navigation Link Styles ======================== */

/* End of Heading Styles */

/* =========================== Opacity Styles =================================== */
.opacity100 {
	opacity:1 !important;					/* CSS 3 opacity attribute */ 
	height:100%;				/* Needed to give object layout for Microsoft IE */ 
	filter:alpha(opacity=100) !important;	/* Microsft IE */
	-moz-opacity: 1;			/* Earlier Mozilla browsers - later are CSS 3 compliant */
	-khtml-opacity: 1;			/* Safari */	
}


.opacity90 {	
	opacity:0.9;				/* CSS 3 opacity attribute */ 
	height:100%;				/* Needed to give object layout for Microsoft IE */ 
	filter:alpha(opacity=90);	/* Microsft IE */
	-moz-opacity: 0.9;			/* Earlier Mozilla browsers - later are CSS 3 compliant */
	-khtml-opacity: 0.9;		/* Safari */	
}

.opacity80 {	
	opacity:0.8;				/* CSS 3 opacity attribute */ 
	filter:alpha(opacity=80);	/* Microsft IE */
	height:auto;				/* Needed to give object layout for Microsoft IE */	
	-moz-opacity: 0.8;			/* Earlier Mozilla browsers - later are CSS 3 compliant */
	-khtml-opacity: 0.8;		/* Safari */	
}

.op80{ /* Trial version for Internet Explorer 7 */
	background-image:url(../images/opacity80.png) !important;
	background-repeat:repeat !important;

}

.opacity70 {	
	opacity:0.7;				/* CSS 3 opacity attribute */ 
	height:100%;				/* Needed to give object layout for Microsoft IE */ 
	filter:alpha(opacity=70);	/* Microsft IE */
	-moz-opacity: 0.7;			/* Earlier Mozilla browsers - later are CSS 3 compliant */
	-khtml-opacity: 0.7;		/* Safari */	
}

.opacity60 {	
	opacity:0.6;				/* CSS 3 opacity attribute */ 
	height:100%;				/* Needed to give object layout for Microsoft IE */ 
	filter:alpha(opacity=60);	/* Microsft IE */
	-moz-opacity: 0.6;			/* Earlier Mozilla browsers - later are CSS 3 compliant */
	-khtml-opacity: 0.6;		/* Safari */	
}

/* =========================== End of Opacity Styles =================================== */

/* Body text styles */
p {		
	font-size:1em;
	color:#000000;
}

.bigblue {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 1em;
	font-weight: bold;
	color:#0000FF;
}

.footnote {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	font-weight: normal;
	font-style:italic;
	color:#000000;
}

.bigred {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 1em;
	font-weight: bold;
	color:#FF0000;
}

.signature {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:1em;
	font-style: italic;
	font-weight: bold;
	color:#333399;
}

.verse {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:1.5em;
	font-style:normal;
	font-weight: bold;
	color:#003399;
}

/* SERIF ORANGE STYLES - SUMMER */

.serifOrange {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:1.2em;
	font-stretch:extra-expanded;
	background-color:#FFFF99;
	border:1px solid #000000;
	padding:0.5em 2em 0.5em 2em;
	color:#FF6600;
	margin-bottom:1em;
}

.sig_serifOrange {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:1em;
	font-style: italic;
	font-weight: bold;
	color:#FF0000;
}

/* SERIF BLUE STYLES - WINTER */

.serifBlue {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:1em;
	font-stretch:extra-expanded;
	background-color:#99FFFF;
	border:1px solid #000000;
	padding:0.5em 2em 0.5em 2em;
	color:#000066;
	margin-bottom:1em;
}

.sig_serifBlue {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:1em;
	font-style: italic;
	font-weight: bold;	
	color:#0033CC;
}

.title_serifBlue {
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.4em;
	font-style:normal;
	font-weight: bold;
	text-align:center;	
	color:#000066;
}

.verse_serifBlue {
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.1em;
	font-style:normal;
	font-weight: bold;
	color:#0033CC;
}

/* SERIF GREEN STYLES - SPRING */

.serifGreen {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:1em;
	font-stretch:extra-expanded;
	background-color:#CCFF99;
	border:1px solid #000000;
	padding:0.5em 2em 0.5em 2em;
	color:#006600;	
	margin-bottom:1em;
}

.sig_serifGreen {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:1em;
	font-style: italic;
	font-weight: bold;
	color:#006600;	
}

.title_serifGreen {
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.4em;
	font-style:normal;
	font-weight: bold;
	text-align:center;
	color:#006600;
}

.verse_serifGreen {
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.1em;
	font-style:normal;
	font-weight: bold;
	color:#009900;
}

/* SERIF GOLD STYLES - SUMMER */

.serifGold {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:1em;
	font-stretch:extra-expanded;
	background-color:#FFFF99;	
	border:1px solid #000000;
	padding:0.5em 2em 0.5em 2em;
	color:#993300;
	margin-bottom:1em;
}

.sig_serifGold {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:1em;
	font-style: italic;
	font-weight: bold;
	color:#FF3300;
}

.title_serifGold {
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.4em;
	font-style:normal;
	font-weight: bold;	
	text-align:center;
	color:#330000;
}

.verse_serifGold {
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.1em;
	font-style:normal;
	font-weight: bold;
	color:#CC0000;
}



/* End of Body text styles */

/* Hyperlink Styles */
a {color:#0000FF;}
a:link {color:#0000FF;}
a:active {color:#FF00FF;}
a:hover {color:#FF0000;font-weight:normal;}
a:visited {color:#0000FF;}

a.hov:hover {color:#FF0000;} /* Forces Firefox to recogise php links!!! */

/* End of Hyperlink Styles */

/* ============================ Layer Styles - Start ============================= */

div.w100 { /* Full width layer */
	width:100%;
	padding:1em;
	border:thin #999999 solid;
}

div.header {
	position:absolute;
	left:0px;	
	top:0px;
	margin: 0 6% 0 6%;
	padding:0;
	width:88%;
	height:75px;
	z-index:3;	
	text-align:center;	
}
div.left1em, p.left1em {float:left; margin:1em 1em 1em 0em}
div.right1em, p.right1em {float:right;margin: 1em 0 1em 1em} 
div.left2em, p.left2em {float:left; margin:1em 2em 1em 0em}
div.right2em, p.right2em {float:right;margin: 1em 0 1em 2em} 

div.cancelfloat {clear:both;float:none;}

/* ============================ Layer Styles - End ============================= */

/* ==================== DIVs in the FOOTER SECTION of each page  ===================== */

div.footer {			/* Used in the footer section of each page */		
	background-color:#99CCCC;
	border-bottom:1px solid #CCC;
	border-top:1px solid #CCC;
	-moz-border-radius-topleft: 1em;
	-moz-border-radius-topright: 1em;
	clear:both;	
}

div.footer p { 			/* Used in the footer section of each page */
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;	
	color:#333399;	
}

div.footer a:hover {color:#FF0000;}

div.footer p.author {	/* Used in the footer section of each page */
	text-align:center;
	font-family:Georgia, "Times New Roman", Times, serif ;	
	font-style:italic;
	font-size:1.2em;
	font-stretch:expanded;
	color:#3366CC;
	padding:0.5em 0 0.5em 0;
	
}

div.footer a img {
	border:0px;
}

div.footer table.footertable { 
	border:0px; 
	font-size:0.8em;
	font-family:Arial, Helvetica, sans-serif;
	vertical-align:top;	
}

div.footer td {
	border:0px;
	vertical-align:top;
}
/* ==================== END of DIVs in the FOOTER SECTION ==================================== */

div.translucent {		/* Goes vertical inline with content div */
	margin: 0 5em 0 5em;	
	background-color:#FFFFFF; 
	padding:1em; 
	border: 1px #000000; 
	opacity:0.7;	/* interpreted differently by all browsers - but does work */
}

div.topicsubmenu {	
	margin: 0 5em 2em 5em;
	padding: 0.5em 2em 1em 2em;			
	background-color:#FFFF99;
	/*border-bottom:1px solid #CCC;
	border-top:1px solid #CCC;*/
	border:#666666 1px solid;
	font-size:1em;
	font-style: normal;
	clear:both;	
}

div.topicsubmenu p { 
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 1em;
	font-weight: bold;
	color:#333399;
}

div.topicsubmenu ul {
	list-style:url(../images/cloud.gif);	
	font-family:Arial, Helvetica, sans-serif;
	font-style: normal;
	font-weight: bold;
	font-size: 1em;
	color:#3366CC;
	border-collapse:separate;
	margin:0em;
}

div.topicsubmenu ul li {margin:0.3em 0 0.3em 0;font:1em normal}

div.topicsubmenu ul a {color:#FF6633}
div.topicsubmenu ul a:link {color:#FF6633;}
div.topicsubmenu ul a:active {color:#FF00FF;}
div.topicsubmenu ul a:hover {color:#FF0000;font-weight:bold;}
div.topicsubmenu ul a:visited {color:#999900;}

div.center {clear:both;float:none;text-align:center;margin:1em 0 1em 0}

/* End of Layer Styles */


/* Image Styles */

img.bluefine {	
	border:0.1em #00F solid;
	margin:1em 0 1em 0;
	width:100%;	/* Scale to fit available width within div container */
	height:auto;
}

img.redfine {
	border:0.1em #F00 solid;
	margin:1em 0 1em 0;
	width:100%;	/* Scale to fit available width within div container */
	height:auto;
}

img.whitefine {		
	margin:1em 0 1em 0;
	height:auto;	
}

img.spacer {width:100%; height:auto; margin:1em 0 1em 0;  }

a img.borderless {border:0px} /* to prevent enclosing blue border with hyperlinks */

p.piccenter{
	text-align:center;
	margin:1em;
	border-collapse:collapse;
}

/* End of Image Styles */

/* Text Styles */
p {margin-top:1em; margin-bottom:1em;}

p.just {
	text-align:justify; 	
}
	
	
p.just:first-letter {
	display:block;
	font-size:200%; 
	background-color:#FFFFFF;
	border:1px;
	border-style:dotted;
	border-color:#FF0000; 	
	margin-right:0.1em;
	padding: 0.1em;
	float:left;	
}

p.pictext	{
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.8em;
	color:#6666CC;	
}



.superscript {font-size:0.9em;vertical-align:super;}

.subscript {font-size:0.9em;vertical-align:sub;}

.left {text-align:left;	margin:0.2em 0 0.2em 0;}

.right{text-align:right;margin:0.2em 0 0.2em 0;}

.center {text-align:center;}
/* End of text styles */

/* Start of List Styles */
/* Cloud bullets */
div#content ul.cloud, div.content ul.cloud {	
	list-style-image:url(../images/cloud.gif);
	margin-left:3em;	
	background-color:#FFFFFF;
	border-bottom:none;		
}
div#content ul.cloud li, div.content ul.cloud li {
	margin:0.2em 0 0.2em 0;
	background-color:#FFFFFF;	
	text-align:left;
	border:0px;	
	position:static; /* Needed to cancel relative status inherited from menu.css */	
}

div#content ul.cloud li a, div.content ul.cloud li a{
	/*padding-left:1em;*/  /*Not interpreted properly by Opera*/
	display:block;
	margin:0;
	padding:0.2em 0 0.2em 0;
	background-color:#FFFFFF;
	color:#0000FF;	
}

ul.cloud li a:link {color:#0000FF;}
ul.cloud li a:active {color:#FF00FF;}
div#content ul.cloud li a:hover, ul.cloud li > a:hover  {color:#FF0000; font-weight:normal;}
ul.cloud li a:visited, {color:#0000FF;}
/* End of Cloud Bullets */

.sep1em {padding-bottom:1em;}

ul.yacht li {
	list-style-image:url(../images/bullet_yacht1.gif);	
	margin:0.5em 0 0.5em 0;
}

ul.thundercloud li {
	list-style-image:url(../images/bullet_thundercloud.gif);	
	margin:0.5em 0 0.5em 0;
}


ul.greenleaf1 li {
	list-style-image:url(../images/bullet_greenleaf1.gif);	
	margin:0.5em 0 0.5em 0;
}

ul.tulip1 li {
	list-style-image:url(../images/bullet_tulip1.gif);	
	margin:0.5em 0 0.5em 0;
}

ul.flower1 li {
	list-style-image:url(../images/bullet_flower1.gif);	
	margin:0.5em 0 0.5em 0;
}

ul.candle1 li {		
	list-style-image:url(../images/bullet_candle1.gif);	
	margin:0.5em 0 0.5em 0;
}


ul.celticlist1 li {		
	list-style-image:url(../images/bullet_s_celtic_knot.gif);	
	margin:0.5em 0 0.5em 0;
}

ul.celticlist1 li a, ul.celticlist2 li a, ul.greenleaf1 a, ul.tulip1 li a, ul.candle1 a{
	text-decoration:none;
}		

ul.celticlist2 li {		
	list-style-image:url(../images/bullet_s_celtic_knot.gif);	
	margin:0.5em 0 0.5em 2em;
}

ul.celticlistred li {		
	list-style-image:url(../images/bullet_celticknot_red.gif);	
	margin:0.5em 0 0.5em 0;
}

ul.plainlist li {list-style:none; padding:0 0 0.4em 0;}

ol.spaced1em li { margin-bottom:1em;}
ol.spacedhalfem li {margin-bottom:0.5em}
/* End of List Styles */

/* Form Styles */
form {
	background-color:#66FFFF;
	padding:2em;
	border:#0000CC 0.2em ridge;
	font-family:Arial, Helvetica, sans-serif;
	font-size:1em;
	font-style:normal;
}

form.ecommerce {
	background:#FFFFFF; 
	border:0;
}

form .completion {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-style:italic;
	font-size:0.9em;
	color:#0000CC;
	text-align:left;	
}

form input, form textarea {
	font-family:Arial, Helvetica, sans-serif;
	font-size:1em;
	font-style:normal;
}

form textarea {width:100%}

form.parthidden {
	background:none;
	border:0;
	padding:0;	
}

form.parthidden input {
	visibility:hidden;
}

form.parthidden input.visible {
	visibility:visible;
}

.titlespacer {
	margin-bottom:2em;
	height:5em;/* directs links to bookmarks below the menu section */
	 
}