@charset "utf-8";
body  { font: 1em Arial, Helvetica, sans-serif; color: #5c3112; 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; /*41870d*/ background-image: url(unjimages/backgrnd1.jpg); background-color: #e6c86e; }


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

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

.tofinobeachloft #keywords { margin: 0 auto; font-size: .84em; color: #5C3112; text-align: center; }

h1 { padding-bottom: 8px; line-height: normal; margin: 0px; padding-left: 0px; padding-right: 0px; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 2.6em; padding-top: 10px; color: #FBF7E5; font-weight: normal; font-style: italic; letter-spacing: 0.2em; }
h1 a {color: #6696ba !important; text-decoration: none}
h1 ahover {color: #003399; text-decoration: none}

h2 { padding-bottom: 6px; line-height: normal; font-style: italic; margin: 4px; padding-left: 0px; display: block; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; color: #48260E; clear: none; font-size: 1.8em; font-weight: normal; padding-top: 6px; }
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: "Trebuchet MS", Arial, Helvetica, sans-serif; color: #5c3112; clear: none; font-size: 1.28em; font-weight: normal; margin-bottom: 0.2em; }

h4 { line-height: normal; font-style: italic; margin: 0px; padding-left: 0px; display: block; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; color: #7D4218; clear: none; font-size: 1.4em; font-weight: normal; letter-spacing: 0.2em; }

h5 { line-height: 1.6em; margin: 0px; padding-left: 0px; display: block; font-family:  "Trebuchet MS", Arial, Helvetica, sans-serif; color: #5c3112; clear: none; font-size: 1.1em; 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; }


.tofinobeachloft #containertop { width: 980px; 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 #5c3112 2px; border-right: solid #5c3112 2px; border-left: solid #5c3112 2px; overflow: hidden; background-color: #963; } 

.tofinobeachloft #containerphoto { width: 980px; height: 400px; margin: 0px auto 0px auto; overflow: hidden; background-repeat: no-repeat; background-position:top; z-index: 9999; background-color: #963; border-left: solid #5c3112 2px; border-right: solid #5c3112 2px; color: #FBF7E5; }

.tofinobeachloft #containerlinks { width: 980px; margin: 0px auto 0px auto; overflow: hidden; background-repeat: no-repeat; background-position:top; z-index: 9999; background-color: #963; border-left: solid #5c3112 2px; border-right: solid #5c3112 2px; border-bottom: solid #5c3112 1px; }
#containerlinks h3 { line-height: 2em; margin: 0px; padding-left: 0px; display: block; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; color: #FBF7E5; clear: none; font-size: 1.28em; font-weight: normal; margin-bottom: 0.2em; }
#containerlinks h3 a { color: #FBF7E5 !important; text-decoration: none }
#containerlinks h3 a:visited { color: #FBF7E5 !important; text-decoration: none } /*olad colour 960*/

.tofinobeachloft #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 #5c3112 2px; border-left: solid #5c3112 2px; overflow: hidden; padding-top: 20px; background-color: #FBF7E5; border-bottom: solid #5c3112 2px; }

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

.tofinobeachloft #footer { width: 980px; margin: 0px auto 40px auto; }

.tofinobeachloft #footerlinks  { width: 980px; padding-top: 50px; margin: 0px auto; text-align: left; overflow: hidden; background-color: #FBF7E5; }

.tofinobeachloft #footercontent { width: 970px; margin: 0px auto 6px auto; }


.tofinobeachloft #containerbot  { width: 980px; height: 30px; padding-top: 0px; margin: 0px auto; text-align: left; border-right: solid #5c3112 2px; border-bottom: solid #5c3112 2px; border-left: solid #5c3112 2px; overflow: hidden; background-image: url(unjimagescc/containerbot.gif); }
/*.tofinobeachloft #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;
}


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

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


.tofinobeachloft #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;*/
}


.tofinobeachloft #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;
}


.tofinobeachloft #footer { text-align:center; padding: 20px 0px 15px 0px; font-size: .9em; }


/* Image Styles*/
.tofinobeachloft #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 #aaa; }
	
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-size: 80%; color: #D6D0C6; line-height: 2.2em; }
.textsmall { font-family: Arial, Helvetica, sans-serif; font-size: .9em; }

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

.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; }

.browndrk { color: #2D1808; }