@charset "utf-8";
body {
	margin: 25px 0 0;
	padding: 0;
	color: #000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 100%;
	line-height: 1.4;
	background-color: #B8B8A5;
}

/* ~~ Element/tag selectors ~~ */
ul, ol, dl { /* Due to variations between browsers, it's best practices to zero padding and margin on lists. For consistency, you can either specify the amounts you want here, or on the list items (LI, DT, DD) they contain. Remember that what you do here will cascade to the .nav list unless you write a more specific selector. */
	padding: 0;
	margin: 0;
}
h1, h2, h3, h4, h5, h6, p
 {
	padding-right: 15px;
	padding-left: 15px; /* adding the padding to the sides of the elements within the divs, instead of the divs themselves, gets rid of any box model math. A nested div with side padding can also be used as an alternate method. */
	margin: 0;
}
a img { /* this selector removes the default blue border displayed in some browsers around an image when it is surrounded by a link */
	border: none;
}
h1 {
	font-family: "Arial Black", Gadget, sans-serif;
	font-size: 2em;
	color: #FFFF99;
	text-align: center;
	text-shadow: 1px 1px 1px #333;
	background-color: #61723E;
	width: auto;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding: 0.2em;
	border-top-width: 5px;
	border-right-width: 5px;
	border-bottom-width: 5px;
	border-left-width: 5px;
	border-top-style: solid;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	border-top-color: #033;
	border-right-color: #033;
	border-bottom-color: #033;
	border-left-color: #033;
}
h2 {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 1.5em;
	color: #003366;
	text-align: center;
	background-color: #88E8FF;
	width: auto;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding-top: 0.25em;
	padding-bottom: 0.25em;
	border: thick none #069;
}
.new {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	background-color: #9CC;
	text-align: left;
	padding: 5px;
	margin-right: 5%;
	margin-left: 5%;
}

h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.6em;
	color: #FFFFFF;
	text-align: center;
	padding-top: 0.6em;
	padding-bottom: 0.6em;
	font-weight: bolder;
	background-color: #0099FF;
	border-top-width: 3px;
	border-right-width: 0px;
	border-bottom-width: 3px;
	border-left-width: 0px;
	border-top-style: solid;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	border-top-color: #0033FF;
	border-bottom-color: #0033FF;
}


h4 {
	font-family: "Chaparral Pro", Cambria, Georgia, serif;
	font-size: 1.5em;
	color: #641400;
	height: auto;
	width: 100%;
	background-color: #FF9966;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding-top: 4px;
	padding-right: 0px;
	padding-bottom: 4px;
	padding-left: 0px;
	border-top-width: 5px;
	border-right-width: 5px;
	border-bottom-width: 5px;
	border-left-width: 5px;
	border-top-style: double;
	border-right-style: none;
	border-bottom-style: double;
	border-left-style: none;
	border-top-color: #900;
	border-right-color: #900;
	border-bottom-color: #900;
	border-left-color: #900;
}

h5 {
	background-color: #9C0;
	height: 30px;
	width: 100%;
}

h6 {
	font-size: 24px;
	font-weight: bold;
}





/* ~~ Styling for your site's links must remain in this order - including the group of selectors that create the hover effect. ~~ */
a:link {
	color: #FFFFFF;
	text-decoration: underline; /* unless you style your links to look extremely unique, it's best to provide underlines for quick visual identification */
}
a:hover, a:active, a:focus { /* this group of selectors will give a keyboard navigator the same hover experience as the person using a mouse. */
	text-decoration: none;
	color: #FFAE5E;
	border-bottom: 1px solid #FFC;
}
a:visited {
	text-decoration: underline;
	color: #FFC;
}

/* ~~ miscellaneous float/clear classes ~~ */
.fltrt {  /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* this class can be used to float an element left in your page. The floated element must precede the element it should be next to on the page. */
	float: left;
	margin-right: 8px;
}
.bigText {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 22px;
	font-weight: bolder;
	color: #033;
}
.clearfloat { /* this class can be placed on a <br /> or empty div as the final element following the last floated div (within the #container) if the overflow:hidden on the .container is removed */
	clear:both;
	height:0;
	font-size: 1px;
	line-height: 0px;
}
.pfsmall {
	padding: 10px;
	margin-right: 5px;
	border: 3px solid #5E5E37;
	margin-top: 5px;
	background-color: #FFFFA6;
}
.pfbig {
	padding: 20px;
	border: 5px solid #61723E;
	background-color: #66CCFF;
}
#ptext {
	background: #FFC;
	height: auto;
	width: 900px;
	font-family: Arial, Helvetica, sans-serif;
	margin: 0px auto;
	text-align: left;
	font-size: 1.2em;
	padding: 20px;
	border: 5px solid #005555;
	line-height: 1.4em;
}
#ptext2 {
	background: #FFC;
	height: auto;
	width: 900px;
	font-family: Arial, Helvetica, sans-serif;
	margin: 0px auto;
	text-align: left;
	font-size: 1.2em;
	padding: 20px;
	border: 5px solid #005555;
	line-height: 1.4em;
}
#ptext3 {
	background: #FFC;
	height: auto;
	width: 900px;
	font-family: Arial, Helvetica, sans-serif;
	margin: 0px auto;
	text-align: left;
	font-size: 1.2em;
	padding: 20px;
	border: 5px solid #005555;
	line-height: 1.4em;
}




#wrapper {
	width: 1000px;
	border: 12px solid #003333;
	-moz-box-shadow: 0 0 8px 6px  #999999;
	-webkit-box-shadow: 0 0 8px 6px  #999999;
	box-shadow: 0 0 9px 6px #999999;
	border-radius: 8px 8px;
	height: auto;
	text-align: center;
	position: relative;
	margin-top: 30px;
	margin-right: auto;
	margin-bottom: 60px;
	margin-left: auto;
	background-color: #FFFFFF;
}

