/* CSS Document */

body {
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
}

#main{
	width: 760px;
	height: 560px;
	margin: auto;
	float: center;
}

#logo {
	width: 128px;
	height: 128px;
	float: left;
	background-image:url(../graphics/logo.jpg);
	background-repeat: no-repeat;
}
#hideaway {
	width: 338px;
	height: 128px;
	float: left;
	margin-left: 5px;
	margin-right: 5px;
	background-image:url(../graphics/hideaway_cottage.gif);
	background-repeat:no-repeat;
}
#main_image {
	width: 284px;
	height: 128px;
	float: left;
}
#navigation {
	text-align: center;
	width: 760px;
	height: 23px;
	background-color:#810033;
	margin-top: 5px;
	margin-bottom:5px;
	float: left;
	font-size: 0.9em;
}
#home_text {
	width: 725px;
	height: 165px;
	margin-bottom: 5px;
	background-color:#e1DFCF;
	padding-top: 30px;
	padding-left: 25px;
	padding-right: 10px;
	float: left;
	
}

div.home_image_one {
	width: 199px;
	height: 199px;
	float: left;
	background-color:#ffffff;
	margin-right: 5px;	
}

#home_image_two {
	width: 97px;
	height: 97px;
	float: left;
	background-color:#C4C0A2;	
	margin-right: 5px;
	margin-bottom: 5px;
}
#home_image_three {
	width: 97px;
	height: 97px;
	float: left;
	background-color:#C4C0A2;
	margin-bottom: 5px;	
	
}
#home_image_four {
	width: 97px;
	height: 97px;
	float: left;
	background-color:#C4C0A2;	
	margin-right: 5px;
}
#home_image_five {
	width: 97px;
	height: 97px;
	float: left;
	background-color:#C4C0A2;
}
#home_image_six {
	width: 352px;
	height: 199px;
	float: left;
	background-color:#807A64;
}

#footer {
	width: 760px;
	height: 23px;
	background-color:#810033;
	margin-top: 5px;
	margin-bottom:5px;
}


#submenu{
	margin-top: 5px;
	margin-bottom: 5px;
	float: left;
	}

