@charset "utf-8";
body  { font: .98em Arial, Helvetica, sans-serif; color: #333; line-height: 140%; margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */ padding: 0; text-align: center; /* centers container in IE5*. The text is set to the left aligned default in the #container selector */ background: #6f8f42; /*41870d*/ background-image: url(unjimages/imagesbackgrnd/backgrndwoodgr.jpg); }


a:link {color:#182ea4; text-decoration: none}
a:visited {color:#182ea4; text-decoration: none}
a:hover {color:#182ea4; text-decoration: underline}

a.linkcream:link { color:#F0FFE1; text-decoration: none }
a.linkcream:visited { color:#F0FFE1; text-decoration: none } /*facf38*/
a.linkcream:hover { color:#F0FFE1; text-decoration: none }

.tofinocuriouscove #keywords {
	margin: 0 auto;
	font-size: 10px;
	color: #CCC;
	text-align: center;
}

h1 { padding-bottom: 8px; line-height: normal; margin: 0px; padding-left: 0px; padding-right: 0px; font-family: Arial, Helvetica, sans-serif; font-size: 180%; padding-top: 0px; color: #5c3112; font-weight: normal; }
h1 a {color: #6696ba !important; text-decoration: none}
h1 ahover {color: #003399; text-decoration: none}

h2 { padding-bottom: 6px; line-height: normal; font-style: normal; margin: 0px; padding-left: 0px; display: block; font-family: Arial, Helvetica, sans-serif; color: #5c3112; clear: none; font-size: 1.1em; font-weight: normal; }
h2 a { color: #5c3112 !important; text-decoration: none }
h2 a:visited { color: #7d3602 !important; text-decoration: none } /*olad colour 960*/

h3 { line-height: normal; margin: 0px; padding-left: 0px; display: block; font-family: Arial, Helvetica, sans-serif; color: #360; clear: none; font-size: 1.3em; font-weight: normal; margin-bottom: .2em; }

h4 { line-height: normal; font-style: normal; margin: 0px; padding-left: 0px; display: block; font-family: Arial, Helvetica, sans-serif; color: #360; clear: none; font-size: 1em; font-weight: normal; }

h5 { line-height: normal; font-style: normal; margin: 0px; padding-left: 0px; display: block; font-family:  Arial, san-serif; color: #5c3112; clear: none; font-size: 0.96em; font-weight: normal; }

h6 { line-height: normal; font-style: normal; margin: 0px; padding-left: 0px; display: block; font-family: Arial, Helvetica, sans-serif; color: #5c3112; clear: none; font-size: 1.1em; font-weight: normal; }


.tofinocuriouscove #containertop { width: 980px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */ height: 160px; margin: 0px auto 0px auto; /* the auto margins (in conjunction with a width) center the page */ /* I left auto out and the container didn't center in Dreamweaver page. 
   Did in IE but not Dreamweaver and made designing difficult.  */ border-top: solid #526f21 4px; border-right: solid #526f21 4px; border-left: solid #526f21 4px; overflow: hidden; background-image: url(unjimages/containertop.jpg); background-repeat: no-repeat; background-position:top; }

.tofinocuriouscove #containerphoto { width: 980px; height: 400px; margin: 0px auto 0px auto; /* the auto margins (in conjunction with a width) center the page */ /* I left auto out and the container didn't center in Dreamweaver page. 
   Did in IE but not Dreamweaver and made designing difficult.  */ border-top: solid #526f21 4px; border-bottom: solid #526f21 4px; overflow: hidden; background-image: url(unjimages/container.jpg); background-repeat: no-repeat; background-position:top; z-index: 9999; }

.tofinocuriouscove #container { width: 980px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */ /*background: #a4defc;*/ margin: 0px auto 0px auto; /* the auto margins (in conjunction with a width) center the page */ /* I left auto out and the container didn't center in Dreamweaver page. 
   Did in IE but not Dreamweaver and made designing difficult.  */ text-align: left; /* this overrides the text-align: center on the body element. */ border-right: solid #526f21 4px; border-left: solid #526f21 4px; overflow: hidden; background-image: url(unjimages/container.jpg); padding-top: 20px; }

.tofinocuriouscove #content { width: 910px; margin: 0px auto 40px auto; }


.tofinocuriouscove #footerlinks  { width: 980px; padding-top: 50px; margin: 0px auto; text-align: left; border-right: solid #526f21 4px; border-left: solid #526f21 4px; overflow: hidden; background-image: url(unjimages/footer.gif); }

.tofinocuriouscove #footercontent { width: 900px; margin: 0px auto 6px auto; }


.tofinocuriouscove #containerbot  { width: 980px; height: 30px; padding-top: 0px; margin: 0px auto; text-align: left; border-right: solid #526f21 4px; border-bottom: solid #526f21 4px; border-left: solid #526f21 4px; overflow: hidden; background-image: url(unjimages/containerbot.gif); }
/*.tofinocuriouscove #containerbot { width: 980px; height: 30px; margin: 0px auto; text-align: left; border-right: solid #526f21 10px; border-bottom: solid #526f21 10px; border-left: solid #526f21 10px; overflow: hidden; background-image: url(unjimages/containerbot .gif;
background-image: url(unjimages/containerbot.gif); }*/


a.overlayphoto{
	text-decoration:none;
	position:relative;
	display:block;
	/*border:1px solid #666; */
	padding:0px;  /*change from 3px*/
	margin-right:0px;  /*change from 5px*/
	float:inherit;
	height: 453;
	padding-bottom: 1px;
} 
 
a.overlayphoto span.waves{
	visibility:visible;  /*jn changed from hidden to visible, original only visible on hover*/
	position:absolute;
}


.tofinocuriouscove #contentphotogallery {
	/*background-image: url(unjimages/imagestextures/texturebluocean.jpg);*/
	background-color: #fefed2;
	padding-bottom: 40px;
	text-align:center;
}

.tofinocuriouscove #photogalleryshow {
	background-color: #fefed2;
	width: 920px;
	text-align: center;
}


.tofinocuriouscove #textlinkstop {
	/*background-color: #277fdf;*/
	color: #277fdf;
	text-align: center;
	font-size: 90%;
	line-height: 240%;
	/*border-top: solid #fefed2 2px;
	border-bottom: solid #fefed2 2px;*/
}


.tofinocuriouscove #textlinks {
	background-color: #277fdf;
	color: #CCCCCC;
	text-align: center;
	font-size: 90%;
	line-height: 300%;
	border-top: solid #fefed2 2px;
	border-bottom: solid #fefed2 2px;
}


.tofinocuriouscove #footer {
	font-size: 78%;
	color: #583D21;
	text-align:center;
	padding: 20px 0px 15px 0px;
}


/* Image Styles*/
.tofinocuriouscove #imgtofino {border: solid #41870d 4px; overflow: hidden;}


/*Text and table Styles*/

table#tblbdrgrn{ border: 1px solid #41870d; border-spacing:6px; }

td#tdunder{border-bottom: 1px solid #000;}
	
td#tdcenter{text-align: center;}	



.HeadingBold { font-size: 1.1em; }

.HeadingBoldBig {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bolder;
	font-size: 120%;
}

.textform { font-size: 1em; }

.text { font-family: Arial, Helvetica, sans-serif; }

.textsp { font-family: Arial, Helvetica, sans-serif; line-height: 2.0em; }

.textsmsp { font-family: Arial, Helvetica, sans-serif; line-height: 2em; font-size: .9em; }

.textbrownbig {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.3em;
	color: #74502C;
}

.textbrownsmall {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 80%;
	color: #74502C;
}
.textsmall { font-family: Arial, Helvetica, sans-serif; font-size: .9em; }

.textsmallwhite { font-size: 90%; color: #F0FFE1; }

.linespacing {
	line-height: 180%;
}
.textblu {
	font-family: Arial, Helvetica, sans-serif;
	color: #0089ce;
}


.HeadingBold90 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 90%;
	font-weight: bold;
}
.HeadingBoldBlu {font-family: Arial, Helvetica, sans-serif; font-weight: bold; color: #0089ce; }