#wrapper #beds {
	background: #AFCFCF;
	width: 95%;
	border: 1px solid #FFC;
	margin: 0px auto;
}
#wrapper #beds tr td {
	text-align: center;
	border: 5px solid #005555;
	background-color: #FFAE5E;
}
#wrapper #beds tr th {
	color: #FFC;
	padding: 5px;
	background-color: #61723E;
	border: 5px solid #003333;
	width: 33%;
}
#wrapper #des {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.1em;
	font-weight: normal;
	color: #030;
	border: 5px solid #000000;
	margin: 0px auto;
	padding: 0px;
	width: 95%;
}
#wrapper #des tr th {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.1em;
	line-height: 1.2em;
	font-weight: bold;
	color: #FFFFCC;
	text-align: right;
	padding-right: 10px;
	width: 25%;
	border-bottom: 2px solid #EFBF8F;
	border-top-color: #FFC;
	border-right-color: #FFC;
	border-left-color: #FFC;
	padding-top: 2px;
	padding-bottom: 2px;
	background-color: #61723E;
}
#wrapper #des td {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	font-weight: bold;
	color: #000000;
	padding-left: 10px;
	text-align: left;
	border: 1px solid #000;
	background-color: #FFFFCC;
}
#wrapper #rates {
	background: #5E5E37;
	width: 95%;
	margin: 0px auto;
	border-collapse: collapse;
	line-height: 1.5em;
	font-size: 1.2em;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
}
#wrapper #rates td {
	color: #000000;
	text-align: center;
	border: 2px solid #007575;
	padding-right: -100px;
	padding-left: -100px;
	background-color: #FF9966;
	font-size: 1em;
	line-height: 1.5em;
	padding-top: 0.2em;
	padding-bottom: 0.2em;
	font-weight: bold;
}
#wrapper #rates th {
	color: #FFC;
	background-color: #61723E;
	border: 2px solid #033;
	font-size: .9em;
}
#wrapper #rates caption {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 1.2em;
	height: 25px;
	padding: 10px 9px 10px 8px;
	font-weight: bold;
	margin: 0px auto;
	background-color: #CAD5B3;
	border-top-width: 3px;
	border-right-width: 3px;
	border-bottom-width: 0px;
	border-left-width: 3px;
	border-top-style: solid;
	border-right-style: solid;
	border-left-style: solid;
	border-top-color: #033;
	border-right-color: #033;
	border-bottom-color: #033;
	border-left-color: #033;
}
#wrapper #comm {
	background: #81BEE2;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 1.5em;
	font-weight: normal;
	width: 95%;
	margin: 0px auto;
	border-collapse: collapse;
	border-top: 2px solid #036;
	border-right: 2px solid #036;
	border-bottom: 2px solid #036;
	border-left: 2px solid #036;
}
#wrapper #comm th {
	border: 2px solid #000;
	font-weight: normal;
	font-size: 1.5em;
	background-color: #CAD5B3;
	line-height: 2em;
}
#footer ul li {
	display: inline;
	text-align: right;
}
#footer ul li a {
	padding: 0px 10px;
	text-align: left;
}
#wrapper #listings {
	border: 2px solid #055;
	margin-right: auto;
	margin-left: auto;
	font-family: Arial, Helvetica, sans-serif;
	color: #000;
}
#wrapper #links {
	background-color: #ff9966;
	font-family: Arial, Helvetica, sans-serif;
	width: 95%;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	border: 1px solid #900;
}
#wrapper #links tr th {
	border: 2px solid #900;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.5em;
	line-height: 1.3em;
	font-weight: bold;
	padding-top: 1em;
	padding-bottom: 1em;
}


#listings tr th {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	color: #B8B8A5;
	background-color: #B8B8A5;
	border-top-width: 0px;
	border-top-style: none;
	padding: 5px;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

#wrapper #listings tr td {
	background-color: #D6E1BF;
	width: 20%;
	border: 1px solid #055;
	padding: 5px;
}
#wrapper #content #contentForm {
	margin: 0px;
}
#wrapper #content #table_rate {
	background-color: #FEE5CB;
	border: 2px solid #033;
}
#wrapper .form #form1 #contact {
	font-family: Arial, Helvetica, sans-serif;
	background-color: #FFC;
	margin-top: 5px;
	margin-right: auto;
	margin-bottom: 5px;
	margin-left: auto;
	border: 2px solid #900;
	text-align: left;
	width: 90%;
}
#wrapper .form #form1 #contact tr td {
	border: 2px solid #900;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.5em;
	padding: 0.5em;
}
#wrapper #footer {
	background-repeat: no-repeat;
	height: 15em;
	background-image: url(footer.jpg);
}


.formfield {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 1.3em;
	height: 0.8em;
	border: 2px solid #900;
	font-weight: bold;
	color: #000;
	text-align: left;
	vertical-align: middle;
	white-space: normal;
	padding-bottom: 0.2em;
}
.formcomment {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 1em;
	font-weight: bold;
	border: 2px solid #900;
	height: 40%;
	width: 80%;
	background-color: #FFFFFF;
}
.formbutton {
	background-color: #6C0;
	height: 50%;
	width: 60%;
	font-size: 1.5em;
	font-weight: bold;
	border: 2px solid #060;
	padding: 6px;
}
.turtle_border {
	width: 97%;
	text-align: center;
	height: auto;
	border: 5px solid #F30;
}