/* CSS Document */

body {
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
}

div.busybee {
	font-size: 1.3em;
	font-weight:lighter;
}

#main{
	width: 760px;
	height: 560px;
}

#image_one {
	width: 230px;
	height: 283px;
	float: left;
	background-color:#ffffff;
}

#top_text {
	width: 510px;
	height: 150px;
	background-color:#e8eae2;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 20px;
	color:#8c6b91;
	text-align: left;
	float: left;
	font-size: 1.2em;
	line-height: 30px;
}

#top_text_b {
	width: 510px;
	height: 150px;
	background-color:#e8eae2;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 20px;
	color:#8c6b91;
	text-align: left;
	float: left;
	font-size: 1em;
	line-height: 23px;	
}

#text_one_image {
	float: left;
	width: 230px;
	height: 226px;
}

#text_one_text {
	float: left;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 5px;
}

#top_text_two {
	font-size: 0.8em;
	color:#636466;
	padding-top: 10px;
	line-height: 14px;	
}

#image_two {
	width: 298px;
	height: 113px;
	float: left;	
}

#space_one {
	width:2px;
	height: 113px;
	float:left;
	background-color:#e8eae2;
}

#lavender_logo {
	width: 230px;
	height: 113px;
	float: left;
	background-image:url(../graphics/lavender_cottage_holiday_cottage_logo.gif);
}

#bottom_half {
	width:760px;
	height:277px;
	float:left;
	background-image: url(../graphics/lavender_cottage_whitby_holiday_cottage_flowers.gif);
}

#bottom_left {
	width: 530px;
	height: 277px;
	float: left;
}

#bottom_text{
	padding-left: 10px;
	padding-top: 30px;
	text-align: left;
}

#bottom_text_contact{
	padding-left: 10px;
	padding-top: 30px;
	text-align: left;
}

#bottom_availability{
	padding-left: 10px;
	padding-top: 5px;
	text-align: left;
	font-size: 0.8em;
	color:#636466;
}

#bottom_text_b{
	text-align: left;
	padding-top: 8px;
}

#text_one {
	font-size: 1.1em;
	color:#636466;
	padding-top:30px;
}

#text_two {
	padding-top: 5px;
	font-size: 0.9em;
	color:#733873;
}

#text_three {
	padding-top: 30px;
	font-size: 0.8em;
	color:#636466;
}

#text_three_contact {
	padding-top: 0px;
	font-size: 0.8em;
	color:#636466;
	line-height: 18px;
}

#text_three_cottage {
	padding-top: 40px;
	font-size: 0.8em;
	color:#636466;
}

#text_three_b {
	padding-top: 20px;
	padding-left: 10px;
	padding-right: 10px;
	font-size: 0.8em;
	color:#636466;
	float: left;
}


#navigation {
	height: 20px;
	width: 530px;
	float: left;
	font-size:0.8em;
	font-weight:bold;
	padding-top: 5px;
}

#image_three {
	width: 114px;
	height: 114px;
	margin-right:2px;
	float: left;
}

#image_four {
	width: 114px;
	height: 114px;
	float: left;
}

#image_five {
	width: 230px;
	height: 161px;
	margin-top: 2px;
	float: left;
}

div.buttonone {
	width: 80px;
	float: left;
	text-align: center;
	padding-left: 8px;
}

div.buttontwo {
	width: 88px;
	float: left;
	text-align: center;
}

div.buttonthree {
	width: 60px;
	float: left;
	text-align: center;
}
div.buttonfour {
	width: 90px;
	float: left;
	text-align: center;	
}
div.buttonfive {
	width: 125px;
	float: left;
	text-align: center;	
}
div.buttonsix {
	width: 71px;
	float: left;
	text-align: center;
	padding-right: 8px;	
}