A:link {
	COLOR: #810033;
	TEXT-DECORATION: none;
	font-weight: bold;
}
A:visited {COLOR: #810033;TEXT-DECORATION: none;font-weight: bold;}
A:active {COLOR: #810033;TEXT-DECORATION: none;font-weight: bold;}
A:hover {COLOR: #ffffff;TEXT-DECORATION: none;font-weight: bold;}


#hideaway_text {
	width: 700px;
	height: 73px;
	background-color: #E1DFCF;
	margin-bottom: 5px;
	color: #636466;
	font-size:0.9em;
	text-align: left;
	padding-top: 20px;
	padding-left: 35px;
	padding-right: 25px;
	line-height: 30px;
	float: left;
}

/* Hideaway Specific Styles */
#hideaway_image_holder_left {width: 306px; height:296px; float:left; marging-right: 0px;}
div.hideaway_image_one{width:97px; height:97px; float: left; margin-right:5px;background-color: #C5C1A2; margin-bottom: 5px;}
div.hideaway_image_two{width: 199px; height:199px; float: left; margin-right: 5px;background-color: #C5C1A2}
div.hideaway_image_three{width:97px; height:97px; float: left; background-color: #C5C1A2;}
div.hideaway_image_four{width:332px; height: 291px; float: left; margin-right: 5px; background-color: #807A65; text-align: left; font-size: 0.7em; color:#ffffff;padding-top: 10px; padding-left: 10px; padding-right: 10px; line-height: 15px;}
div.hideaway_image_five{width:97px; height:97px; float: left; background-color: #C5C1A2; margin-bottom: 5px;}
div.hideaway_image_six{width:97px; height:97px; float: left; background-color: #C5C1A2;}

/* Availability Specific Styles */
#availability_image_holder_left{width: 97px; height: 301px; margin-right: 5px; float: left;}
div.availability_image_one{width: 97px; height: 97px; float: left; margin-bottom: 5px;background-color: #C5C1A2;}
div.availability_image_two{width: 97px; height: 97px; float: left;background-color: #C5C1A2;}
div.availability_image_three{width: 434px; height: 291px; float: left; margin-right: 5px;background-color: #807A65;color:#ffffff; text-align: left; font-size: 0.7em; padding-top: 10px; padding-right: 10px; padding-left: 10px;}
div.availability_image_four{width: 97px; height: 97px; float: left; margin-left: 5px;background-color: #C5C1A2;}
div.availability_image_five{width: 199px; height: 199px; float: left; background-color: #C5C1A2;}

/* Contact Specific Styles */
#contact_image_holder_left{width:199px; height:301px; margin-right: 5px; float: left;}
div.contact_image_one{width:199px; height: 199px; background-color: #C5C1A2; margin-bottom: 5px; float: left;}
div.contact_image_two{ width: 97px; height: 97px; background-color: #C5C1A2; float: left;}
div.contact_image_three{ width: 97px; height: 97px; background-color: #C5C1A2; float: left; margin-left: 5px;}
div.contact_image_four{ width: 434px; height: 291px; background-color: #807A65; float: left; color:#ffffff; text-align: left; font-size: 0.7em; padding-top: 10px; padding-right: 10px; padding-left: 10px; line-height: 15px;}
div.contact_image_five{ width: 95px; height: 97px; background-color: #C5C1A2; float: left; margin-bottom: 5px; margin-left: 5px;}

/* Location Specific Styles */
#location_image_holder_left {width:250px; height: 301px; margin-right: 5px; float: left;}
div.location_image_one{ width: 250px; height:154px; float: left; margin-bottom: 5px;}
div.location_image_two{ width: 230px; height:132px; float: left; background-color:#807A65; color:#ffffff; text-align: left; font-size: 0.7em; padding-top: 10px; padding-right: 10px; padding-left: 10px; line-height: 15px;}
div.location_image_three{width: 301px; height: 301px; float: left; margin-right: 5px;}
div.location_image_four{width: 198px; height: 301px; float: left;}

/* Things To Do Specific Styles */
#thingstodo_image_holder_left {width: 199px; height: 301px; float: left;}
div.thingstodo_image_one{ width:97px; height: 97px; float: left; margin-right: 5px;}
div.thingstodo_image_two{ width:97px; height: 97px; float: left;}
div.thingstodo_image_three{ width:199px; height: 199px; float: left; margin-top: 5px;}
div.thingstodo_image_four{ width:263px; height: 291px; float: left; margin-left: 5px; background-color: #807A65;color:#ffffff; text-align: left; font-size: 0.7em; padding-top: 10px; padding-right: 5px; padding-left: 10px;line-height: 15px;}
div.thingstodo_image_five{ width:263px; height: 291px; float: left; background-color: #807A65;color:#ffffff; text-align: left; font-size: 0.7em; padding-top: 10px; padding-right: 10px; padding-left: 5px;line-height: 15px;}

div.contact{
	color:#E1DFCF;
	font-size: 1.7em;
	padding-top: 10px;
	padding-bottom: 10px;
}


	/* Winter Season */
	.rate_11 {
	background-color: #B1D1DC;
	width: 43px;
	height: 10px;
	font-size: 0.7em;
	float: left;
	border: thin solid #FFFFFF;
	font-weight:bold;
	text-decoration: underline;
	}
	
	/* low Season */
	.rate_21 {
	background-color: #D5D3BE;
	width: 43px;
	height: 10px;
	font-size: 0.7em;
	float: left;
	border: thin solid #FFFFFF;
		font-weight:bold;
	text-decoration: underline;	
	}
	
	/* mid Season */
	.rate_31 {
	background-color: #DFC181;
	width: 43px;
	height: 10px;
	font-size: 0.7em;
	float: left;
	border: thin solid #FFFFFF;
	font-weight:bold;
	text-decoration: underline;
	}
	
	/* high Season */
	.rate_41 {
	background-color: #BF845C;
	width: 43px;
	height: 10px;
	border: thin solid #FFFFFF;
		font-size: 0.7em;
	float: left;
	font-weight:bold;
	text-decoration: underline;
	}
	
	/* peak Season */
	.rate_51 {
	background-color: #9C505A;
	width: 43px;
	height: 10px;
	border: thin solid #FFFFFF;
		font-size: 0.7em;
	float: left;
	font-weight:bold;
	text-decoration: underline;
	}
	
	/* Unavailable Styles */
	
	.rate_12 {
	background-color: #B1D1DC;
	width: 43px;
	border: thin solid #FFFFFF;
		font-size: 0.7em;
	float: left;
	height: 10px;
	color:#999999;}
	
	.rate_22 {
	background-color: #D5D3BE;
	width: 43px;
	border: thin solid #FFFFFF;
		font-size: 0.7em;
	float: left;
	height: 10px;
		color:#999999;	}
	
	.rate_32 {
	background-color: #DFC181;
	width: 43px;
	border: thin solid #FFFFFF;
		font-size: 0.7em;
	float: left;
	height: 10px;
		color:#999999;	}
	
	.rate_42 {
	background-color: #BF845C;
	width: 43px;
	border: thin solid #FFFFFF;
		font-size: 0.7em;
	float: left;
	height: 10px;
		color:#999999;	}
	
	.rate_52 {
	background-color: #9C505A;
	width: 43px;
	border: thin solid #FFFFFF;
		font-size: 0.7em;
	float: left;
	height: 10px;
		color:#999999;	}
	
	.calender_frame {
	width: 301px;
	}

	.calender_heading {
	color:#FFFFFF;
	background-color:#810033;
	width: 301px;
	font-size: 0.9em;
	height: 25px;
	padding-top: 5px;
	}
	
	.calender_footer {
	color:#FFFFFF;
	background-color:#810033;
	width: 304px;
	height: 20px;
	font-size: 0.9em;
	text-align: center;
	padding-top: 4px;
	}
	
	.calender_week {
	width: 301px;
	}
	
	.calender_day {
	width: 43px;
	font-size: 0.7em;
	float: left;
	}
	
	.calender_blank {
	background-color: #ffffff;
	width: 43px;
	font-size: 0.7em;
	float: left;
	height: 10px;
	}
	
	.calender_controls {
	width: 50px;
	height: 20px;
	font-size: 0.7em;
	float: left;
	}
	
	.calender_month{
	height: 20px;
	font-size: 0.7em;
	float: left;
	font-weight:bold;
	text-align: center;
	width: 201px;
	padding-top: 2px;
	}
	
	.calender_spacer {
	height: 2px;
	background-color: #999999;
	font-size: 0em;}

	div.availability_calender {
	padding-top: 10px;
	float: left;
	}

	.winter_season{
	background-color: #B1D1DC;
	color: #000000;
	width: 90px;
	height: 30px;
	float: left;
	padding-top: 2px;
	padding-left: 2px;
	
	}
	.low_season{
	background-color: #D5D3BE;
	color: #000000;
			width: 90px;
		height: 30px;
		float: left;
			padding-top: 2px;
	padding-left: 2px;
	
	}
	.mid_season{
	background-color: #DFC181;
	color: #000000;
		width: 90px;
		height: 30px;
		float: left;
			padding-top: 2px;
	padding-left: 2px;
	
	}
	.high_season{
	background-color: #BF845C;
	color: #000000;
		width: 90px;
		height: 30px;
	float: left;
	padding-top: 2px;
	padding-left: 2px;
	
		}
	.peak_season{
	background-color: #9C505A;
	color: #000000;
		width: 90px;
		height: 30px;
	float: left;
	padding-top: 2px;
	padding-left: 2px;
	
	}
	
	.availability_key {
	float: left;
	width: 90px;
	margin-top: 10px;
	margin-left: 10px;
	font-size:0.9em;
	}
	
	.availability_header {
	background-color: #810033;
	color:#FFFFFF;
	width: 90px;
	height: 10px;
	float: left;
	padding-left: 2px;
	padding-top: 20px;
	}
	
	.availability_season {
	width: 30px;
	float:left;
	padding-top: 8px;
	}
	
	.availability_thisyear {
	width: 25px;
	float:left;
	padding-left: 5px;
	padding-top: 8px;
	text-align:center;
	}
	
	.availability_nextyear {
	width: 25px;
	float:left;
	padding-left: 5px;
	padding-top: 8px;
	text-align:center;
	}
	
div.button {float:left;}

#guest_book {
	width: 760px;
	height: 399px;
	background-color:#e1dfcf;
}