/* General styling */
	
	*
	{
		padding: 0px;
		margin: 0px;
		font-family: Verdana, Arial, Helvetica, sans-serif;
	}
	
	img
	{
		border: none;
	}
	
	a
	{
		color: #336600;
		font-weight:bold;
		text-decoration: none;
	}
	
	a:hover
	{
		text-decoration: underline;
	}
	
	body
	{
		background-color: #3979F7;
	}
	
	/* DHTML Form Validation Popup/message */
	
		div.FormMessage p.AdvancedValidator-MainMessage
		{
			color: #8b0000;
			font-size: 80%;
			padding-top: 2px;
			margin-bottom: 8px;
			font-weight: bold;
		}

		div.FormMessage div.AdvancedValidator-MainBox
		{
			width: 300px;
			border: 2px solid #c6c304;
			background-color: #fefecc;
			padding: 4px;
			font-family: Verdana, Sans-Serif;
			font-size: 10pt;
			color: #2e2d00;
		}

		div.FormMessage div.AdvancedValidator-MainBox p
		{
			padding: 5px 10px 10px 10px;
			font-size: 9pt;
			font-style: italic;
			color: #000000;
		}
		
		div.FormMessage div.AdvancedValidator-MainBox div.FormMessage-Close a
		{
			font-weight: bold;
			font-size: 110%;
		}
		
		div.FormMessage p.AdvancedValidator-MainMessage span.AdvancedValidator-CssPopup
		{
			border: 2px solid #c6c304;
			background-color: #fefecc;
			color: #000000;
			width: 300px;
		}

		div.FormMessage p.AdvancedValidator-MainMessage span.AdvancedValidator-CssPopupMessage
		{
			display: block;
			font-style: italic;
			padding-left: 10px;
		}
		
	/* Advanced Image Controls */
	
		.Image img
		{
			left: -8px;
			top: -8px;
			padding: 2px;
			border: 1px solid #ADD8E6;
		}
		
		.Image img:hover
		{
			border: 1px solid #3FBCE2;
			background-color: #FFFFFF;
		}

/* Header Section */

	div#header
	{
		height: 120px;
		width: 760px;
		position: relative;
		margin-left: auto;
		margin-right: auto;
	}
	
	img#cloud-left
	{
		position: absolute;
		top: 0px;
		left: 340px;
	}
	
	img#cloud-right
	{
		position: absolute;
		top: 10px;
		left: 660px;
	}

	div#title
	{
		position: absolute;
		left: 120px;
		top: 20px;
		text-align: center;
		width: 500px;
	}
	
	div#title h1
	{
		font-size: 28px;
		font-weight: bold;
		letter-spacing: 2px;
		line-height: 30px;
	}
	
	div#title h1 a
	{
		color: #000066;
		text-decoration: none;
	}
	
	div#title h2
	{
		font-variant: small-caps;
		font-size: 14px;
		font-weight: bold;
		color: #CC3300;
		letter-spacing: 4px;
		line-height: 18px;
	}
	
	div#header-bar
	{
		height: 20px;
		width: 760px;
		background-color: #F4FA5C;
		position: absolute;
		left: 0px;
		bottom: 0px;
		font-size: 0px;
	}
	
	div#header-bar-cover
	{
		height: 20px;
		width: 200px;
		background-color: #3979F7;
	}
	
	div#header-bar-left
	{
		position: absolute;
		left: 180px;
		bottom: 0px;
		background: url("Images/UI/corners.jpg") top left no-repeat;
		width: 20px;
		height: 20px;
	}
	
	div#header-bar-right
	{
		position: absolute;
		right: 0px;
		bottom: 0px;
		background: url("Images/UI/corners.jpg") top right no-repeat;
		width: 20px;
		height: 20px;
	}
	
	span.admin-details
	{
		display: block;
		margin-top: 5px;
		font-size: 12px;
		color: yellow;
		font-weight: bold;
	}
	
	span.admin-details a
	{
		color: lightgreen;
	}
	