A:link {COLOR: #ffffff;	TEXT-DECORATION: none;	font-weight: bold;}
A:visited {COLOR: #ffffff;TEXT-DECORATION: none;font-weight: bold;}
A:active {COLOR: #ffffff;TEXT-DECORATION: none;font-weight: bold;}
A:hover {COLOR: #733873;TEXT-DECORATION: none;font-weight: bold;}

A.subnav:link {COLOR: #ffffff;	TEXT-DECORATION: none;	font-weight: normal;}
A.subnav:visited {COLOR: #ffffff;TEXT-DECORATION: none;font-weight: normal;}
A.subnav:active {COLOR: #ffffff;TEXT-DECORATION: none;font-weight: normal;}
A.subnav:hover {COLOR: #733873;TEXT-DECORATION: none;font-weight: normal;}

A.active:link {COLOR: #733873;	TEXT-DECORATION: none;	font-weight: bold;}
A.active:visited {COLOR: #733873;TEXT-DECORATION: none;font-weight: bold;}
A.active:active {COLOR: #733873;TEXT-DECORATION: none;font-weight: bold;}
A.active:hover {COLOR: #733873;TEXT-DECORATION: none;font-weight: bold;}

A.purple:link {COLOR: #733873;TEXT-DECORATION: none;font-weight: bold;}
A.purple:visited {COLOR: #733873;TEXT-DECORATION: none;font-weight: bold;}
A.purple:active {COLOR: #733873;TEXT-DECORATION: none;font-weight: bold;}
A.purple:hover {COLOR: #ffffff;TEXT-DECORATION: none;font-weight: bold;}

A.purple_two:link {COLOR: #733873;TEXT-DECORATION: none;font-weight: bold;}
A.purple_two:visited {COLOR: #733873;TEXT-DECORATION: none;font-weight: bold;}
A.purple_two:active {COLOR: #733873;TEXT-DECORATION: none;font-weight: bold;}
A.purple_two:hover {COLOR: #636466;TEXT-DECORATION: none;font-weight: bold;}

A.purple_three:link {COLOR: #733873;TEXT-DECORATION: none;}
A.purple_three:visited {COLOR: #733873;TEXT-DECORATION: none;}
A.purple_three:active {COLOR: #733873;TEXT-DECORATION: none;}
A.purple_three:hover {COLOR: #ffffff;TEXT-DECORATION: none;}


#image_three_large{
	float: left;
	width: 230px;
	height: 277px;
}


	/* Winter Season */
	.rate_11 {
	background-color: #D2D5C4;
	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: #9C9A74;
	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: #EFD48D;
	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: #D38FB8;
	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: #904C61;
	width: 43px;
	height: 10px;
	border: thin solid #FFFFFF;
		font-size: 0.7em;
	float: left;
	font-weight:bold;
	text-decoration: underline;
	}
	
	/* Unavailable Styles */
	
	/* low Season */
	.rate_12 {
	background-color: #B1D1DC;
	width: 43px;
	border: thin solid #FFFFFF;
		font-size: 0.7em;
	float: left;
	height: 10px;
	color:#999999;}
	
	/* low Season */
	.rate_22 {
	background-color: #D5D3BE;
	width: 43px;
	border: thin solid #FFFFFF;
		font-size: 0.7em;
	float: left;
	height: 10px;
		color:#999999;	}

	/* mid Season */
	.rate_32 {
	background-color: #DFC181;
	width: 43px;
	border: thin solid #FFFFFF;
		font-size: 0.7em;
	float: left;
	height: 10px;
		color:#999999;	}
	
	/* high Season */
	.rate_42 {
	background-color: #BF845C;
	width: 43px;
	border: thin solid #FFFFFF;
		font-size: 0.7em;
	float: left;
	height: 10px;
		color:#999999;	}
	
	/* peak Season */
	.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:#733873;
	width: 301px;
	font-size: 0.9em;
	height: 25px;
	padding-top: 5px;
	}
	
	.calender_footer {
	color:#FFFFFF;
	background-color:#733873;
	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;
	*padding-top: 5px;
	_padding-top: 5px;
	float: left;
	}

	.winter_season{
	background-color: #D2D5C4;
	color: #000000;
	width: 90px;
	height: 30px;
	float: left;
	padding-top: 2px;
	padding-left: 2px;
	
	}
	.low_season{
	background-color: #9C9A74;
	color: #000000;
			width: 90px;
		height: 30px;
		float: left;
			padding-top: 2px;
	padding-left: 2px;
	
	}
	.mid_season{
	background-color: #EFD48D;
	color: #000000;
		width: 90px;
		height: 30px;
		float: left;
			padding-top: 2px;
	padding-left: 2px;
	
	}
	.high_season{
	background-color: #D38FB8;
	color: #000000;
		width: 90px;
		height: 30px;
	float: left;
	padding-top: 2px;
	padding-left: 2px;
	
		}
	.peak_season{
	background-color: #904c61;
	color: #000000;
		width: 90px;
		height: 30px;
	float: left;
	padding-top: 2px;
	padding-left: 2px;
	
	}
	
	.availability_key {
	float: left;
	width: 90px;
	margin-top: 10px;
	*margin-top: 5px;
	_margin-top: 5px;
	margin-left: 10px;
	font-size:0.7em;
	}
	
	.availability_header {
	background-color: #733873;
	color:#FFFFFF;
	width: 90px;
	height: 30px;
	*height:10px;
	_height:10px;
	float: left;
	padding-left: 2px;
	padding-top: 10px;
	*padding-top: 20px;
	_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;
	}

/************ subglobalNav styles **************/

.subglobalNav{
	height: 10px;
	visibility: hidden;
	color: #ffffff;
	float: left;
/*	border-top-width: thin;
	border-right-width: thin;
	border-bottom-width: thin;
	border-left-width: thin;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid; */
}

.subglobalNav a:link, .subglobalNav a:visited {
	font-size: 80%;
	color: #ffffff;
}

.subglobalNav a:hover{
	color: #733873;
}	

.subglobalNavfixed{
	height: 10px;
	color: #733873;
	float: left;
	font-size: 0.8em;
}

.subglobalNavfixed a:link, .subglobalNavfixed a:visited {
	color: #ffffff;
}


.subglobalNavfixed a:hover{
	color: #733873;
}
#navigation_frame {
	height: 20px;
}
#pleaseuse { width: 400px; float: left; 
height: 10px;
*height: 5px;
_height: 5px; 
margin-top:6px;
*margin-top: 0px;
_margin-top: 0px;
margin-bottom: 0px;
*margin-bottom: 0px;
_margin-bottom: 0px;
}