body {
	font: 11px Tahoma, Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	background: #FFFFFF;
	margin: 0px;
	padding: 0px;
}

.toprow {
	background: #3b5f1d;
	padding: 10px 0px 0px;
}

.nav {
	text-align: center;
	color: #FFFFFF;
	vertical-align: bottom;
	padding-bottom: 15px;
	padding-top;
}

.nav a:link {
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
}

.nav a:hover {
	color: #56882d;
}

.nav a:visited {
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
}

.drawkeyline {
	margin-top: 1px;
	padding-top: 1px;
	border-top: 5px solid #56882d;
}

.imgcell img {
	margin-bottom: 1px;
	padding-bottom: 1px;
	border-bottom: 5px solid #56882d;
}

.content {
	line-height: 17px;
	color: #000000; 
}

.content h1 {
	font: lighter 20px Arial, Helvetica, sans-serif;
	color: #7cc441;
	border-bottom: 1px solid #FFECBF;
	padding-bottom: 4px;

	margin-bottom: 18px;
}

.content a:link {
	font-weight: bold;
	color: #56882d;
}

.content a:hover {
	font-weight: bold;
	color: #7cc441;
}

.content a:visited {
	font-weight: bold;
	color: #56882d;
}

.copy {
	background: #3b5f1d;
	padding: 15px 0px 15px 15px;
	font-size: 9px;
	color: #fff;
}

.copy a {
	color: #ccc;
}

.clicks {
	padding-top: 18px;
	line-height: 17px;
}

.rows1 {
	font: 11px Tahoma, Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	background: #FFF4D9;
	padding: 8px;
}

.rows2 {
	font: 11px Tahoma, Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	background: #FFECBF;
	padding: 8px;
}

.send {
	font: bold 11px Tahoma, Verdana, Arial, Helvetica, sans-serif;
	color: #D17100;
	background: #FFF0CC;
	border-top: 1px solid #FFF0CC;
	border-right: 1px solid #F1D4B2;
	border-bottom: 1px solid #F1D4B2;
	border-left: 1px solid #FFF0CC;
	padding: 3px 5px;
	cursor: hand;
}

.form {
	font: bold 11px Tahoma, Verdana, Arial, Helvetica, sans-serif;
	background: #FFF7E5;
	color: #000000;
	padding: 8px;
}

.phoneclick {
	background-color: #FFFFFF;
}

.phoneclick td {
	font: bold 11px Tahoma, Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
}

.phoneclick a {
	font: bold 11px Tahoma, Verdana, Arial, Helvetica, sans-serif;
	color: #D17100;
}

.thumbs, .thumbs a, .photos, .photos a {
	border: 1px solid #D6811D;
}

.contact {margin-top: 20px; width: 320px; border: 1px #000000; text-align:center; float: right; margin-right: 30px;}

p, li, td, span, blockquote { font-size: 11px; line-height: 17px; }

.MapPanel
{
	border: solid 1px black;
	height: 400px;
	width: 370px;
	margin: 0;
	padding: 0;
}

.MapPopup
{
	color: #000000;
	font-family: verdana, helvetica, sans-serif;
	font-size: 11px;
	margin: 0;
	padding: 0;
}

.MapAddress
{
	color: #000000;
	font-family: verdana, helvetica, sans-serif;
	font-size: 11px;
	margin: 0;
	padding: 0;
}
	.hoverbox
{
	cursor: pointer;
	list-style: none;
}

.hoverbox a
{
	cursor: default;
}

.hoverbox a .preview
{
	display: none;
}

.hoverbox a:hover .preview
{
	display: block;
	position: absolute;
	top: 10px;
	left: 10px;
	z-index: 1;
}

.hoverbox img
{
	background: #fff;
	border-width: 0px;
	color: inherit;
	vertical-align: top;
	width: 189px;
	height: 138px;
}
.hoverbox li
{
border-bottom: 5px solid #56882d;
	display: inline;
	float: left;
	position: relative;
}

.hoverbox .preview
{
	border-color: #000;
	width: 310px;
	height: 233px;
}
.hoverbox a
{
	position: relative;
}

.hoverbox a:hover
{
	display: block;
	font-size: 100%;
	z-index: 1;
}

.hoverbox a:hover .preview
{
	top: 0px;
	left: 100px;
}

.hoverbox li
{
	position: static;
}

/* Rates & Availability CSS */

.bookbox {
	width:520px;
	padding: 10px;
	background-color: #ece8ff;
font: normal 11px Verdana, Arial, Helvetica, sans-serif;
}

.bookbox th {
	padding-right: 5px;
font: normal 11px Verdana, Arial, Helvetica, sans-serif;
}

.bookbox td {
	padding-right: 10px;
font: normal 11px Verdana, Arial, Helvetica, sans-serif;
}

.bookerr {
	border: 1px solid #FFB68C;
	padding:10px;
	padding-left: 40px;
	font-weight:bold;
	color: #CC3333;
	margin-bottom: 20px;
	background: url(gfx/warning.gif) no-repeat 15px 10px;
}

.bookavail {
	width:520px;
	padding: 10px;
	border: 1px solid #3b5f1d;
	margin-bottom:10px;
}

.bookavail #header {
	font-weight: bold;
}

