/* Style Sheet - Zac Hester - 2009-02-09 */

/* Core Tag Styles */
body {
	margin: 0;
	padding: 0;
	font: 11pt/130% Arial,Helvetica,sans-serif;
	color: #000000;
	background-image: url(graphics/background.png);
	background-position: 0 0;
	background-repeat: repeat;
	background-color: #951818;
}
h1, h2, h3, h4, h5, h6 {
	margin: 0.5em 0;
	padding: 0;
	font-family: Verdana,Geneva,sans-serif;
}
h1 { font-size: 150%; }
h2 { font-size: 130%; }
h3 { font-size: 120%; }
h4 { font-size: 120%; }
h5 { font-size: 110%; }
h6 { font-size: 100%; }
p, address, blockquote, pre, ul, ol, dl, form {
	margin: 0.5em 0;
	padding: 0;
}
ul li, ol li {
	margin: 0;
	margin-left: 2em;
}
blockquote { padding: 0 2em; }
img { border: none; }
a {
	color: #FF0000;
	background-color: transparent;
}
a:link {
	color: #FF0000;
	background-color: transparent;
}
a:visited {
	color: #660000;
	background-color: transparent;
}
a:hover {
	color: #CC0000;
	background-color: transparent;
}
a:active {
	color: #660000;
	background-color: transparent;
}

/* Unique Styles */
div#root {
	width: 870px;
	margin: 20px auto 40px auto;
	padding: 0;
	color: inherit;
	background-color: transparent;
}
div#header {
	position: relative;
	height: 150px;
	overflow: hidden;
	background-image: url(graphics/header.png);
	background-position: 0 0;
	background-repeat: no-repeat;
	background-color: transparent;
}
	div#header h1 {
		margin: 0;
		padding: 0;
	}
		div#header h1 a {
			display: block;
			width: 250px;
			height: 140px;
		}
			div#header h1 a span {
				display: none;
			}
	div#header h2 {
		display: none;
	}
	div#header h3 {
		display: none;
	}
	div#header div#header_image {
		position: absolute;
		top: 0;
		right: 0;
		width: 590px;
		height: 150px;
		margin: 0;
		padding: 0;
		background-color: transparent;
		background-image: url(/site/graphics/header_01.jpg);
		background-repeat: no-repeat;
		background-position: 0 0;
	}
div#body {
	margin: 0;
	padding: 1px 0;
	background-color: #FFFFFF;
	background-image: url(graphics/background2.png);
	background-repeat: no-repeat;
	background-position: right bottom;
}
	div#boat_anchor {
		clear: both;
		font-size: 1px;
		line-height: 1px;
	}
div#navigation {
	float: left;
	width: 254px;
	margin: 15px 0 15px 0;
	padding: 0 10px;
	border-right: dashed 3px #DDDDDD;
	color: #348B22;
	background-color: transparent;
}
	div#navigation h3 {
		color: #666666;
		font-size: 100%;
	}
	div#navigation ul {
		width: 80%;
		margin: 15px auto;
		list-style: none;
	}
		div#navigation ul li {
			position: relative;
			margin: 5px;
			padding: 0;
			background-color: #EEEEEE;
		}
		div#navigation ul li:hover {
			background-color: #DFEEDC;
		}
			div#navigation ul li span {
				position: absolute;
				left: 0;
				top: 0;
				display: block;
				width: 100%;
				height: 50%;
				overflow: hidden;
				z-index: 9;
				background-color: #FFFFFF;
				opacity: 0.5;
				filter: alpha(opacity=50);
			}
			div#navigation ul li a {
				position: relative;
				display: block;
				margin: 0;
				padding: 3px;
				border: solid 1px #CCCCCC;
				border-bottom: solid 1px #348B22;
				overflow: hidden;
				z-index: 10;
				color: #000000;
				text-align: center;
				text-decoration: none;
				font-weight: bold;
				font-family: 'Trebuchet MS',Helvetica,sans-serif;
				letter-spacing: 2px;
			}
			div#navigation ul li a:hover {
				color: #222222;
			}
	div#navigation p {
		margin: 0 0 5px 0;
		text-align: center;
	}
