/*
* Skeleton V1.2
* Copyright 2011, Dave Gamache with additional changes by Maureen Albertson 2012
* www.getskeleton.com
* Free to use under the MIT license.
* http://www.opensource.org/licenses/mit-license.php
* 6/20/2012
*/


/* Table of Content
==================================================
	#NAVIGATION
	#Reset & Basics
	#Basic Styles
	#Site Styles
	#Typography
	#Links
	#Lists
	#baitboard
	#Images
	#Buttons
	#Forms
	#Misc sd	
	#TABLE FORMATTING
	#Greenbeast/Cherim Contact forms
	#Dynamic Drive Thumbnailviewer
	#Slideshow
	
	*/

/* #NAVIGATION tinydropdown menu settings for div positioning */	
/* 'margin-top' 'margin-right' 'margin-bottom' 'margin-left' -- I can never remember this! */

#dropdown {
	position: inherit;
	margin: 0px 0px 0px 0px;
	padding: 5px 0px 5px 0px;
	z-index: 1000;
	}
	
/* begin tinydropdown */
* {margin:0; padding:0; outline:0}
.nav {z-index:998} /* i did not want background of nav defined, using buttons instead, so removed: height:36px; background:#aaa; color:#fff; text-shadow:1px 1px #888;  */
.menu a {float:left; color:#eee; text-decoration:none; width:120px; height:28px; padding-top:3px} /* cannot adjust width here*/
/* i reduced padding on the a and the span from 8 to 3 */
		/* below sets width of menu header, also changed: color:#eee* width:220px; */
.menu span {float:left; color:#000000; text-decoration:none; width:120px; height:28px; padding-top:3px} 
.menu a:hover {color:#000000} /* changes the color of text only on the header when hover */
        /* below menu width?  changed width:600px; text-align:center; */
.menu {list-style:none; font:14px Tahoma, Geneva, sans-serif; text-align:left; width:1080px; text-indent:5px; margin:0 auto;}
.menu li {position:relative; float:left; width:120px; z-index:999;} /* cannot adjust width here*/
.menu ul {display:none; position:absolute; font:normal 12px Tahoma, Geneva, sans-serif; top:36px; left:0; background:#91fffd; list-style:none} /* This is the dropdown itself. Change color of text menuhover? */
.menu ul li {float:none; border-top:1px solid #ccc; width:120px} 
.menu ul li a, li.menuhover li a, li.menuhover li.menuhover li a {float:none; display:block; background:none; height:24px; padding-top:5px}
.menu ul li a:hover, li.menuhover li a:hover, li.menuhover li.menuhover li a:hover {background:#1dbdb9; color:#fff}
.menu ul li span, li.menuhover li span, li.menuhover li.menuhover li span {float:none; display:block; background:none; height:28px; padding-top:0px}
.menu ul ul {left:120px; top:0} /*changed: width:120px */
.menu li.submenu {font-weight:bold; color:#000; z-index:1000} 
.menu li.submenu p {float:left; display:block; background:none; height:28px; padding-top:5px;} /* to match line height when no link */
.menu li.noborder {border-top:none}
li.menuhover a, li.menuhover li.menuhover a {color:#000000; background:#13bdb9;} /* old color:#fff (white); background :#999 (grey) */
li.menuhover span, li.menuhover li.menuhover span {color:#fff; background:#999; display:block;}
        /* Use info for some kind of notice? javascript weather? foots forecast or something?*/
#info {width:400px; background:#eee}
#info li {width:400px; border-top:none; padding:0px 10px 30px 5px; color:#666; text-shadow:1px 1px #fff; text-align:left}
/* end tinydropdown */
/* 'margin-top' 'margin-right' 'margin-bottom' 'margin-left' -- I can never remember this! */

.storehours {font-family: Tahoma, "Times New Roman", Arial; font-size: 85%; font-weight:200; }

/* #Reset & Basics (Inspired by E. Meyers)
================================================== */
	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, 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, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
		margin: 0;
		padding: 0;
		border: 0;
		font-size: 100%;
		font: inherit;
		vertical-align: baseline; }
	article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
		display: block; }
	body {
		line-height: 1; } 
	ol, ul {
		list-style: none; }
	blockquote, q {
		quotes: none; }
	blockquote:before, blockquote:after,
	q:before, q:after {
		content: '';
		content: none; }
	table {
		border-collapse: collapse;
		border-spacing: 0; }
	
	.alignright { float: right; }
    .alignleft { float: left; }
	.aligncenter { alignment-adjust:central }

/* #Basic Styles
================================================== */
	body {
		background: #c0ffff;
		font: Tahoma, Arial, sans-serif;
		color: #444;
		-webkit-font-smoothing: antialiased; /* Fix for webkit rendering */
		-webkit-text-size-adjust: 100%;
		scrollbar-base-color: #C0FFFF;
		scrollbar-arrow-color: #097509;
		scrollbar-darkshadow-color: #008080; 
		scrollbar-face-color: #ABFDFC;
		scrollbar-highlight-color: ;
		scrollbar-shadow-color: #00C0C0; 
		 }
/* NOTE: body scroll bar colors don't work on firefox but look really cool on explorer ~MKA */

/* code for hiding print button on framed pages or anything not wanted*/
@media print { .print {display:none; } }
		
.iframe {z-index:-1; padding: 5px 0px 0px 5px; }	
		
/* header2 is for our wide water header with dropdown menu below it*/ 
	#header2 {
	width:100%;
	position: inherit; /*was absolute, which caused the columns to smush up under the header,inherit works*/
	top: 0px; 
	margin-top: 0px; 
	margin-left: 0px; 		
	padding: 0px; 	
	background: url(http://www.scottsbt.com/siteimage/water.gif) repeat-y repeat-x top left; width: 100%; height: 130px; 
	z-index: 2;	 
	}
		
/* header hours called by javascript setup within header2 using these div ids */	
#header2 .hoursframe { float:left; margin-left: 20px; z-index: 80; width:300px } /* tried to put in interior border border-width: 1px; border-style:groove; border-color:#999999 but just shows up above the scott's name as a thick bar */
#header2 .hourshead { float:left; padding: 0; margin: 0px 0px 0px 0px; }	
#header2 .hoursleft { float:left; margin: 3px 0px 0px 2px;  }
#header2 .hoursright { float:right; margin: 3px 35px 0px 0px; }
#header2 .logoframe { float:right; margin: 0px 50px 0px 0px; } /* header store logo  */
/* 'margin-top' 'margin-right' 'margin-bottom' 'margin-left' -- I can never remember this! */


/* #Typography
================================================== */
	h1, h2, h3, h4, h5, h6 {
		color: #0000ff;
		font-family: "Tahoma", "Times New Roman", serif;
		font-weight: normal; }
	h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { font-weight: inherit; }
	h1 { font-size: 46px; line-height: 50px; margin-bottom: 14px; text-align:center; }
	h2 { font-size: 35px; line-height: 40px; margin-bottom: 10px; }
	h3 { font-size: 28px; line-height: 34px; margin-bottom: 8px; }
	h4 { font-size: 21px; line-height: 30px; margin-bottom: 4px; }
	h5 { font-size: 17px; line-height: 24px; }
	h6 { font-size: 14px; line-height: 21px; }
	.subheader { color: #777; }

	p { margin: 0 0 10px 0; }
	p img { margin: 0;}
	p.lead { font-size: 21px; line-height: 27px; color: #777;  }

	em { font-style: italic; }
	strong { font-weight: bold; color: #333; }
		
	.scott { font-weight: bold; font-size: 100%; color: #FF0000; font-family: Tahoma, Arial; font-style:italic }
	.bait {	font-weight: bold;	font-size: 95%;	color: #0000FF;	font-family: Tahoma, Arial; font-style: oblique }
	.small { font-size: 80%;}
	/* fishing report - also uses .small */
			/* font for anglers report */ 
	.report {font-family: Tahoma, "Times New Roman", Arial;	font-size: 14px; color:#333333;}
			/* font for scott's report */ 
	.report2 {font-family: Tahoma, Arial, "Times New Roman"; font-size: 12px; color:#000077; font-weight:bold;} 
	.medium {font-family: Tahoma, "Times New Roman", Arial;	font-size: 14px;}
	.large {font-family: Tahoma, "Times New Roman", Arial; font-size: 18px; }
	.big {font-family: Tahoma, "Times New Roman", Arial;	font-size: 20px;}
	.xbig {font-family: Tahoma, "Times New Roman", Arial;	font-size: 24px;}
	.expanded {font-family: Tahoma, "Times New Roman", Arial;	font-size: 14px;	line-height: 16px;
	letter-spacing: 2px;}
	.justified {font-family: Tahoma, "Times New Roman", Arial;	text-align: justify;}
	.section {font-family: Tahoma, "Times New Roman", Arial; font-size: 16px; font-weight: bold;}
	.info {font-family: Tahoma, "Times New Roman", Arial; font-size: 14px;  color: #ff0000; }
	.notice {font-family: Tahoma, "Times New Roman", Arial;	font-size: 24px; color: #ff0000; font-weight: bold;}
	.yell {font-family: Tahoma, "Times New Roman", Arial; font-size: 24px; color: #ff0000; font-style:italic;}
	.catch {font-family: Book Antiqua; color=: #000000; font-size:24px; }
	.catch2 {font-family: Arial Rounded MT Bold; color=:#3333ff; font-size:24px; }
	.mizmo {font-family:Blackadder ITC; font-size:20px; color:#0000ff; }
	
	/* HOLIDAY FONTS*/
	.christmas {text-align:left;
	font-weight:bold;
	color:#ff0000;
	font-size:24px;
	font-family: "Comic Sans MS", cursive; 

	font-style: oblique;	
	text-shadow:1px 1px #006600;
	}
	

	
	/* for most page titles I'm actually using H1 instead */
	.pagetitle {font-family: times roman; color: #0000FF; font-size: 24px; font-weight: 600;}
	.titlePEsm {font-family: "Times New Roman", Times, serif; color: #8000FF; font-size: 14px; font-weight: bold;}
	.titlePElg {font-family: "Times New Roman", Times, serif; color: #8000FF; font-size: 24px; font-weight: bold;}

	.highlight { background-image:url('http://www.scottsbt.com/siteimage/water.gif'); 
margin: 5px 2px 5px 2px;
border-right:#7C9696 1px solid;border-top:#7C9696 1px solid;border-left:#7C9696 1px solid;border-bottom:#7C9696 1px solid; 
padding: 2px;}
/* 'margin-top' 'margin-right' 'margin-bottom' 'margin-left' -- I can never remember this! */

	
	.para2 { border-bottom-style:groove; border-bottom-color:#009966; border-bottom-width:medium; border-left-style:groove; border-left-color:#00FF66; border-left-width:medium; border-right-style:groove; border-right-color:#00FF66; border-right-width:thick; border-top-style:groove; border-top-color:#009966; border-top-width:thick; 
width: 600px; margin: 10px; }	/* this makes a grooved green box around text */

/* added below infobox to grayscale site 12/1/16, copied here to old blue site, for use with the dogadopt section */
div .infobox { background:#ffffff; border-right:#7C9696 1px solid;border-top:#7C9696 1px solid; border-left:#7C9696 1px solid;border-bottom:#7C9696 1px solid; margin: 5px 10px 5px 10px; padding:2px}
div .infoboxheader { background:#e6e6e6; padding:0 }
div .infoboxtext { background:#ffffff; text-align:left; }
div .infoboxtextblue { background:#b9c6df; text-align:left; float:inherit; margin-left:10px; width:90%; padding:5px;  }

/*	Blockquotes  */


blockquote {border-right:#7C9696 1px solid;border-top:#7C9696 1px solid;margin:10px 0 0px;border-left:#7C9696 1px solid;border-bottom:#7C9696 1px solid;padding:2px; 
font-family: Tahoma, "Times New Roman", Arial; 
color:#003333; 
font-size: 14px; 
background-color:#CCFFCC; 
width: 75%; 
text-align:left; 
padding: 5px;
margin-left: 10px;}

/* NOT SURE THAT I WANT TO USE HIS BLOCKQUOTE SETUP, SO HIDDEN IN FAVOR OF OURS
	blockquote, blockquote p { font-size: 17px; line-height: 24px; color: #777; font-style: italic; }
	blockquote { margin: 0 0 20px; padding: 9px 20px 0 19px; border-left: 1px solid #ddd; }
	blockquote cite { display: block; font-size: 12px; color: #555; }
	blockquote cite:before { content: "\2014 \0020"; }
	blockquote cite a, blockquote cite a:visited, blockquote cite a:visited { color: #555; }
*/

	hr { border: solid #645858; border-width: 1px 0 0; clear: both; margin: 10px 0 30px; height: 0; }


/* #Links
================================================== */
	a:link    {color:#0000EE}
	a, a:visited { color: #551A8B; text-decoration: underline; outline: 0; }
	a:hover, a:focus { color: #FF0000; }
	p a, p a:visited { line-height: inherit; }


/* #Lists
================================================== */

	ul.dropdown { list-style: none outside; } /*Dropdown tinydropdown navigation */
	ul, ol { margin-bottom: 20px; }
	ul { list-style: none inside;  padding-left: 20px }
	ol { list-style: decimal; }
	ol, ul.square, ul.circle, ul.disc { margin-left: 30px; } 
	ul.square { list-style: square outside; }
	ul.circle { list-style: circle outside; }
	ul.disc { list-style: disc outside; }
	ul ul, ul ol,
	ol ol, ol ul { margin: 0px 0 5px 5px; font-size: 90%;  } /* changed: this was 4px 0 5px 30px as it was affecting the tinydropdown menu settings */
	ul ul li, ul ol li,
	ol ol li, ol ul li { margin-bottom: 6px; }
	li { line-height: 18px; margin-bottom: 12px; }
	ul.large li { line-height: 21px; }
	li p { line-height: 21px; }
/* 'margin-top' 'margin-right' 'margin-bottom' 'margin-left' -- I can never remember this! */




/* #Images
================================================== */

	img.scale-with-grid {
		max-width: 100%;
		height: auto; }
	
	.picture {border-right:#7C9696 1px solid;border-top:#7C9696 1px solid; border-left:#7C9696 1px solid;border-bottom:#7C9696 1px solid; margin: 5px 10px 5px 10px; padding:2px}	
	
	/* image formatting styles */

img.imgleft { float:left; word-wrap:normal; }
img.imgright { float:right; word-wrap:normal; }
img.bordered {float:left; border:medium; border-color:#0000FF; }
img.centered {display: block; margin-left: auto; margin-right: auto}

/* gre_bev is for boating/krusher/krusher.htm Krusher Charters */
img.gre_bev {
	width:75%;  /*orig 300px*/
	height:30px;
	padding: 10px;
}


/* #Buttons
================================================== */

	.button,
	button,
	input[type="submit"],
	input[type="reset"],
	input[type="button"] {
		background: #eee; /* Old browsers */
		background: #eee -moz-linear-gradient(top, rgba(255,255,255,.2) 0%, rgba(0,0,0,.2) 100%); /* FF3.6+ */
		background: #eee -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,.2)), color-stop(100%,rgba(0,0,0,.2))); /* Chrome,Safari4+ */
		background: #eee -webkit-linear-gradient(top, rgba(255,255,255,.2) 0%,rgba(0,0,0,.2) 100%); /* Chrome10+,Safari5.1+ */
		background: #eee -o-linear-gradient(top, rgba(255,255,255,.2) 0%,rgba(0,0,0,.2) 100%); /* Opera11.10+ */
		background: #eee -ms-linear-gradient(top, rgba(255,255,255,.2) 0%,rgba(0,0,0,.2) 100%); /* IE10+ */
		background: #eee linear-gradient(top, rgba(255,255,255,.2) 0%,rgba(0,0,0,.2) 100%); /* W3C */
	  border: 1px solid #aaa;
	  border-top: 1px solid #ccc;
	  border-left: 1px solid #ccc;
	  -moz-border-radius: 3px;
	  -webkit-border-radius: 3px;
	  border-radius: 3px;
	  color: #444;
	  display: inline-block;
	  font-size: 11px;
	  font-weight: bold;
	  text-decoration: none;
	  text-shadow: 0 1px rgba(255, 255, 255, .75);
	  cursor: pointer;
	  margin-bottom: 20px;
	  line-height: normal;
	  padding: 8px 10px;
	  font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif; }

	.button:hover,
	button:hover,
	input[type="submit"]:hover,
	input[type="reset"]:hover,
	input[type="button"]:hover {
		color: #222;
		background: #ddd; /* Old browsers */
		background: #ddd -moz-linear-gradient(top, rgba(255,255,255,.3) 0%, rgba(0,0,0,.3) 100%); /* FF3.6+ */
		background: #ddd -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,.3)), color-stop(100%,rgba(0,0,0,.3))); /* Chrome,Safari4+ */
		background: #ddd -webkit-linear-gradient(top, rgba(255,255,255,.3) 0%,rgba(0,0,0,.3) 100%); /* Chrome10+,Safari5.1+ */
		background: #ddd -o-linear-gradient(top, rgba(255,255,255,.3) 0%,rgba(0,0,0,.3) 100%); /* Opera11.10+ */
		background: #ddd -ms-linear-gradient(top, rgba(255,255,255,.3) 0%,rgba(0,0,0,.3) 100%); /* IE10+ */
		background: #ddd linear-gradient(top, rgba(255,255,255,.3) 0%,rgba(0,0,0,.3) 100%); /* W3C */
	  border: 1px solid #888;
	  border-top: 1px solid #aaa;
	  border-left: 1px solid #aaa; }

	.button:active,
	button:active,
	input[type="submit"]:active,
	input[type="reset"]:active,
	input[type="button"]:active {
		border: 1px solid #666;
		background: #ccc; /* Old browsers */
		background: #ccc -moz-linear-gradient(top, rgba(255,255,255,.35) 0%, rgba(10,10,10,.4) 100%); /* FF3.6+ */
		background: #ccc -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,.35)), color-stop(100%,rgba(10,10,10,.4))); /* Chrome,Safari4+ */
		background: #ccc -webkit-linear-gradient(top, rgba(255,255,255,.35) 0%,rgba(10,10,10,.4) 100%); /* Chrome10+,Safari5.1+ */
		background: #ccc -o-linear-gradient(top, rgba(255,255,255,.35) 0%,rgba(10,10,10,.4) 100%); /* Opera11.10+ */
		background: #ccc -ms-linear-gradient(top, rgba(255,255,255,.35) 0%,rgba(10,10,10,.4) 100%); /* IE10+ */
		background: #ccc linear-gradient(top, rgba(255,255,255,.35) 0%,rgba(10,10,10,.4) 100%); /* W3C */ }

	.button.full-width,
	button.full-width,
	input[type="submit"].full-width,
	input[type="reset"].full-width,
	input[type="button"].full-width {
		width: 100%;
		padding-left: 0 !important;
		padding-right: 0 !important;
		text-align: center; }

	/* Fix for odd Mozilla border & padding issues */
	button::-moz-focus-inner,
	input::-moz-focus-inner {
    border: 0;
    padding: 0;
	}


/* #Forms
================================================== */
/* I am using Cherim's form, so this is hidden */
/*
	form {
		margin-bottom: 20px; }
	fieldset {
		margin-bottom: 20px; }
	input[type="text"],
	input[type="password"],
	input[type="email"],
	textarea,
	select {
		border: 1px solid #ccc;
		padding: 6px 4px;
		outline: none;
		-moz-border-radius: 2px;
		-webkit-border-radius: 2px;
		border-radius: 2px;
		font: 13px "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
		color: #777;
		margin: 0;
		width: 210px;
		max-width: 100%;
		display: block;
		margin-bottom: 20px;
		background: #fff; }
	select {
		padding: 0; }
	input[type="text"]:focus,
	input[type="password"]:focus,
	input[type="email"]:focus,
	textarea:focus {
		border: 1px solid #aaa;
 		color: #444;
 		-moz-box-shadow: 0 0 3px rgba(0,0,0,.2);
		-webkit-box-shadow: 0 0 3px rgba(0,0,0,.2);
		box-shadow:  0 0 3px rgba(0,0,0,.2); }
	textarea {
		min-height: 60px; }
	label,
	legend {
		display: block;
		font-weight: bold;
		font-size: 13px;  }
	select {
		width: 220px; }
	input[type="checkbox"] {
		display: inline; }
	label span,
	legend span {
		font-weight: normal;
		font-size: 13px;
		color: #444; }
*/

/* #Misc
================================================== */
	.remove-bottom { margin-bottom: 0 !important; }
	.half-bottom { margin-bottom: 10px !important; }
	.add-bottom { margin-bottom: 20px !important; }

/* end skeleton base.css */


/* table formatting */
TABLE.dogadopt { padding:2px; }
TD.dogadopt { vertical-align:top; text-align:center; padding:1px; font-size:12px; font-family:Allure, Tahoma, Arial; font-weight:bold}

TABLE.report {border-right:#0099ff 3px solid;border-top:#0099ff 3px solid;margin:10px 0 0px;border-left:#0099ff 3px solid;border-bottom:#0099ff 3px solid;padding:2px }
TD.report {background-image:url('http://www.scottsbt.com/siteimage/water.gif'); text-align:center;padding:1px;font-size:12px; font-family:Allure, Tahoma, Arial; font-weight:bold}

TABLE.catch {width:80%; alignment-adjust:central; cellspacing:0; cellpadding:0; /* border-right:#7C9696 1px solid;border-top:#7C9696 1px solid;margin:10px 0 0px;border-left:#7C9696 1px solid;border-bottom:#7C9696 1px solid; */ padding:2px; margin:5px }
TD.catch { vertical-align: top }

/* revising MenuBox to fit new Grayscaling */
TABLE.MenuBox {
	border-color:#000000;
	border-style:solid;
	margin:10px 0 0px;
	padding:2px;
	margin:5px
}
TH.MenuBox {
	text-align:center;
	font-weight:bold;
	color:#e6e6e6;
	font-size:16px;
	font-family: Tahoma, Arial;
	font-style: oblique;	
	text-shadow:1px 1px #000;
	background-color:#808080;
	border-bottom-width:1px;
	border-bottom-color:#000000;	
	border-bottom-style:solid;
	padding:2px;
}
TD.MenuBox {
	background-color:#e6e6e6;
	text-align:left;
	padding:2px;
	font-size:10px;
	border: #808080 1px solid;
}
TD.MenuBoxCenter {
	background-color:#e6e6e6;
	text-align:center;
	padding:2px;
	font-size:10px;
	border: #808080 1px solid;
}
DIV.MenuBox {
	background-color:#e6e6e6;
	text-align:left;
	padding:2px;
	font-size:8px;
}
TD.MenuBoxBasket {
	background-image:url('http://www.scottsbt.com/siteimage/water.gif');
	text-align:center;
	padding:1px;
font-size:11px margin:2px;
	border: #808080 1px solid;
}
TD.MenuBoxData {
	font-weight:normal;
	background-color:#e6e6e6;
	text-align:left;
	padding:2px;
	font-size:14px;
	border: #808080 1px solid;
}



/* #baitboard table and list modifications */
TABLE.BaitBox { margin: 2px 2px 2px 2px;  border-right:#7C9696 1px solid;border-top:#7C9696 1px solid; border-left:#7C9696 1px solid;border-bottom:#7C9696 1px solid; alignment-adjust:central; vertical-align:top; }
TH.BaitBox {font-size:24px; font-weight:bold;color:#0000EE;background-image:url('http://www.scottsbt.com/siteimage/water.gif'); vertical-align:top; text-align:center;border-bottom-width:1px;border-bottom-style:solid;border-bottom-color:#7C9696;padding:2px; height: 25px; }
TD.BaitBox {background-color:#9FEBEA; vertical-align:top; text-align:left;padding:1px;font-size:19px; line-height:22px; }
TD.BaitBoxCenter {background-color:#9FEBEA;text-align:center;padding:2px;font-size:19px; line-height:20px; }
TD.BaitBoxData {font-weight:normal;background-color:#9FEBEA;vertical-align:top;text-align:left;padding:1px;font-size:19px; line-height:22px; }
TD.BaitBoxIce {background-color:#b5f1f1; vertical-align:top; text-align:left;padding:1px;font-size:19px; line-height:22px; text-wrap:unrestricted; }
TD.BaitBoxFresh {background-color:#b7f9b7; vertical-align:top; text-align:left;padding:1px;font-size:19px; line-height:22px; }
TD.BaitBoxSalt {background-color:#e6dede; vertical-align:top; text-align:left;padding:2px;font-size:19px; line-height:22px; }
TD.BaitBoxBasket {background-image:url('http://www.scottsbt.com/siteimage/water.gif');text-align:center;padding:1px;font-size:12px; line-height:20px; }
li.out {list-style-position: inside; list-style-image: url(http://www.scottsbt.com/siteimage/baitboardout.gif); list-style-type: square; line-height: 14px; margin-top: 1px; margin-bottom: 3px; font-size:17px; font-family: Tahoma, "Times New Roman", Arial; }
li.yes {list-style-position: inside; list-style-image: url(http://www.scottsbt.com/siteimage/baitboardyes.gif); list-style-type: square; line-height: 14px;  margin-top: 1px; margin-bottom: 3px; font-size:17px; font-family: Tahoma, "Times New Roman", Arial; }
li.low {list-style-position: inside; list-style-image: url(http://www.scottsbt.com/siteimage/baitboardlow.gif); list-style-type: square; line-height: 14px; margin-top: 1px; margin-bottom: 3px; font-size:17px; font-family: Tahoma, "Times New Roman", Arial; }

p.bait { font-style:normal; padding: 0px; } /* see top of file for margin spacing for p */
.baitname {font-family: Tahoma, "Times New Roman", Arial; font-size: 18px; margin: 0px 0px 2px 0px; color:#6F0870; }
.baitname2 {font-family: Tahoma, "Times New Roman", Arial; font-size: 13px; margin: 0px 0px 0px 15px; color:#6F0870; font-weight:800; }
.baitprice { font-family: Tahoma, "Times New Roman", Arial; font-size:19px; margin-bottom: 0px; color:#111111; font-weight:bold; }
/* 'margin-top' 'margin-right' 'margin-bottom' 'margin-left' -- I can never remember this! */

/* baitboard in div formatting for mobile friendly baitboard */
div.baitwrapheader  { margin: 2px 2px 2px 2px; height: 80px; background-image:url('http://www.scottsbt.com/siteimage/water.gif'); border-right:#7C9696 1px solid;border-top:#7C9696 1px solid; border-left:#7C9696 1px solid;border-bottom:#7C9696 1px solid;  } 

div.baithead1 { float:left; margin: 2px 2px 2px 2px; vertical-align:top; text-align:center; padding:1px; font-size:20px; font-weight:bold; color:#0000FF; line-height:22px; } /* baitboard legend */

div.baithead2 {  float:left; margin: 2px 2px 2px 2px; vertical-align:central; padding:1px; } /* scott's link */
div.baithead3 {  float:left; margin: 2px 2px 2px 2px; vertical-align:central; padding:1px; } /* wunderground */
div.baithead4 {  float:left; margin: 2px 2px 2px 2px; text-align:center; padding:1px; font-weight:bold; line-height:28px; } /* clock */

div.baitwrapboard  { margin: 2px 2px 2px 2px; height:385px; } /* height: 430px; for new board */
div.baitcol1 { float:left; margin: 0px 0px 0px 0px; height: 370px; vertical-align:top; } /* ballyhoo bloods, bunker, butterfish */
div.baitcol2 { float:left; margin: 0px 0px 0px 0px; height: 370px; vertical-align:top; } /* clam, chum */
div.baitcol3 { float:left; margin: 0px 0px 0px 0px; height: 370px; vertical-align:top; } /* chum, eels, crabs, shrimp, mullet */
div.baitcol4 { float:left; margin: 0px 0px 0px 0px; height: 378px; vertical-align:top; } /* Mackeral, minnows, crawlers, sandeels, sardines */
div.baitcol5 { float:left; margin: 0px 0px 0px 0px; height: 380px; vertical-align:top; } /* smelts, spearing, squid, links */
div.baitcol6 { float:left; margin: 0px 0px 0px 0px; height: 380px; width:302px; vertical-align:top; } /* tides, notices*/

div.baitwrapboard2  { margin: 2px 2px 2px 2px; height: 290px; } 
div.bait2col1 { float:left; margin: 0px 0px 0px 0px; height: 290px; vertical-align:top; } /* BAITMASTER: Ballyhoo unrigged */
div.bait2col2 { float:left; margin: 0px 0px 0px 0px; height: 285px; vertical-align:top; } /* BAITMASTER: Ballyhoo rig, cut */
div.bait2col3 { float:left; margin: 0px 0px 0px 0px; height: 280px; vertical-align:top; } /* BAITMASTER: Chum, mullet, oil */
div.bait2col4 { float:left; margin: 0px 0px 0px 0px; height: 230px; vertical-align:top; } /* BAITMASTER: MagicBrine, Minnows, Spearing, Smelts */
div.bait2col5 { float:left; margin: 0px 0px 0px 0px; height: 270px; vertical-align:top; } /* BAITMASTER: smelts, Squid */
div.bait2col6 { float:left; margin: 0px 0px 0px 0px; height: 250px; width:302px; vertical-align:top; } /* ice, moon */


/* end of baitboard specifications */



TABLE.tidemain {padding:2px; margin:5px;}
TABLE.tidediff {padding:2px; margin:5px;}
TD.tidetop { vertical-align:top; }
TABLE.tides {border-right:#7C9696 1px solid;border-top:#7C9696 1px solid;margin:10px 0 0px;border-left:#7C9696 1px solid;border-bottom:#7C9696 1px solid;padding:2px; margin:5px; }
TH.tides {font-size:14px;font-weight:bold;color:#0000EE;background-image:url('http://www.scottsbt.com/siteimage/water.gif');text-align:center;border-bottom-width:1px;border-bottom-style:solid;border-bottom-color:#7C9696;padding:2px}
TD.tides {background-color:#9FEBEA;text-align:right;padding:2px;font-size:14px; border-right:#7C9696 1px solid;border-top:#7C9696 1px solid; border-left:#7C9696 1px solid;border-bottom:#7C9696 1px solid;padding:2px; }
TD.tideslo {background-color:#8ed4d3;text-align:right;padding:2px;font-size:14px; border-right:#7C9696 1px solid;border-top:#7C9696 1px solid; border-left:#7C9696 1px solid;border-bottom:#7C9696 1px solid;padding:2px; }
DIV.tides {background-color:#9FEBEA;text-align:left;padding:2px;font-size:10px}
TD.tideplace { padding-left:15px; text-align:left; font-size:14px }
TD.tidebay { text-align:left; font-size:16px; font-style:italic; }
TD.tidediff { text-align:center; font-size:16px; }
/* end table formatting */

/* 'margin-top' 'margin-right' 'margin-bottom' 'margin-left' -- I can never remember this! */
/* i will still use the content table settings and advert table settings  */
TABLE.CONTENT {text-align:left;padding:0;margin:0px 5px 0 40px; vertical-align:top;border:0; width:60%}
TD.CONTENT {text-align:left;}

TABLE.ADVERT {width:250px;text-align:right;padding:0;margin:0 0 0 5px; vertical-align:top;border:0;}
TD.ADVERT {text-align:left; vertical-align:top;padding:0; border-right:#7C9696 1px solid;border-top:#7C9696 1px solid;margin:0px 0px 0px 0px;border-left:#7C9696 1px solid;border-bottom:#7C9696 1px solid;padding:2px}
TD.ADVERT2 {text-align:center; vertical-align:top;padding:0; border-right:#7C9696 1px solid;border-top:#7C9696 1px solid;margin:0px 0px 0px 0px;border-left:#7C9696 1px solid;border-bottom:#7C9696 1px solid;padding:2px}

TABLE.phone { border-right:#FF0000 100px  outset; border-top:#FF0000 100px outset; margin:10px 0 0px; border-left:#FF0000 100px outset; border-bottom:#FF0000 100px outset; padding:2px; width:95% }

 
/* END SCOTTSBT CSS FOR FISHING PAGES */

/*  BELOW IS:
  Secure and Accessible PHP Contact Form v.3.0 Basic Styles by Mike Cherim greenbeast FOR USE WITH PHP EMAIL FORM
  THESE ARE THE VARIOUS ELEMENTS, CLASSES, IDS, AND SELECTORS YOU MAY NEED FOR STYING THIS FORM
  Anchors or link elements have not been included, but everythig else is :-)
*/

 p.success, p.error { color:#fff; padding:1px 4px; border:1px solid #000; background-color:#669900; margin:0px; }
  p.error { background-color:#bb0000; }
  p.info-link { font-size:80%; }
  ul.valists li span { color:#000; }
  p.success { text-align:center; }
  p.success span, p.success a, p.error a { color:#ffff7f; }
  p.success a:hover, p.success a:focus, p.success a:active, p.error a:hover, p.error a:focus, p.error a:active { background-color:#669900; color:#eee }
  p.error a:hover, p.error a:focus, p.error a:active { background-color:#bb0000; }

  

/*  BELOW IS:
  Secure and Accessible PHP Contact Form v.2.0 Basic Styles by Mike Cherim greenbeast FOR USE WITH PHP EMAIL FORM
  THESE ARE THE VARIOUS ELEMENTS, CLASSES, IDS, AND SELECTORS YOU MAY NEED FOR STYING THIS FORM
  Anchors or link elements have not been included, but everythig else is :-)
*/

/* for main form wrapping div */
div#gb_form_div { 
  /* not styled on demo page */
}

/* id for the form itself */
form#gb_form { 
  /* not styled on demo page */
}

/* form and results heading size */
.main_formhead, .formhead { 
  font-size : 1.4em; 
  color : #0000FF; 
}

/* outer fieldset - it's common to make this border : 0; (mike's color: background-color : #fefefe) */
fieldset#formwrap { 
  background-image:url('http://www.scottsbt.com/siteimage/water.gif')
}

/* section fieldsets - it's common to make this border : 0; (mike's color: #fafafa) */
fieldset { 
  background-color : #C0FFFF; 
}

/* form legends and dt "heading" */
legend, dt { 
  font-weight : bold; 
  color : #008080;
}

/* main legend at top of the form */
legend#mainlegend { 
  font-size : 1.2em;
  color : #4040FF; 
}

/* form label text (mikes color: #808080) */
label { 
  color : #766868;
}

/* all inputs, select, and textarea (orig font: 80%) */
input.med, input.short, select.med, textarea.textbox { 
  font : 'Trebuchet MS', sans-serif; 
  color : #666; 
  padding : 2px; 
  border : 1px solid #008080;
  background-color : #fffffa;
}

/* to make focus stable in IE 6 */
* html input.button { 
  color : #000;  
  border : 1px solid #008080;
  background-color : #C0C0C0;
}
* html input.button.hover { 
  color : #000;  
  border : 1px solid #000;
  background-color : #008080;
}
* html input.button.focus { 
  color : #000;  
  border : 1px solid #000;
  background-color : #008080;
}

/* hover and focus styling - the classes like .hover and .focus below are for the javascript for IE */
input.med:hover, input.med:focus, input.short:hover, input.short:hover, select.med:hover, select.med:focus, textarea.textbox:hover, textarea.textbox:focus, input.med.hover, input.med.focus, input.short.hover, input.short.focus, select.med.hover, select.med.focus, textarea.textbox.hover, textarea.textbox.focus { 
  color : #000;  
  border : 1px solid #000;
  background-color : #fff;
}

/* for the checkbox input */
input.checkbox {
  /* not styled on demo page */
}

/* error heading weight and color - bold is for the error reason text */
span.error, dt.error { 
  color : #0000ff; 
  font-weight : bold; 
}

/* success heading color */
span.success { 
  color : #669900; 
  font-weight : bold; 
}

/* privacy and "Why?" small element link sizes (relative to their parent element */
small.privacy, small.whythis { 
  font-size : 90%; 
}

/* set up relativity to position small Why? text */
small.whythis { 
  position : relative; 
}

/* Why? link style */
small.whythis a { 
  text-decoration : underline; 
  font-size : 0.95em;
}

/* hide the Why? text span */
small.whythis a span { 
  position : absolute; 
  top : -9000px; 
  left : -9000px; 
  display : inline; 
  width : 17.1em; 
  height : auto; 
  border : 1px solid #000; 
  background-color : #eecc11; 
  padding-left : 2px; 
}

/* bring back Why? text span (title attribute backs this up for borwsers it doesn't function in */
small.whythis a:hover span, small.whythis a:focus span, small.whythis a:active span { 
  position : absolute; 
  top : 0; 
  left : 6em; 
}

/* the link back to me for form credit */
p.creditline { 
  float : right; 
  margin : -17px 0; 
  padding-bottom : 1px; 
  font-size : 80%; 
}

/* used for abbreviation used relative to form. the .abbr class is for the span added for IE */
abbr, .abbr { 
  cursor : help; 
  border-bottom : 1px dotted #999;
}

/* set result color for blockquote dt "heading" */
dl#result_dl_blockq dt {
  color : #669900;
}

/* position result blockquote flush with parent */
dl#result_dl_blockq blockquote {
  margin-left : 0;
}

/* style the input names in the result */
div#gb_form_div span.items {
  font-weight : bold;
  color : #008080;
}


/* End greenbeast email CSS */

/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */
/*for thumbnail viewer (not the thumnailviewer javascript, that's a different code */

.thumbnail{
position: relative;
z-index: 0;
}

.thumbnail:hover{
background-color: transparent;
z-index: 50;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: lightyellow;
padding: 5px;
left: -1000px;
border: 1px dashed gray;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: 0;
left: 100px; /*position where enlarged image should offset horizontally */
margin-bottom: 50px;
}

</style>

/* Slideshow css code */