/* ---- Global Tag Styles ---- */
* 
{
	margin: 0;
	padding: 0;
}

.clearFloats:after
{
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.clearFloats
{
	display:inline-block;
}
/* Hides from IE-mac \*/
.clearFloats
{
	display:block;
}
/* End hide from IE-mac */

.Disabled
{
	Color: Gray;	
}

.TextBoxWatermark
{
	Color: Gray;
}

.compatibleH2
{
	display:none;
	margin-bottom: 20px;
}

body 
{
	background-color: #F9E8D4;
	text-align: center;
	width: 779px;
	font: 62.5%/1.5 Georgia,"Times New Roman",Times,serif;
	margin: 0 auto;
}

h1
{
	/* Image substitution for the H1 */
	margin-left: -1000000px;
}

h2
{
	background: url(images/h2bg.gif) no-repeat;
	height: 59px;
	width: 329px;
	color: #F9E8D4;
	font: 3.8em Georgia,"Times New Roman",Times,serif;
	text-align: center;
	padding-top: 6px;
}

h3
{
	font: 2.4em Georgia,"Times New Roman",Times,serif;
}

h4
{
	font: 1.8em "lucide grande",tahoma,sans-serif;
	text-align: left;
}

p
{
	font: 1.3em "lucide grande",tahoma,sans-serif;
	padding: 1em 1em 0em 1em;
}

/* ---- Master Pages Styles ---- */
#wrapper 
{
	background: #F9E8D4 url(images/middle.jpg) repeat-y center 158px;
	width: 779px;
	text-align: left;
	/*padding: 0px 60px;*/
}

#masthead
{
	background: #F9E8D4 url(images/masthead.jpg) no-repeat center top;
	height: 158px;
	width: 779px;
}

#navigation
{
	margin: -9px 0px 0px 60px;
	width: 399px;
	font-size: 1.7em;
	vertical-align: middle;
}

#navigation ul
{
	list-style: none;
}

#navigation li
{
	display:inline;
	padding: 0px 0px 0px 16px;
}

/* this one comes second so that there isn't left padding on the first link */
#navigation li#homeLink
{
	padding: 0px 0px;
}

#navigation a:link, #navigation a:visited
{
	text-decoration: none;
	color: Black;
}

#navigation a:hover
{
	border-bottom: solid 2px #AF421B;
}


.Home #homeLink a:link, .Home #homeLink a:visited,
.Accomodations #accomodationsLink a:link, .Accomodations #accomodationsLink a:visited,
.Contact #contactLink a:link, .Contact #contactLink a:visited
{
	border-bottom: solid 2px black;
}

#contentwrapper
{
	padding: 15px 60px;
}
#footer
{
	background: #F9E8D4 url(images/footer.jpg) no-repeat center bottom;
	width: 779px;
	height: 158px;
	margin: 0px auto;
	padding-bottom: -158px;
}

/* ---- Home Page ---- */

.Home h2
{
	float:left;
}

#welcome
{
	float:left;
	padding-top: 20px;
	width: 300px;
}

#info
{
	float:right;
	width:356px;
}

#welcomeimage img
{
	width: 340px;
	border: solid 8px black;
}

#info h4
{
	padding-top: 6px;
}

#portrenfrew, #artists
{
	padding: 40px 0px;
}

#portrenfrew img, #artists img
{
	float:left;
	width: 192px;
	margin-right: 10px;
	border: solid 8px black;
}

#info a:hover img
{
	border-color: #AF421B;
}

/* ---- Accomodations Page ---- */
#accomodationinfo h2
{
	margin-top:20px;
}

.Accomodations h3
{
	text-align: center;
	padding-bottom: 10px;
}

.AccomodationTeaser
{
	float: left;
	padding: 20px 30px;
	/*margin: 15px 0px 0px 80px;*/
}

.AccomodationTeaser img
{
	width: 250px;
	border: solid 8px black;
}

.AccomodationTeaser a:hover img
{
	border-color: #AF421B;
}

#locationinfo
{	
	font-family: "lucide grande",tahoma,sans-serif;
	padding-top: 20px;
}

#address
{
	padding-top: 20px;
}

#address, #directions
{
	width: 220px;
	padding-left: 10px;
}

#address span
{
	font-size: 1.3em;
	padding: 2px 6px;
	display: block;
}
#address #state, #address #city
{
	display: inline;
	list-style-type:circle;
}

#directions li
{
	list-style: decimal inside;
	font-size: 1.3em;
	padding: 2px 6px;
}

#myMap
{
	float:right;
	border: solid 8px black;
	margin-top: 30px;
}

/* ---- Availability Page ---- */
#availability
{
	padding-top: 20px;
}

#calendarcontainer
{
	padding: 35px 0px 10px 10px;
	font: 1.8em "lucide grande",tahoma,sans-serif;
	width: 430px;
}

#calendarcontainer table
{
	width:420px;
}

.CalendarDay
{
	height: 40px;
	vertical-align: top;
	padding-top: 4px;
}

#calendarcontainer .UnitAll,#calendarcontainer .UnitNone,#calendarcontainer .Unit1,#calendarcontainer .Unit2
{
	background-repeat: no-repeat;
	background-position: right top;
}

#calendarcontainer .UnitAll, #availabilitylegend .UnitAll
{
	background-image: url(images/green_green.gif);
}

#calendarcontainer .UnitNone, #availabilitylegend .UnitNone
{
	background-image: url(images/red_red.gif);
}

#calendarcontainer .Unit1, #availabilitylegend .Unit1
{
	background-image: url(images/green_red.gif);
}

#calendarcontainer .Unit2, #availabilitylegend .Unit2
{
	background-image: url(images/red_green.gif);
}

#calendarcontainer .Selected,#calendarcontainer .SelectedStart,#calendarcontainer .SelectedEnd
{
	border-bottom: solid 8px gray;
}

#availabilitylegend, #rateslegend
{
	padding: 5px 0px 5px 10px;
	font: 1.3em "lucide grande",tahoma,sans-serif;
}

#availabilitylegendborder, #rateslegendborder
{
	border: solid 1px gray;
	width: 410px;
	padding: 5px;
}

#availabilitylegend table, #rateslegend table
{
	width: 410px;
}

#availabilitylegend td
{
	width: 50%;
}

#availabilitylegend .UnitAll,#availabilitylegend .UnitNone,#availabilitylegend .Unit1,#availabilitylegend .Unit2
{
	background-repeat: no-repeat;
	background-position: left top;
	height: 2.5em;
	padding: 6px 0px 0px 20px;
	margin: 4px 10px;
}

#rateslegend p
{
	padding: 4px 0px;
	font-size: 1.0em;
}

#rateslegend td
{
	padding: 4px 5px;
}

#rateslegend th
{
	width: 100px;
	text-align: center;
}

#rateslegend th+th
{
	width: 60px;
}

#reservationdetails
{
	float: right;
	width: 210px;
	padding-top: 35px;
	font: 1.0em "lucide grande",tahoma,sans-serif;
}

#reservationdetails h4
{
	padding-bottom: .3em;
}

#reservationdetails select
{
	width:200px;
	margin-bottom: .5em;
}

#reservationdetails input
{
	width:200px;
	margin-bottom: .5em;
}

#reservationdetails .Submit
{
	margin-top: .25em;
	height: 50px;
	font-size:3em;
}

/* ---- Unit Details Page ---- */
#unitnameandamenities
{
	padding-top: 20px;
	float:left;
	width:200px;
}

#unitnameandamenities h3
{
	padding: 20px 0px 0px 10px;
}

#unitnameandamenities ul
{
	padding-left: 10px;
}

#unitnameandamenities li
{
	padding-top: 6px;
	list-style-type:square;
	list-style-position: inside;
	font: 1.4em "lucide grande",tahoma,sans-serif;
}

#unitdetails #availability
{
	padding-top: 0px;
	float: right;
}

#unitdetails #availability h2
{
	display:none;
}

#unitdetailsimage
{
	float:right;
}

#unitdetailsimage img
{
	margin:2px;
	border: solid 2px black;
}

#unitdetailsimage #mainimage
{
	width: 404px;
	border: solid 8px black;
}

#unitdetailsimage a:hover img
{
	border-color: #AF421B;
}

#unitdetails #calendarcontainer
{
	padding-top: 0px;
	width: 245px;
	font: 1.4em "lucide grande",tahoma,sans-serif;
}

#unitdetails #calendarcontainer table
{
	width: 240px;
}

#unitdetails .CalendarDay
{
	height: 25px;
	text-align:right;
	padding-right: 14px;
}

#unitdetails #calendarcontainer .UnitVacant,#unitdetails #calendarcontainer .UnitBooked
{
	background-repeat: no-repeat;
	background-position: right top;
}

#unitdetails #calendarcontainer .UnitVacant,#unitdetails #availabilitylegend .UnitVacant
{
	background-image: url(images/mini_green.gif);
}

#unitdetails #calendarcontainer .UnitBooked, #unitdetails #availabilitylegend .UnitBooked
{
	background-image: url(images/mini_red.gif);
}

#unitdetails .Selected,#unitdetails .SelectedStart,#unitdetails .SelectedEnd
{
	border-bottom: solid 4px gray;
}

#unitdetails #availabilitylegend .UnitVacant,#unitdetails #availabilitylegend .UnitBooked
{
	background-repeat: no-repeat;
	background-position: left top;
	height: 1.5em;
	padding-left: 20px;
}

#unitdetails #reservationdetails
{
	width: 168px;
	padding-top: 0px;
	font: 0.8em "lucide grande",tahoma,sans-serif;
}

#unitdetails #reservationdetails select
{
	width:160px;
}

#unitdetails #reservationdetails input
{
	width:160px;
}

#unitdetails #reservationdetails .Submit
{
	/*margin: 10px 0px 0px 0px;*/
	height: 28px;
	font-size:2.0em;
}

/* ---- Reserve Page ---- */
#reservationsheader
{
	margin-top: 20px;
}

#tenantsform, #reservationstatus
{
	padding-top: 10px;
	font: 1.4em "lucide grande",tahoma,sans-serif;
}

#reservationstatus span
{
	color: #AF421B;
}

#tenantsform span
{
	margin: 4px 6px;
	font-weight: bold;
}

#tenantsform input, #tenantsform textarea
{
	margin: 4px 6px;
}

#tenantsform .ReservationLabel
{
	margin: 4px 6px;
	width: 160px;
	text-align:right;
}

#tenantsform .AdjacentLabel
{
	width: 100px;
	text-align:right;
}

#tenantsform #commentlabel
{
	vertical-align:top;
}

#tenantsform .Submit
{
	height: 40px;
	width: 200px;
	font-size: 1.3em;
}

#policies h4
{
	padding-top: 20px;
}

/* ---- Contact Page ---- */
#contactinfo
{
	font-family: "lucide grande",tahoma,sans-serif;
	padding-top: 20px;
}

#contactinfo h2
{
	margin-bottom: 20px;
}

#contactinfo h4
{
	padding-left: 10px;	
}
/* ---- Global Calendar Styles ---- */
.Rate3
{
	background-color: #91D1FF;
}

.OtherMonthRate3
{
	background-color: #91D1FF;
	color: Gray;
}

.Rate4
{
	background-color: #FFD472;
}

.OtherMonthRate4
{
	background-color: #FFD472;
	color: Gray;
}