div#content {
	margin: 0 0 0 290px;
	padding: 1px 20px 1px 10px;
	color: #333333;
	background-color: transparent;
}
	div#content h1, div#content h2, div#content h3 {
		padding: 6px 0 6px 0;
		border-top: solid 1px #DDDDDD;
		border-bottom: solid 1px #348B22;
		color: #348B22;
		background-color: transparent;
		font-family: 'Trebuchet MS',Helvetica,sans-serif;
		letter-spacing: 2px;
	}

div#footer {
	margin: 0;
	padding: 3px 20px;
	height: 44px;
	overflow: hidden;
	background-image: url(graphics/footer.png);
	background-position: 0 bottom;
	background-repeat: no-repeat;
	background-color: transparent;
	text-align: center;
	font-size: 85%;
}
	div#footer ul {
		margin: 0;
		padding: 0;
		list-style: none;
	}
		div#footer ul li {
			display: inline;
			margin: 0 2em;
			padding: 0;
		}
	div#footer p {
		margin: 2px 0;
	}

div#map {
	width: 512px;
	height: 400px;
	margin: 0.5em auto;
	border: solid 1px #CCCCCC;
}
	div.md {
		width: 300px;
	}
		div.md p.mi {
			float: right;
			margin: 0 0 2px 2px;
		}
			div.md p.mi a {
				border: none;
			}
		div.md h4 {
			margin: 3px 0;
			padding: 0;
			background-color: transparent;
		}
			div.md h4 a {
				color: #000000;
			}
			div.md h4 a:hover {
				color: #00CC00;
			}
		div.md p {
			margin: 3px 0;
		}
			div.md p em {
				font-size: 85%;
				color: #888888;
				font-style: normal;
			}

div#tv {
	width: 480px;
	margin: 0.5em auto;
}


/* Class Styles */
.ime {
	float: right;
	margin: 0 0 5px 2em;
}
.imo {
	float: left;
	margin: 0 2em 5px 0;
}
.imb {
	margin: 0.5em 0 2em 0;
	color: #666666;
	text-align: center;
	font-size: 85%;
}


.ImagePlayer {
	position: relative;
	z-index: 20;
}
	.ImagePlayer .display {
		position: absolute;
		z-index: 23;
	}
	.ImagePlayer .trans {
		position: absolute;
		visibility: hidden;
		z-index: 22;
	}

table.menu {
	width: 90%;
	margin: 0 auto 0.5em auto;
	padding: 0;
	border-collapse: collapse;
}
	table.menu tr.header th {
		color: #FFFFFF;
		background-color: #666666;
	}
	table.menu tr.even td {
		color: inherit;
		background-color: #FFFFFF;
	}
	table.menu tr.odd td {
		color: inherit;
		background-color: #FFFFDD;
	}
	table.menu tr td, table.menu tr th {
		margin: 0;
		padding: 5px 8px;
		border-bottom: dashed 1px #CCCCCC;
	}
	table.menu tr td.item {
		font-weight: bold;
	}
		table.menu tr td.item span {
			font-weight: normal;
		}
	table.menu tr td.price {
		border-right: dashed 1px #CCCCCC;
		text-align: right;
	}
		table.menu tr td.price:before {
			content: "$ ";
		}

body.page_index div#navigation ul li.nav_index { background-color: #009900; }
body.page_menu div#navigation ul li.nav_menu { background-color: #009900; }
body.page_map div#navigation ul li.nav_map { background-color: #009900; }
body.page_history div#navigation ul li.nav_history { background-color: #009900; }
body.page_photos div#navigation ul li.nav_photos { background-color: #009900; }
body.page_tv div#navigation ul li.nav_tv { background-color: #009900; }