html,body {
	margin: 0px;
	background-image: url("images/background.gif");
}

.bodyText {
	padding-right: 5px; 
	padding-left: 0px; 
	font-weight: normal; 
	font-size: 11px; 
	padding-bottom: 10px; 
	color: #000000; 
	padding-top: 0px; 
	font-style: normal; 
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-align: justify;
	line-height: 14px
}
.homeThumbText {
	padding-right: 5px; 
	padding-left: 0px; 
	font-weight: normal; 
	font-size: 11px; 
	padding-bottom: 10px; 
	color: #000000; 
	padding-top: 0px; 
	font-style: normal; 
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-align: left;
	line-height: 14px
}
.pageTitles {
	font-weight: bold; 
	font-size: 17px;  
	color: #cc0000; 
	font-family: Arial;
	padding-left: 6px;
	padding-top: 4px;
	padding-bottom: 6px
}
.Photo {
	padding-right: 5px;
	padding-left: 5px;
	padding-bottom: 5px;
	padding-top: 5px
}
.topNav {
	font-weight: bold; 
	font-size: 10px; 
	color: #ffffff; 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding-bottom: 5px;
	padding-top: 5px;
	padding-right: 11px;
	text-decoration: none
}
.topNav a:link { font-size: 10px; color: #ffffff; text-decoration: none}
.topNav a:visited {font-size: 10px; color: #ffffff; text-decoration: none}
.topNav a:active {font-size: 10px; color: #ffffff; text-decoration: none}
.topNav a:hover {font-size: 10px; color: #54b6cd; text-decoration: none}

#containerBanner {
	margin: 8px 0px 0px 16px;
	width: 675px; height: 187px;
	background-color: #666666; }
	
#containerContent {
	margin: 0px 0px 0px 0px;
	padding: 8px 0px 8px 0px;
	width: 675px;
	background-color: #eeeeee; }
	
	#containerTitle {
		margin: 0px 8px 0px 8px;
		padding-top: 4px; padding-left: 7px;
		width: auto; height: 28px;
		background-color: #ffffff; }

	#content {
		margin: 8px 8px 0px 8px;
		padding: 8px 0px 8px 0px;
		width: auto;
		background-color: #ffffff; }

h1 { font-family: arial; font-weight: bold; font-size: 18px; color: #cc6600; margin: 0; }
h2 { font-family: arial; font-weight: bold; font-size: 14px; color: #2095b2; margin: 0; }
h3 { font-family: arial; font-weight: bold; font-size: 11px; color: #666666; margin: 0; }
h4 { font-family: arial; font-weight: bold; font-size: 11px; color: #ffffff; margin: 0; }

/* text */
/* ======================================================== */
p 			{ font-family: verdana; font-weight: normal; font-size: 11px; color: #666666; margin: 0; }
.bold 		{ font-family: arial; font-weight: bold; font-size: 12px; color: #666666; margin: 0; }
.normal 	{ font-family: arial; font-weight: normal; font-size: 11px; color: #666666; margin: 0; }
.italic		{ font-family: arial; font-weight: normal; font-size: 10px; font-style: italic; color: #666666; margin: 0; }
.required 	{ font-family: verdana; font-weight: bold; font-size: 10px; color: #cc0000; margin: 0; }

/* links */
/* ======================================================== */
.indexLink 			{ font-family: arial; font-weight: bold; font-size: 12px; color: #cc0000; }
.indexLink:link 	{ color: #cc0000; text-decoration: none; }
.indexLink:visited 	{ color: #cc0000; text-decoration: none; }
.indexLink:hover 	{ color: #336699; text-decoration: underline; }
.indexLink:active 	{ color: #cc0000; text-decoration: none; }

.link1 			{ font-family: arial; font-weight: bold; font-size: 11px; color: #666666; margin-left: 12px; line-height: 17px;}
.link1:link 	{ color: #666666; text-decoration: none; }
.link1:visited 	{ color: #666666; text-decoration: none; }
.link1:hover 	{ color: #336699; text-decoration: underline; }
.link1:active 	{ color: #666666; text-decoration: none; }

.link2 			{ font-family: arial; font-weight: bold; font-size: 10px; color: #666666;}
.link2:link 	{ color: #666666; text-decoration: none; }
.link2:visited 	{ color: #666666; text-decoration: none; }
.link2:hover 	{ color: #336699; text-decoration: underline; }
.link2:active 	{ color: #666666; text-decoration: none; }

.linkEmail 			{ font-family: arial; font-weight: bold; font-size: 11px; color: #666666;}
.linkEmail:link 	{ color: #666666; text-decoration: none; }
.linkEmail:visited 	{ color: #666666; text-decoration: none; }
.linkEmail:hover 	{ color: #336699; text-decoration: underline; }
.linkEmail:active 	{ color: #666666; text-decoration: none; }

/* lists */
/* ======================================================== */
ul { 	list-style-type: none;
		font-family: arial; font-weight: bold; font-size: 11px;
		margin: 0; padding: 0;
		color: #666666; }
		
li { 	margin-bottom: 8px; }	
	
/* index */
/* =================================================================== */
	
.thumb {
	border: none; }
	
#indexContainer {
	padding: 8px 8px 8px 8px;
	width: auto; overflow: auto; 
	background-color: #eeeeee; }
	
	#leftFloat{ 
		float: left;
		width: 335px; height: 100%;
		background-color: #eeeeee; }

		#indexContent {
			padding-top: 9px;
			margin: 0;
			width: 335px; height: 100%;
			background-color: #ffffff; }
		
			#indexText {
				margin: 0px 4px 4px 11px;
				width: auto;
				background-color: #ffffff;
				z-index: 6; }
	
	#rightFloat{ 
		float: right;
		width: 315px; height: 353px;
		background-color: #eeeeee; }
	
		#tourBox {
			float: right;
			margin-bottom: 8px;
			width: 315px; height: 82px;
			background-color: #ffffff;
			z-index: 6; }
		
			#tourBoxText {
				margin: 8px 8px 4px 10px;
				width: 297px;
				background-color: #ffffff;
				z-index: 6; }
			
				#tourThumb {
					float: right;
					width: 123px; height: 36px; }
	
		#shuttleBox {
			float: right;
			margin-bottom: 8px;
			width: 315px; height: 82px;
			background-color: #ffffff;
			z-index: 6; }
		
			#shuttleBoxText {
				margin: 8px 8px 4px 10px;
				width: 297px;
				background-color: #ffffff;
				z-index: 6; }
			
				#shuttleThumb {
					float: right;
					width: 123px; height: 36px; }
	
		#reservationsBox {
			float: right;
			margin-bottom: 8px;
			width: 315px; height: 82px;
			background-color: #ffffff;
			z-index: 6; }
		
			#reservationsBoxText {
				margin: 8px 8px 4px 10px;
				width: 297px;
				background-color: #ffffff;
				z-index: 6; }
			
				#reservationsThumb {
					float: right;
					width: 123px; height: 36px; }
	
		#contactBox {
			float: right;
			width: 315px; height: 82px;
			background-color: #ffffff;
			z-index: 6; }
		
			#contactBoxText {
				margin: 8px 8px 4px 10px;
				width: 297px;
				background-color: #ffffff;
				z-index: 6; }
			
				#contactThumb {
					float: right;
					width: 123px; height: 36px; }
	
/* prices */
/* =================================================================== */
.hireTable {
	margin: 0px 8px 0px 8px;
	padding: 0px 0px 0px 0px;
	width: 643px;
	border: none; }

	.hireTitle 	{ padding: 0px 0px 8px 4px; }
	.hireHeader 	{ background-color: #2095b2; }	
	.time 			{ padding: 4px 4px 4px 6px; width: 300px; }
	.rate 			{ padding: 4px 4px 4px 6px; width: 70px; }
	.fee 			{ padding: 4px 4px 4px 6px; width: 70px; }
	.deposit 		{ padding: 4px 4px 4px 6px; width: 70px; }
	.highlighted 	{ background-color: #eeeeee; }

/* reservation */
/* =================================================================== */
#reservationsTable {
	margin: 0px 8px 0px 8px;
	padding: 0px 0px 0px 0px;
	width: 643px;
	border: none; }
	
	.leftCell 	{ padding: 6px 4px 6px 6px; width: 130px; }
		
#thanksTable {
	margin: 0px 8px 0px 8px;
	padding: 0px 0px 0px 0px;
	width: 643px; height: 200px;
	border: none; }

/* contact */
/* =================================================================== */
#contactContainer {
	margin: 0px 8px 0px 8px;
	width: auto; height: 315px;
	background-color: #ffffff; }
	
	#contactFloatRight {
		margin: 4px 0px 0px 4px;
		float: right; 
		width: 285px; height: 313px;
		background-color: #ffffff; }
	
		.contactTable {
			margin: 6px 0px 13px 0px;
			width: auto; }
	
	#contactFloatLeft {
		float: left; 
		width: 347px; height: 315px;
		background-color: #eeeeee; }