.bookavail td {
	padding:5px;
	background-color: #c8e09c;
	border-right: 2px solid #FFFFFF;
	border-bottom: 2px solid #FFFFFF;
}

.bookavail td#daycells {
	width:400px;  /* equals (#days.width + #days.margin-right + #days.padding*2) * cells) */
	padding:2px;
	margin:0;
	background-color: #FFFFFF;
	border:0;
}
.bookavail #days {
	float:left;
	background-color: #3b5f1d;
	width:60px;
	margin: 0 2px 2px 0;
	padding:5px;
	text-align:center;
	color: #FFFFFF;
}

.bookbox input#text {
	width: 60px;
}

.bookform {
	width:520px;
	padding: 10px;
	margin-bottom:1px;
	background-color: #c8e09c;
	font: normal 11px Verdana, Arial, Helvetica, sans-serif;
}	

.bookform th {
	text-align:left;
	width:100px;
}

.roomdesc h3 {
	margin:0;padding:0;
}

.roomdesc #photo {
	padding-right:15px;
}

.roomdesc #price {
	font-weight: bold;
	margin:3px 0;
}

.roomdesc #desc {
	margin-top:0px;
}

#checkrates {
	display: none;
}

.roomlist td {
	border-top: 1px solid #3b5f1d;
	
}

.roomlist #thumb {
	padding:15px 15px 0 0;
	
}

.roomlist #title a {
	margin-right: 5px;
	
}

.roomavail {
	padding: 10px 15px 15px;
}

.roomcal {
	margin: 0px 5px;
	
}

.roomcal td {
	padding: 2px;
	font: 7pt arial, helvetica, sans-serif ;
	
}

.roomcal #month {
	font-size: 8pt; font-weight:bold;
	
}

.roomcal #days td {
	font: 7pt arial, helvetica, sans-serif ;
	width: 12px;
	
}

.roomcalnav {
	margin-top: 15px;
	width:100%;
	
}

.roomcalnav span {
	padding: 0 5px;
}

.bookback {
	margin-top: 30px;
}

.bookback img {
	border:none;
}

.status1 {			/*available*/
	padding: 2px 4px;
	color: #003300;
	background-color: #B7DBB7;
}

.status2 {			/*enquiry*/
	padding: 2px 4px;
	color: #333300;
	background-color: #FFF7A7;
}

.status3 {			/*not available*/
	padding: 2px 4px;
	color: #330000;
	background-color: #FFB68C;
}
.ratebars #on {
	cursor: pointer;
	background-color: #B7DBB7;
}

.ratebars #off {
	background-color: #F9D3D2;
}

.bookbox input.go {
	font: bold 11px Tahoma, Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	background: #3b5f1d;
	border-top: 1px solid #004473;
	border-right: 1px solid #004473;
	border-bottom: 1px solid #004473;
	border-left: 1px solid #004473;
	padding: 3px 5px;
	cursor: hand;
}
