/* CSS Document */

body {
 background: #FEF6E7;
 font: normal 90% verdana, arial, helvetica, sans-serif; /* don't go below 76% */
 line-height: 150%;
 margin: 0; 
 padding: 0; 
 }

#container {
 width: 880px;
 margin: 6px auto;
 background: #FEF6E7;
 color: #330;
 border: 1px solid #BFB3A3;
 line-height: 1.2;
 }
 
#top {
 background-image: url(images/headers_01.jpg);
 background-repeat: no-repeat;
 height: 150px;
 }

h1.burgundy { color: #300; padding: 0; margin: 0; font: 22px times roman, serif; font-weight: bold; }
h2.burgundy { color: #963; padding: 0; margin: 0; font: 18px times roman, serif; font-style: oblique; } 
h3.burgundy { color: #c63; padding: 0; margin: 0; font: 12px Verdana, Arial, Helvetica, sans-serif; font-weight: bold; } 
h4.burgundy { color: #300; padding: 0; margin: 0; font: 16px times roman, serif; font-variant: small-caps; } 
h5.burgundy { color: #963; padding: 0; margin: 0; font: 16px times roman, serif; font-weight: bold; }
h6.burgundy { color: #333; padding: 0; margin: 0; font: 16px times roman, serif; font-variant: small-caps; } 

h1.green { color: #330; padding: 0; margin: 0; font: 22px times roman, serif; font-weight: bold; }
h2.green { color: #663; padding: 0; margin: 0; font: 18px times roman, serif; font-style: oblique; } 
h3.green { color: #663; padding: 0; margin: 0; font: 18px times roman, serif; font-weight: bold; }
h4.green { color: #663; padding: 0; margin: 0; font: 16px times roman, serif; font-variant: small-caps; } 
h5.green { color: #996; padding: 0; margin: 0; font: 16px times roman, serif; font-weight: bold; }
h6.green { color: #999; padding: 0; margin: 0; font: 16px times roman, serif; font-variant: small-caps; } 

h1.water { color: #036; padding: 0; margin: 0; font: 22px times roman, serif; font-weight: bold; }
h2.water { color: #069; padding: 0; margin: 0; font: 18px times roman, serif; font-style: oblique; } 
h3.water { color: #069; padding: 0; margin: 0; font: 18px times roman, serif; font-weight: bold; }
h4.water { color: #39c; padding: 0; margin: 0; font: 16px times roman, serif; font-variant: small-caps; } 
h5.water { color: #39c; padding: 0; margin: 0; font: 16px times roman, serif; font-weight: bold; }
h6.water { color: #069; padding: 0; margin: 0; font: 16px times roman, serif; font-variant: small-caps; } 

.red { font: 16px times roman, serif; font-style: oblique; color: #930; }

.testimonial { font: 14px italic times roman, serif; color: #333; }

.photocaption { font: 14px times roman, serif; font-style: oblique; }

.photocaption a { text-decoration: none; }
 
.credit { font: Verdana, Arial, Helvetica, sans-serif; color: #C63; }

#leftnav {
 float: left;
 width: 140px;
 margin: 0;
 padding-top: 1em;
 padding-right: 1em;
 padding-bottom: 1em;
 padding-left: 1em;  
 height: 600px;
 background-color: #D0CEBF;
 background-image: url(images/footprints.jpg);
 background-repeat: no-repeat;
 }

#cleardiv { clear: both; height: 1em; } 
 
#footer {
 clear: both;
 margin: 0;
 padding: .2em;
 font-size: 10px;
 color: #330; 
 text-align: center;
 background: #ADC1AD;
 border-top: 1px solid #BFB3A3;
 }

.floatleft {
 float: left;
 margin-top: -0.8em;
 padding: 0;
 }

#leftnav p, #rightnav p, #content p { margin: 0 0 1em 0; }
#content h2, #content h4, #content h6 { margin: .25em 0 .25em 0; }
#content a { text-decoration: none; }

.button {
	border: 1px solid #444444;
	background-color: #ffffff;
	font-size: 11px;
	color: #444444;
	font-weight: normal;
	background-image: url(images/formButtonBg.png);
	}
	
.buttonOn {
	border: 1px solid #444444;
	background-color: #ffffff;
	font-size: 11px;
	color: #444444;
	font-weight: normal;
	background-image: url(images/formButtonBgOn.png);
	}

.yearTable {
 border: 1px solid #330;
 color: #330;
 font-size: 10px;
 }

.yearTableCell {
 text-align: center;
 background-color:#ADC1AD;
 font-size: 10px;
 }
.yearTableCellEven {/*changes here*/
 text-align: center;
 background-color:#EFE7D9;
 font-size: 10px;
 }

.yearTableCellWeekend {
 text-align: center;
 background-color:#93A893;	
 font-size: 10px;
 }
.yearTableCellEvenWeekend {/*changes here*/
 text-align: center;
 background-color: #DBD3C6;	
 font-size: 10px;
 } 

.yearTableCellBooked {
 text-align: center;
 background-color:#F96;	
 font-size: 10px;
 }

.yearTableCellWeekendBooked {
 text-align: center;
 background-color: #F96;
 font-size: 10px;
 }

.yearTableCellEvenBooked {
 text-align: center;
 background-color:#F96;	
 font-size: 10px;
 }

.yearTableCellEvenWeekendBooked {
 text-align: center;
 background-color: #F96;
 font-size: 10px;
 }
 
 
 
 
 
 
 
 
 
 
 
 
 .yearTableCellProv {
 text-align: center;
 background-color:#FFFF66;	
 font-size: 10px;
 }

.yearTableCellWeekendProv {
 text-align: center;
 background-color: #FFFF66;
 font-size: 10px;
 }

.yearTableCellEvenProv {
 text-align: center;
 background-color:#FFFF66;	
 font-size: 10px;
 }

.yearTableCellEvenWeekendProv {
 text-align: center;
 background-color: #FFFF66;
 font-size: 10px;
 }
 
 
 
 
 
 
 
 
 
 
 
 

.yearTableMonths {
 font-size: 10px;
 text-align: right;
 }

.yearTableHeader {
 font-size: 10px;
 text-align: center;
 width: 12px;
 }

.yearTableHeaderWeekend {
 font-size: 10px;
 text-align: center;
 background-color: #EEE;
 width: 12px;
 }

.bookingTable {
 border: 1px solid #330;
 font-size: 12px;
 color: #330;
 }

.bookingTableHeader {
 font-size: 12px;
 color: #330;
 text-align: left;
 background-color: #ADC1AD;/*dark sage*/
 }

.reservationTittle {
 font-weight: bold;
 font-size: 12px;
 padding-top: 1em;
 }

.editFormLeft {
 background-color: #D3DED3;/*light sage*/
 vertical-align: top;
 text-align: right;
 }
 
.editFormRight {
 background-color: #EFE7D9;/*slightly darker beige*/
 }

.reservationList1 {
 font-size: 12px;
 background-color: #FFF;/*white*/
 }
 
.reservationList2 {
 font-size: 12px;
 background-color: #fff0cc;/*pale yellow*/
 }
 
.reservationListOverdue {
 font-size: 12px;
 background-color: #F96;
 }

.reservationOptions {
 font-size: 10px;
 }
 
 /*form field STARTS here*/
 .description {
 display: block;
 text-align: right;
 float: left;
 width: 160px;
 padding-right: 20px;
 }

#name {
 width: 300px;
 border-top: 1px solid #39c;
 border-left: 1px solid #39c;
 border-right: 1px solid #ccc;
 border-bottom: 1px solid #ccc;
 }
 
#message {
 width: 300px;
 border-top: 1px solid #39c;
 border-left: 1px solid #39c;
 border-right: 1px solid #ccc;
 border-bottom: 1px solid #ccc;
 }
 
#email {
 width: 300px;
 border-top: 1px solid #39c;
 border-left: 1px solid #39c;
 border-right: 1px solid #ccc;
 border-bottom: 1px solid #ccc;
 }
 
.buttonSend {
 width: 75px;
 margin: 0 2em 0 210px;
 color: #930;
 text-transform: uppercase;
 border: 1px solid #930;
 }
 /*form field ENDS here*/