/* CSS Document */

body {background-image: url(images/background.gif); background-repeat: repeat-x; margin: 0; padding: 0; font-size: 12px; font-family: Arial, Helvetica, sans-serif;}
h1 {font-size: 16px; margin-top: 10px; padding: 0;}
h2, h3 {font-size: 14px;}
form {margin: 0; padding: 0;}
td {font-size: 12px; font-family: Arial, Helvetica, sans-serif; padding: 3px 0 3px 3px;}
a {color: #CF050D; text-decoration: none;}
a:hover {text-decoration: underline;}
textarea {width: 100%; height: 200px;}
p {margin: 10px 0 10px 0;}
table {width: 100%;}

#frame {width: 770px; margin: 0 auto 0 auto; border-left: 2px solid #fff; border-right: 2px solid #fff;}

#splash {height: 217px;}

#nav {line-height: 25px;  border-top: 2px solid #fff;}
#nav ul {margin: 0; padding: 0;}
#nav li {margin: 0; padding: 0; float: left; list-style: none; width: 152px; text-align: center; font-weight: bold;}
#nav a {color: #fff; display: block; line-height: 25px; width: 152px;}
#nav a:hover {background-color: #CF050D; text-decoration: none;}

#content {padding: 10px;}
#content h2 {font-size: 14px; line-height: 25px; background-color: #0078b6; margin: 5px 0 5px 0; padding: 0 0 0 20px; font-weight: normal; color: #fff; clear: both;}

.boxrental {float: left; width: 243px; background-image: url(images/boxrental2.jpg); background-repeat: no-repeat; height: 260px; margin-bottom: 15px;}
.boxrental p {margin: 10px 0 0 20px;}
.boxrental table, .boxplanner table {margin: 10px 0 0 20px;width: 92%;}

.boxplanner {float: left; width: 750px; background-image: url(images/boxbig2.gif); background-repeat: no-repeat; margin: 0 0 15px 10px; height: 215px;}
.boxplanner textarea {height: 100px;}

.boxfeatured {width: 710px;}
.boxfeatured td {line-height: 12px; padding: 5px 0px 5px 5px;}

.boxresort {float: left; width: 243px; background-image: url(images/boxresort.jpg); background-repeat: no-repeat; height: 300px; margin-bottom: 15px;}
.boxresort p, h4 {margin: 10px 0 0 20px; font-size: 13px;}
.devpic {margin: 10px 0 0 20px; _margin: 5px 0 0 20px;}
.boxresort h2 a {color: #fff;}

.boxbig {float: left; width: 750px; height: 200px; background-image: url(images/boxbig.gif); background-repeat: no-repeat; /*margin-top: 15px;*/ margin-bottom: 15px;}
.boxbig p {padding: 0 20px 0 20px;}
.boxbig h3 {margin: 0 0 20px 10px;}
.boxbig table {margin: 0 0 0 20px;}

.boxsml {float: left; width: 750px; height: 120px; _height: 120px; background-image: url(images/boxsml.gif); background-repeat: no-repeat; margin: 15px 0 15px 0; _margin: 0 0 15px 0;}
.boxsml p {padding: 0 20px 0 20px;}
.boxsml h3 {margin: 0 0 20px 10px;}

#footer {height: 80px; width: 100%; background-color: #0078b6;}
#foot {width: 750px; margin: 0 auto 0 auto; height: 50px; border-left: 2px solid #fff; border-right: 2px solid #fff; color: #fff; padding: 20px 10px 10px 10px;}
#foot a {color: #fff; text-decoration: none;}
#foot a:hover {text-decoration: underline;}

/* CALENDAR */

.calendar {background-color: #0078b6; float: left; margin: 0 10px 20px 10px;}
.calendar td {background-color: #fff; text-align: center;}
.header {background-color: #0078b6;}

/* CLASSES AND IDS */

.navbor {border-right: 2px solid #fff;}
.right {float: right;}
.right table {width: 0;}
.right td {padding-right: 3px;}
.formfield {width: 140px;}
.formfieldbig {width: 240px;}
.blueform {background-color: #E8F7FC;}
.bkdblue {background-color: #0078b6; color: #fff; font-weight: bold;}
.bkmblue {background-color: #d9ebf4;}
.bklblue {background-color: #f2f8fb;}
.price {font-size: 16px; font-weight: bold;}
.redtext {color: #CF050D;}
.spacer {margin-left: 10px;}
.picright {float: right; margin: 0 0 0 15px;}
.crumbs {margin: 30px 0 0 0;_margin: 10px 0 0 0;}
.butt {float: right; margin: 0 9px 10px 0;}
.whiteback {background-color: #fff; padding-right: 20px;}
.smltext {font-size: 11px;}
.picleft {float: left; margin: 0 10px 5px 0;}
.picright {float: right; margin: 0 0 5px 10px;}








#social h1 {font-size: 24px;}
#social h3 {font-size: 18px;}
#social small {line-height: 12px;}
#social a {text-decoration: none;}
#social fieldset {clear: both; border: 1px solid #ccc; font-weight: normal; background-repeat: no-repeat; margin: 20px 0 20px 0; padding: 15px 20px 0px 40px; height: 140px;}
#social h4 {padding: 10px 0 0 40px;}
#social form {margin: 20px 0 20px 0;}
#social li {line-height: 22px; list-style-image: url(images/icon-li.gif);}