/* Main Content Section */

	div#content
	{
		width: 760px;
		position: relative;
		margin-left: auto;
		margin-right: auto;
	}
	
	/* Inner rounded corners and borders */
	
		div#content-corner-tl
		{
			position: absolute;
			left: 200px;
			top: 0px;
			background: url("Images/UI/corners2.jpg") top left no-repeat;
			width: 20px;
			height: 20px;
			z-index: 1;
			font-size: 0px;
		}
		
		div#content-corner-tr
		{
			position: absolute;
			left: 720px;
			top: 0px;
			background: url("Images/UI/corners2.jpg") top right no-repeat;
			width: 20px;
			height: 20px;
			z-index: 1;
			font-size: 0px;
		}
		
		div#content-corner-bl
		{
			position: absolute;
			left: 200px;
			bottom: -1px;
			background: url("Images/UI/corners2.jpg") bottom left no-repeat;
			width: 20px;
			height: 20px;
			z-index: 1;
			font-size: 0px;
		}
		
		div#content-corner-br
		{
			position: absolute;
			left: 720px;
			bottom: -1px;
			background: url("Images/UI/corners2.jpg") bottom right no-repeat;
			width: 20px;
			height: 20px;
			z-index: 1;
			font-size: 0px;
			
		}
		
		div#content-shadowline-top
		{
			position: absolute;
			left: 220px;
			top: 0px;
			background-color: #505559;
			width: 500px;
			height: 2px;
			font-size: 0px;
			z-index: 1;
		}
		
	/* Main Content Table */
	
		table#content-maintable
		{
			width: 760px;
			position: relative;
		}
		
		/* Navigation area */
		
			td#maintable-navigation
			{
				width: 180px;
				vertical-align: top;
			}
			
			span#navigation a
			{
				font-size: 12px;
				font-weight: bold;
				color: #FFFFFF;
				letter-spacing: 0px;
				text-decoration: none;
				display: block;
				height: 40px;
				line-height: 32px;
				background: url("Images/UI/linktab.jpg") top center no-repeat;
				margin-bottom: 5px;
				text-align: center;
			}
			
			span#navigation span
			{
				font-size: 12px;
				font-weight: bold;
				color: #FF6600;
				letter-spacing: 0px;
				height: 40px;
				line-height: 35px;
				display: block;
				text-align: center;
				background: url("Images/UI/linktab-hover.jpg") top center no-repeat;
				margin-bottom: 5px;
			}
			
			span#navigation a:hover
			{
				background: url("Images/UI/linktab-hover.jpg") top center no-repeat;
				color: #FF6600;
				line-height: 35px;
			}
			
			img#owners-logo
			{
				margin-top: 50px;
				margin-left: 15px;
			}
			
		/* Content area */
		
			td#maintable-content
			{
				padding: 20px 20px 20px 40px;
				background: url("Images/UI/left-border.jpg") top left repeat-y;
				background-color: #E6F3FF;
				border-right: 20px solid #F4FA5C;
				vertical-align: top;
			}
			
			.content-title
			{
				font-size: 24px;
				color: #3366CC;
				line-height: 24px;
				letter-spacing: 4px;
				font-weight: normal;
				margin-bottom: 10px;
			}
			
			ul#content-contents
			{
				margin-left: 50px;
				font-size: 12px;
				list-style-position: outside;
				margin-top: 10px;
				margin-bottom: 20px;
			}
			
			ul#content-contents b
			{
				color: #000066;
				font-size: 14px;
			}
			
			ul#content-contents li
			{
				line-height: 18px;
			}
			
			.content-subtitle
			{
				font-variant: small-caps;
				text-transform: capitalize;
				font-size: 12px;
				color: #FF6600;
				letter-spacing: 3px;
				font-weight: bold;
				margin-bottom: 10px;
				margin-top: 20px;
				border-bottom: 1px solid #FF6600;
				clear: both;
			}
			
			p.para
			{
				font-size: 75%;
				color: #003366;
				line-height: 20px;
				margin-bottom: 10px;
				text-align: justify;
				padding-left: 20px;
			}
			
			p.comment
			{
				font-weight: bold;
				font-style: italic;
				padding-bottom: 10px;
				font-size: 70%;
			}
			
			p.success
			{
				font-weight: bold;
				color: Olive;
			}
			
			span.comment-credit
			{
				font-weight: normal;
				font-size: 110%;
				display: block;
				padding-left: 20px;
			}
			
			p.para-centered
			{
				text-align: center;
			}
			
			p.bottom-links
			{
				margin-top: 30px;
				font-size: 11px;
				text-align: center;
				font-weight: bold;
			}
			
			table.picture-gallery td
			{
				width: 50%;
				padding: 10px 5px 5px 5px;
			}
			
			table.picture-gallery span.picture-container-right-portrait
			{
				margin-right: 25px;
			}
			
			table.picture-gallery span.picture-container-left-portrait
			{
				margin-left: 25px;
			}
			
			/* Picture containers formatting */
			
				span.picture-container-left
				{
					position: relative;
					width: 225px;
					height: 165px;
					float: left;
					margin: 2px 15px 3px 0px;
				}
					
				span.picture-container-right
				{
					position: relative;
					width: 225px;
					height: 165px;
					float: right;
					margin: 2px 0px 3px 15px;
				}
				
				span.picture-container-left img, span.picture-container-right img
				{
					position: absolute;
					top: 0px;
					left: 0px;
					z-index: 1;
					width: 220px;
					height: 160px;
					border: none;
				}
				
				span.picture-container-left span, span.picture-container-right span
				{
					position: absolute;
					bottom: 0px;
					right: 0px;
					z-index: 0;
					background-color: #000066;
					width: 220px;
					height: 160px;
				}
				
				
				
				span.picture-container-left-portrait
				{
					position: relative;
					width: 165px;
					height: 225px;
					float: left;
					margin: 2px 15px 3px 0px;
				}
					
				span.picture-container-right-portrait
				{
					position: relative;
					width: 165px;
					height: 225px;
					float: right;
					margin: 2px 0px 3px 15px;
				}
				
				span.picture-container-left-portrait img, span.picture-container-right-portrait img
				{
					position: absolute;
					top: 0px;
					left: 0px;
					z-index: 1;
					width: 160px;
					height: 220px;
					border: none;
				}
				
				span.picture-container-left-portrait span, span.picture-container-right-portrait span
				{
					position: absolute;
					bottom: 0px;
					right: 0px;
					z-index: 0;
					background-color: #000066;
					width: 160px;
					height: 220px;
				}
				
			/* Table data formatting */
			
				/* Weather data table */
				
					table.weatherdata
					{
						width: 100%;
						font-size: 11px;
						border-right: #993300 1px solid;
						border-bottom: #993300 1px solid;
						border-left: #FF9900 1px solid;
						border-top: #FF9900 1px solid;
					}
					
					tr.weatherdata-header
					{
						background-color: #FFCCCC;
						font-weight: bold;
					}
					
					tr.weatherdata-nonalt
					{
						background-color: #FFFFFF;
					}
					
					tr.weatherdata-alt
					{
						background-color: #FFFFFF;
					}
					
					table.weatherdata td
					{
						border-left: #993300 1px solid;
						border-top: #993300 1px solid;
						border-right: #FF9900 1px solid;
						border-bottom: #FF9900 1px solid;
						padding: 2px;
					}
					
					td.weatherdata-columns
					{
						width: 32px;
						text-align: center;
					}
					
					td.weatherdata-labels
					{
						text-align: left;
						font-weight: bold;
					}
				
				/* Prices data table */
				
					table.prices
					{
						font-size: 14px;
						border-right: #993300 1px solid;
						border-bottom: #993300 1px solid;
						border-left: #FF9900 1px solid;
						border-top: #FF9900 1px solid;
						margin-left: 20px;
						margin-bottom: 20px;
						width: 250px;
					}
					
					table.prices td
					{
						text-align: center;
						width: 16%;
						border-left: #993300 1px solid;
						border-top: #993300 1px solid;
						border-right: #FF9900 1px solid;
						border-bottom: #FF9900 1px solid;
						padding: 3px;
					}
					
					tr.prices-header
					{
						background-color: #FFCC00;
						font-weight: bold;
					}
					
					tr.prices-data
					{
						background-color: #FFFFFF;
					}
					
					tr.prices-data-alt
					{
						background-color: #FFFFCC;
					}
					
					tr.prices-data-nobook
					{
						background-color: #CCCCCC;
					}

                        /* Form intputs formatting */

                        input.input-text, textarea.input-textarea
                        {
                            font-size: 12px;
                            padding: 2px;
                            background-color: #F4F4F5;
                            border-top-color: #828284;
                            border-left-color: #828284;
                            border-bottom-color: #FFFFFF;
                            border-right-color: #FFFFFF;
                        }

                        select.input-select
                        {
                            font-size: 12px;
                            padding: 2px;
                            background-color: #F4F4F5;
                            border-top-color: #828284;
                            border-left-color: #828284;
                            border-bottom-color: #FFFFFF;
                            border-right-color: #FFFFFF;
                        }

                        select.input-select option
                        {
                            padding-left: 2px;
                            padding-right: 10px;
                        }

                        td.input-label
                        {
                            font-size: 12px;
                            padding-right: 20px;
                            font-weight: bold;
                            text-align: right;
                            width: 150px;
                            vertical-align: top;
                            padding-top: 1px;
                        }
                        
                        p.input-header
                        {
                            font-size: 12px;
                            border-bottom: 1px solid #8b0000;
                            margin-left: 20px;
                            margin-bottom: 10px;
                            color: #8b0000;
                            font-weight: bold;
                            margin-top: 10px;
                        }
                        
                        td.input-input
                        {
                            padding-bottom: 5px;
                            font-size: 10pt;
                        }

                        input.input-button
                        {
                            font-size: 12px;
                            padding: 2px 4px 2px 4px;
                        }
                        
                        td.gap
                        {
							padding-bottom: 20px;
                        }
                        
                        td.input-messages
                        {
							font-size: 70%;
							line-height: 1.4em;
                        }
                        
                        fieldset.formField
                        {
							border: 1px solid darkred;
							margin-left: 20px;
							font-size: 70%;
							clear: both;
                        }
                        
                        fieldset.formField legend
                        {
							margin-left: 20px;
							color: darkred;
							font-weight: bold;
                        }
                        
                        fieldset.formField div.formFieldInner
                        {
							margin-left: 10px;
							margin-top: 15px;
							margin-bottom: 20px;
                        }
                        
                        fieldset.formField label
                        {
							font-weight: bold;
							margin-right: 20px;
							width: 100px;
							display: block;
							float: left;
							padding-top: 6px;
							text-align: right;
                        }
                        
                        fieldset.formField div.Validator
						{
							margin-left: 120px;
						}
						
						fieldset.formField div.Validator p.AdvancedValidator-MainMessage
						{
							color: #8b0000;
							padding-top: 2px;
							margin-bottom: 8px;
							font-weight: bold;
						}

						fieldset.formField div.Validator div.AdvancedValidator-MainBox
						{
							width: 300px;
							border: 2px solid #c6c304;
							background-color: #fefecc;
							padding: 4px;
							font-family: Verdana, Sans-Serif;
							font-size: 10pt;
							color: #2e2d00;
						}

						fieldset.formField div.Validator div.AdvancedValidator-MainBox p
						{
							padding: 5px 10px 10px 10px;
							font-size: 9pt;
							color: #000000;
						}
						
						fieldset.formField div.Validator div.AdvancedValidator-MainBox div.FormMessage-Close a
						{
							font-weight: bold;
							font-size: 110%;
						}
						
						fieldset.formField div.Validator p.AdvancedValidator-MainMessage span.AdvancedValidator-CssPopup
						{
							border: 2px solid #c6c304;
							background-color: #fefecc;
							color: #000000;
							width: 300px;
						}

						fieldset.formField div.Validator p.AdvancedValidator-MainMessage span.AdvancedValidator-CssPopupMessage
						{
							display: block;
							font-style: italic;
							padding-left: 10px;
						}
						
						fieldset.formField div.formFieldButtons
						{
							margin-left: 120px;
							margin-bottom: 10px;
							padding-top: 15px;
						}
						
						fieldset.formField div.formFieldButtons input
						{
							font-size: 12px;
                            padding: 2px 4px 2px 4px;
						}
						
						fieldset.formField span.input-textOnly
						{
							padding-top: 6px;
							display: block;
							margin-left: 120px;
							text-align: justify;
							padding-right: 20px;
						}
						
						fieldset.formField p.formFieldMessage
						{
							margin-left: 120px;
							font-style: italic;
							font-size: 90%;
						}
						
						fieldset.formField p.formFieldBlurb
						{
							margin-left: 20px;
							margin-bottom: 20px;
							color: #003366;
							line-height: 18px;
							margin-bottom: 10px;
							text-align: justify;
							margin-right: 20px;
						}
						
						fieldset.formField .topGap
						{
							margin-top: 15px;
						}
						
						fieldset.formField div.formRow
						{
							
						}
						
						fieldset.formField div.formRow:after {
							content: "."; 
							display: block; 
							height: 0; 
							clear: both; 
							visibility: hidden;
						}

						fieldset.formField div.formRow { display: inline-table; }

						* html fieldset.formField div.formRow { height: 1%; }
						*:first-child+html fieldset.formField div.formRow { height: 1%; }
						fieldset.formField div.formRow { display: block; }
						
						fieldset.formField input.input-text,
						fieldset.formField textarea.input-textarea,
						fieldset.formField select.input-select
						{
							margin-top: 5px;
						}
						
						fieldset.formField span.input-radio
						{
							display: block;
							margin-left: 120px;
							margin-top: 5px;
						}
						
						
						fieldset.formField span.input-radio label
						{
							display: inline;
							float: none;
							margin-left: 5px;
							font-weight: bold;
							font-style: italic;
							font-size: 90%;
						}
                        
		/* New/Edit Booking Form Formatting */
		
		div.bookingForm
		{
			position: absolute;
			z-index: 99;
			width: 450px;
			border: 4px solid #00008b;
			background-color: #add8e6;
			padding: 8px;
			font-size: 80%;
		}
		
		div.bookingForm h3
		{
			margin-bottom: 20px;
			color: #8b0000;
			border-bottom: 1px solid #8b0000;
		}
		
		div.bookingForm table td.name
		{
			font-weight: bold;
			font-size: 90%;
			text-align: right;
			vertical-align: top;
			padding-bottom: 5px;
		}
		
		div.bookingForm table td.value
		{
			padding-left: 10px;
			text-align: left;
			vertical-align: bottom;
			padding-bottom: 5px;
			font-size: 90%;
		}
		
		/* Booking Calendar */
		
		table.table-calendar
		{
			border-top: 2px solid #CCCCCC;
			border-left: 2px solid #CCCCCC;
			border-bottom: 2px solid #666666;
			border-right: 2px solid #666666;
			font-size: 12px;
			margin-left: 20px;
		}
		
		table.table-calendar td,
		table.table-calendar th
		{
			padding: 3px;
			border-top: 2px solid #666666;
			border-left: 2px solid #666666;
			border-bottom: 2px solid #CCCCCC;
			border-right: 2px solid #CCCCCC;
			width: 50px;
			text-align: center;
		}

		tr.calendar-days
		{
			background-color: #FFFFCC;
			font-weight: bold;
			font-size: 14px;
		}
		
		h5.calendar-month
		{
			margin-bottom: 10px;
			margin-top: 20px;
		}
                    
		td.calendar-booked
		{
			background-color: #FFCC66;
		}
					
		td.calendar-unbooked
		{
			background-color: #99FFCC;
		}
		
		td.calendar-startBooking
		{
			background: url("Images/UI/bookStart.jpg") center center no-repeat;
		}
		
		td.calendar-endBooking
		{
			background: url("Images/UI/bookEnd.jpg") center center no-repeat;
		}
		
		td.calendar-bookingcrossover
		{
			background: url("Images/UI/bookCrossover.jpg") center center no-repeat;
		}
		
		
		/* Administrator Section */
		
		table.EditImagesTable
		{
			width: 100%;
		}
		
		table.EditImagesTable td
		{
			width: 50%;
			vertical-align: top; text-align: center;
		}

		
