html, body { height: 100%; }
body { background: #f4f4f4 url(img/bg.png) repeat-y center top; margin: 0; padding: 0; color: #3d3d3d; text-align: center; font-family: Tahoma, Arial, Helvetica, sans-serif; }

#wrapper { width: 660px; min-height: 100%; text-align: left; margin: 0 auto -70px; }
#head { width: 660px; height: 432px; background: #fff; }
#slideshow { width: 600px; height: 280px; margin: 0 auto; padding: 0; background: url(img/cottage_1.jpg); }
#main { width: 560px; padding: 8px 50px 4px; }
#push { height: 70px; clear: both; }
#foot { width: 560px; height: 24px; margin: 0 auto; padding: 23px 50px; background: #fff; text-align: left;	 }

a { color: #9e0c10; }
a:hover { color: #000; text-decoration: none; }

h1, h2, h3, h4, legend { color: #000; margin-bottom: 0.25em; font-weight: normal; text-shadow: #e4e0da 0 1px 0; font-family: Georgia, "Times New Roman", Times, serif; }
h1 { font-size: 1.25em; }
h2 { font-size: 1.125em; color: #444; }
h3 { font-size: 1em; }

p, address, ul, ol { margin: 0 0 1em; font-size: 0.75em; font-style: normal; line-height: 1.5em; }
ul ul, ul ol, ol ol, ol ul { font-size: 1em; }
abbr { border-bottom: 1px dotted; cursor: help; }

img { border: 0; }
img.imgCtr { display: block; margin: 1.5em auto; }
img.imgRight, .floatRight { float: right; margin: 0.25em 0 1em 1.5em; }
#foot .floatright { margin: 0; }
hr { color: #3d3d3d; background-color: #3d3d3d; border: none; height: 1px; margin: 1em 0; }
.block { display: block; }

/* center floated list - http://www.cssplay.co.uk/menus/centered.html [MCG: doesn't play well with centered ie7 layouts - see conditional comment] */
#menu { clear: both; float: left; width: 660px; overflow: hidden; }
#nav {	margin: 0 auto;	padding: 0;	list-style: none;	font-size: 1.125em; line-height: 40px; text-shadow: #e4e0da 0 1px 0; float: left; position: relative; left: 50%; }
#nav li {	float: left;	margin: 0;	padding: 0; font-family: Georgia, "Times New Roman", Times, serif; position: relative; right: 50%; }
#nav li a { padding: 11px 12px; text-decoration: none; color: #000; }
#nav li a:hover { color: #9e0c10; }

#foot p { font-size: 0.6825em; line-height: 24px; color: #a2a2a2; margin: 0; }
#foot a { color: #a2a2a2; text-decoration: none; }
#foot a:hover { color: #9e0c10; text-decoration: underline; }

form { font-size: 0.75em; line-height: 1em; margin-bottom: 1.25em; }
form div { padding: 4px 0 8px; }
fieldset { padding: 0 30px 30px; border: 1px solid #999; }
legend { font-size: 1.5em; color: #017c2b; padding: 1em 0.5em; margin: 0; }

#key { font-size: 0.75em; }
.editCalendar { float: right; }
.editCalendar a { color: #d3d3d3; text-decoration: none; }
.editCalendar a:hover { color: #000; }

/* Form Validation */
label.error { float: none; color: #f55; padding-left: 20px; background: url(img/icons.png) no-repeat 0 -32px; margin-left: 6px; }
label.checked { background: url(img/icons.png) no-repeat 0 0; height: 16px; width: 16px; margin-left: 6px; }

ul.tripple, ul.quad, ul.gallery { margin: 0 0 1em; padding: 0; width: 560px; overflow: hidden; list-style: none; }
ul.tripple li { margin: 0; padding: 0; float: left; display: inline; width: 33.333%; }
ul.quad li { margin: 0; padding: 0; float: left; display: inline; width: 25%; }
ul.gallery li { margin: 0; padding: 0; float: left; display: inline; width: 25%; text-align: center; }
ul.gallery li img { padding: 5px; background: #eee; border: 1px solid #999; }

/* Lightbox */
#jquery-overlay {	position: absolute;	top: 0;	left: 0;	z-index: 90;	width: 100%;	height: 500px; }
#jquery-lightbox {	position: absolute;	top: 0;	left: 0;	width: 100%;	z-index: 100;	text-align: center;	line-height: 0; }
#jquery-lightbox a img { border: none; }
#lightbox-container-image-box {	position: relative;	background-color: #fff;	width: 250px;	height: 250px;	margin: 0 auto; }
#lightbox-container-image { padding: 10px; }
#lightbox-loading {	position: absolute;	top: 40%;	left: 0%;	height: 25%;	width: 100%;	text-align: center;	line-height: 0; }
#lightbox-nav {	position: absolute;	top: 0;	left: 0;	height: 100%;	width: 100%;	z-index: 10; }
#lightbox-container-image-box > #lightbox-nav { left: 0; }
#lightbox-nav a { outline: none;}
#lightbox-nav-btnPrev, #lightbox-nav-btnNext { width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#lightbox-nav-btnPrev { left: 0; float: left; }
#lightbox-nav-btnNext { right: 0; float: right; }
#lightbox-container-image-data-box { color: #000;	font: 10px Verdana, Helvetica, sans-serif;	background-color: #fff;	margin: 0 auto;	line-height: 1.4em;	overflow: auto;	width: 100%;	padding: 0 10px 0; }
#lightbox-container-image-data {	padding: 0 10px; color: #666; }
#lightbox-container-image-data #lightbox-image-details { width: 70%; float: left; text-align: left; }	
#lightbox-image-details-caption { color: #000; font-weight: bold; }
#lightbox-image-details-currentNumber {	display: block; clear: left; padding-bottom: 1.0em;	}			
#lightbox-secNav-btnClose {	width: 66px; float: right;	padding-bottom: 0.7em;	}

/* for faq accordion */
span.pay-link a { cursor: pointer; }
.pay-form { text-align: center; }