/* Copyright 2008 all rights reserved - The Riverboat Francesca */
/* Release 2.1 */
/* General styles */
body			{font: medium "Comic Sans MS", "Trebuchet MS", Verdana, sans-serif;
				color: black; background: transparent url(images/background.jpg);
				margin: 0; padding: 0}
h1				{text-align: center; margin-top: 0;}
h2				{text-align: center;}
blockquote		{margin-left: 4em; margin-right: 4em; margin-bottom: 0;}
blockquote p	{margin-bottom: 0;}
p.attribution	{text-align: right; font-style: italic;
				margin-right: 4em; margin-top: 0;}
p.instruction	{text-align: center; font-style: italic;}
q				{quotes: '\201C' '\201D'}
table			{margin-left: auto; margin-right: auto;}

table.photo		{clear: both;}
table.photo th	{text-align: center; margin-top: 0;
				font: 0.75em "Trebuchet MS", Verdana, sans-serif;}

table.photos		{border: 2px solid black; background-color: #D8FFFF;}	
table.photos td		{font: 0.75em "Trebuchet MS", Verdana, sans-serif;
					text-align: center; padding-top: 0; padding-bottom: 8pt;}
table.photos tr.last td {text-align: center; padding-top: 0; padding-bottom: 8pt;
						 border-bottom: none;}
table.photos td.right	{text-align: right; padding-top: 0; padding-bottom: 8pt;}
table.photos th			{text-align: center; margin-bottom: 2pt;}

div.photoleft	{float: left; margin-top: 1em; margin-bottom: 1em; margin-right: 2em;}
div.photoleft p	{ text-align: center; font-size: 0.75em; margin-top: 0;}
div.photoleft + p	{margin-top: 2em;}
div.photoright	{float: right; margin-top: 1em; margin-bottom: 1em; margin-left: 2em;}
div.photoright p	{ text-align: center; font-size: 0.75em; margin-top: 0;}
div.photoright + p	{margin-top: 2em;}

/* Specific styles */
div.masthead	{position: fixed; top: 0; width: 100%; height: 95px; overflow: hidden;
				background: transparent url(images/logoxsm.png) no-repeat fixed left top; z-index: 10;}
div.masthead h1	{text-align: center; margin: 0; padding-top: 4px;}
div.masthead h2	{text-align: center; margin: 0; padding: 0;}

div.navigation	{position: fixed; bottom: 1em; left: 50%; margin-left: -20.25em; height: 5.1em; overflow: hidden; z-index: 10; background: transparent url(images/background.jpg);}
div.navigation ul	{list-style-type: none; margin: 0; padding: 0.4em 0 0 0;}
div.navigation li	{float: left; border: 2px solid #6FE9FF; margin: 0 0.5em; padding: 0;}
div.navigation li a	{display: block; width: 6em; height: 1.5em;
					float: left; /* Fix display in IE-Mac */
					background: #B0FFFC url(images/turtlebttn.gif) no-repeat scroll center 4px;
					text-decoration: none; text-align: center; padding-top: 50px;
					font: normal small-caps 0.75em "Trebuchet MS", Verdana, sans-serif;}
/* Commented backslash hack hides rule from IE5-Mac \*/
div.navigation li a	{float: none;}
/* End IE5-Mac hack */
div.navigation li a:link	{color: black;}
div.navigation li a:visited	{color: black;}
div.navigation li a:hover	{background-color: #6FE9FF; color: blue;}
div.navigation li a:active	{background-color: black; color: white;}

#vhtml				{float: left; margin: 2em 0 0 1em;}
#vcss				{float: right; margin: 2em 1em 0 0;}

div.chapternav		{position: fixed; left: 0; width: 10em; margin-top: 95px; z-index: 10;}
div.chapternav ul	{list-style-type: none; margin: 0; padding: 0;}
div.chapternav li	{float: left; border: 4px solid #6FE9FF; margin: 1em 0 0 0.5em; padding: 0;}
div.chapternav li a	{display: block; width: 9em;
					float: left; /* Fix display in IE-Mac */
					text-decoration: none; text-align: center;
					background-color: #B0FFFC;
					font: normal small-caps 1em "Trebuchet MS", Verdana, sans-serif;}
/* Commented backslash hack hides rule from IE5-Mac \*/
div.chapternav li a	{float: none;}
/* End IE5-Mack hack */
div.chapternav li a:link	{color: black;}
div.chapternav li a:visited	{color: black;}
div.chapternav li a:hover	{background-color: #6FE9FF; color: blue;}
div.chapternav li a:active	{background-color: black; color: white;}

div.copyright	{position: fixed; bottom: 0; width: 100%; height: 1em;
				 overflow: hidden; background: transparent url(images/background.jpg);}
div.copyright p	{text-align: center; margin-top: 0;
				font: normal small-caps 0.75em "Trebuchet MS", Verdana, sans-serif;}

div.section		{position: absolute; top: 95px; left: 0; bottom: 6.1em; right: 0;
				padding: 0 1em; overflow: auto;}
div.chapter		{position: absolute; top: 95px; left: 10em; bottom: 6.1em; right: 0;
				padding: 0 1em; overflow: auto;}

div#home a		{float: left; width: 390px; margin: 0 3em 1em 5.5em; font-size: 1em;
					text-decoration: none; text-align: left; color: black;}
div#home a img	{padding: 4px;}
div#home li		{font-size: 1.5em;}

div#fishing img	{float: left; margin-right: 2em;}
table.fishlist	{width: 481px; height: 289px; margin-left: auto; margin-right: auto;
			background: transparent url(images/redfish.png) no-repeat scroll center center;}

div#contactus	{margin-left: 10em;}
div.address		{margin-left: 5em;}
div.comment		{margin: 0.5em 4em; border: 2px solid black; clear: both;}
div#tours div.comment	{margin: 0.5em 1em; border: 2px solid black;
						padding: 0.5em 1em 0 1em;}
ul.commentlink	{list-style-type: none; margin-left: 15em; padding-bottom: 1em;}

div#resresponse	{padding: 2em 8em;}

/* Reservation Form */
form			{border: 2px solid black; background-color: #C9ECFF; width: 48em;
				margin-left: auto; margin-right: auto; margin-top: 4px;}
form p			{margin: 0; line-height: 2em;}
fieldset		{margin: 0; padding: 0 0 0 0.75em; border: none;}
input			{font: medium "Trebuchet MS", Verdana, sans-serif;}
#identity		{position: relative; border-bottom: 1px solid black; padding-top: 0.5em;}
#identity input		{position: absolute; left: 10em;}
#identity span#fax	{position: absolute; right: 20em;}
#identity span#faxno	{position: absolute; right: 28em;}
#tourinfo			{position: relative; border-bottom: 1px solid black;
					padding-bottom: 0.25em;}
#datesprompt		{float: left; margin-right: 4em; margin-bottom: 1em;}
#tourdates			{margin-top: 0.25em;}
#tourdates input	{position: absolute; right: 8em;}
#partyprompt		{float: left; margin-right: 1em;}
#tourtype			{clear: both; float: left; padding-left: 0; padding-right: 1em;
					margin-top: 0.25em; margin-left: 0; border-right: 1px solid black;}
#tourtype ul		{list-style-type: none; margin-top: 0; margin-bottom: 0;}
#comments			{margin-top: 0.25em;}
#comments textarea	{padding-right: 0;}
ul.commentlink		{list-style-image: url(images/letter.gif);}
#formcontrols		{position: relative; height: 45px;}
#formcontrols img	{position: absolute; left: 22.75em; display: none;}
#formcontrols input	{position: absolute; top: 0.7em; left: 19.25em;
					background-color: #63B3FF;}
.required:after		{content: " *"; color: red; vertical-align: top;}
.link				{color: blue;}

/* HACKS */
div.mastheadiefix	{position: fixed; top: 0; width: 100%; height: 95px;
					overflow: hidden;
					background: transparent url(images/background.jpg); z-index: 5;}
@media screen {
html			{overflow: auto;}	/* Gets rid of annoying IE 7 scrollbar */
* html, 
* html body		{overflow-y: hidden!important; height: 100%; margin: 0; padding: 0;}
div#iefix		{height: 100%; overflow: hidden; position: relative;}

#iefix div.masthead,
#iefix div.mastheadiefix, 
#iefix div.navigation,
#iefix div.copyright,
#iefix div.chapternav	{position: absolute;}
#iefix div.navigation	{left: 0; margin-left: 0; padding-left: 7em; width: 80%;}
#iefix div.section		{height: 70%; overflow-y: auto;}
#iefix div.chapter		{height: 70%; overflow-y: auto;}

#iefix h1				{margin-right: 0.5em;}
}