/* Footer Section */
	
	div#footer
	{
		position: relative;
		width: 760px;
		margin-left: auto;
		margin-right: auto;
		z-index: 0;
	}
	
	/* Curvy graphics formatting */
	
		div#footer-curvybit
		{
			height: 20px;
			width: 760px;
			background-color: #F4FA5C;
			position: relative;
			font-size: 0px;
		}
		
		div#curvybit-cover
		{
			height: 20px;
			width: 200px;
			background-color: #3979F7;
			font-size: 0px;
		}
		
		div#curvybit-left
		{
			position: absolute;
			left: 180px;
			bottom: 0px;
			background: url("Images/UI/corners.jpg") bottom left no-repeat;
			width: 20px;
			height: 20px;
			font-size: 0px;
		}
		
		div#curvybit-right
		{
			position: absolute;
			right: 0px;
			bottom: 0px;
			background: url("Images/UI/corners.jpg") bottom right no-repeat;
			width: 20px;
			height: 20px;
			font-size: 0px;
		}
		
		img#curvybit-image
		{
			position: absolute;
			left: 220px;
			top: 0px;
		}
	
	/* Footer information */
	
		div#footer-info
		{
			width: 580px;
			text-align: center;
			padding-bottom: 10px;
			margin-top: 60px;
			margin-left: 180px;
		}
		
		p#info-phone
		{
			color: #CCFF99;
			font-size: 12px;
			letter-spacing: 2px;
			line-height: 20px;
			font-weight: bold;
		}
		
		p#info-email
		{
			color: #CCFF99;
			font-size: 12px;
			letter-spacing: 2px;
			line-height: 20px;
			font-weight: bold;
		}
		
		p#info-copyright
		{
			color: #CCFF99;
			font-size: 10px;
			letter-spacing: 1px;
			line-height: 20px;
			font-weight: bold;
			padding-top: 5px;
		}
		
		a#info-email-link
		{
			color: #FFFF00;
		}
		
		.dropShadowImage
		{
			display: block;
			margin-top: 10px;
			margin-bottom: 10px;
			font-size: 0;
			line-height: 0;
			position: relative;
			width: 228px;
			height: 168px;
		}
		
		.dropShadowImage .shadowMain
		{
			display: block;
			position: absolute;
			bottom: 0px;
			right: 0px;
			line-height: 0;
			font-size: 0;
			width: 218px;
			height: 158px;
			background: url(Images/UI/shadow.png) bottom right no-repeat;
		}
		
		.dropShadowImage .shadowBottomLeft
		{
			display: block;
			position: absolute;
			bottom: 0px;
			left: 0px;
			line-height: 0;
			font-size: 0;
			width: 10px;
			height: 158px;
			background: url(Images/UI/shadow.png) bottom left no-repeat;
		}
		
		.dropShadowImage .shadowTopRight
		{
			display: block;
			position: absolute;
			top: 0px;
			right: 0px;
			line-height: 0;
			font-size: 0;
			width: 218px;
			height: 10px;
			background: url(Images/UI/shadow.png) top right no-repeat;
		}
		
		.dropShadowImage img
		{
			position: relative;
			left: -5px;
			top: -5px;
			background-color: #FFFFFF;
			border: 1px solid lightblue;
			padding: 3px;
		}
		
		.dropShadowImage img:hover
		{
			border: 1px solid darkblue;
		}
		
		.left
		{
			margin-right: auto;
		}
		
		.right
		{
			margin-left: auto;
		}
		
		.floatLeft
		{
			float: left;
			margin-right: 10px;
			margin-bottom: 2px;
		}
		
		.floatRight
		{
			float: right;
			margin-left: 15px;
			margin-bottom: 2px;
		}
		
		.center
		{
			margin-left: auto;
			margin-right: auto;
		}