body { padding: 24px; margin: 0px; background: url(./bpimages/bg.jpg) #fff; font-family: Arial, Helvetica, sans-serif; }

.inden { text-indent:25px; }

	div#MasterWrapper { width: 899px; margin:0 auto; background: url(./bpimages/bodybackground.gif) repeat-y #fff; border: 10px #fff solid;}
	
		div#LeftWrapper { width: 336px; float: left; background-color: #526210;}
			div#LeftHeader { padding: 13px 0px 10px 0; background: #727b10; }
			div#PrimaryNavigation { }
			div#Teaser { }
			div#SecondaryNavigation { min-height:390px; height:auto !important; height:390px; }
			
		div#RightWrapper { width: 551px; float: right; color: #302d1a; }
			div#SufsWrapper { height: 27px; text-align: right; background: url(./bpimages/signupbg.jpg);}
				div#SufsWrapper img {margin: 6px 12px 8px 0px; }				
			div#FlashWrapper, div#Content, div#Footer { padding: 12px; }			
			div#FlashWrapper { }
			object#FlashWrapper{ margin: 12px; }
			div#Content { }
				div#Content h1 { text-transform: uppercase; font-size: 18px; margin: 12px 0px; font-weight: normal; text-align:center; clear: both;}
				div#Content h2{ font-size: 16px; font-weight: normal;} 
				div#Content h1, div#Content h2, div#Content h3, div#Content h4 { color: #555241;}
				div#Content h5 { color: #555241; font-size: 14px; font-weight: bold;}
				div#Content p { font-size: 12px; line-height: 200%; padding: 0px; margin: 12px 0px; text-align: justify; }
body.BodyInternal div#Content p, body#home div#Content p{ padding: 0 10px;} 				
body.BodyInternal div#Content a, body#home div#Content a{ color:#585f0f;}
body.BodyInternal div#Content a:hover, body#home div#Content a:hover{ color:#404509;}
				div#Content ul { font-size: 12px; }
					div#Content ul li { line-height: 200%; }
			div#Footer { text-align: center; }
				div#Footer p { margin: 0px; padding: 0px; font-size: 11px; }
				
				.right_link  img{float: right; padding-top: 13px; border: 0;}
					hr {background-color: #96947d; height: 1px; border: 0px; clear: both;}

/* Navigation Module */
	.Navigation ul { list-style: none; padding: 13px 0px 13px 0px; margin: 0px; }
		.Navigation ul li { margin-bottom: 3px; padding: 0px; }
		.Navigation ul li.LastNavigationItem { margin-bottom: 3px; }
			.Navigation ul li a { font-size: 12px; color: #fff; text-decoration: none; text-transform: uppercase; display: block; width: 306px; height:21px; padding-top: 7px; padding-left: 30px; z-index: 0;}
			.Navigation ul li a:hover { color: #fff; background: url(./bpimages/current-bkgd.jpg) repeat-y #526210; z-index: 10; }
			
			
	li#PrimaryNavigation_home a, li#SecondaryNavigation_home a { color: #fff; background: url(./bpimages/current-bkgd.jpg) repeat-y; } /* Nav Magic 3.0 */
li#PrimaryNavigation_home ul li a{ background-image: none; color: #fff;}
li#PrimaryNavigation_home ul li a:hover{ color: #fff; background: url(./bpimages/current-bkgd.jpg) no-repeat  #526210;}

.Navigation ul{z-index: 100; }
.Navigation li{ position: relative;}
.Navigation li ul{border: 4px solid white; background-color:  #526210; position: absolute; padding: 0; z-index: 1000; left:340px; top: -6px; width: 260px; overflow: hidden; display: none;}
.Navigation li ul ul{ border: 0; position: relative; padding-left: 0px; left: 0; top:0; z-index: 1200; }
.Navigation li ul li a{ padding-left: 10px; background: none;}
.Navigation li ul li li a{ padding-left: 30px; }

/* Borders */
	div#SufsWrapper, div#FlashWrapper, div#Content { border-bottom: 12px solid #fff; }
	
/* Classes */
	.clear, .Clear { clear: both; }
	.hidden, .Hidden { display: none; }
	.CenteredText { text-align: center; }
	.ImageLink { border: none; }

/* Internal Pages */
	body.BodyInternal div#Content { min-height: 525px; } 

/* Teaser */
	div#Teaser { background: #727b10; border-bottom: #8c9500 8px solid; padding-bottom: 10px;}
		div.TeaserDecor { text-align: center; padding: 3px 0px; background: url(./bpimages/teaserdecor.jpg) center no-repeat; }
		form#TeaserForm { padding: 0px; margin: 0px auto;}
			form#TeaserForm h2 { color: #fff; font-size: 12px; text-transform: uppercase; padding: 3px 0px; margin: 0px; }
			form#TeaserForm table { background: url(./bpimages/teaserbg.jpg) center; padding: 3px 70px; margin: 0px auto;}
				form#TeaserForm table tr { }
					form#TeaserForm table tr td { padding: 3px 0px; }
					form#TeaserForm table tr td.SelectLabel { font-size: 12px; color: #fff; width: 30px; padding-left: 2px; }
						form#TeaserForm table tr td.Select {width: 30px;}
						form#TeaserForm table tr td.Select select { font-size: 11px; }
						form#TeaserForm table tr td.Select select#arriveMonth, form#TeaserForm table tr td.Select select#departMonth { width: 75px; }
						form#TeaserForm table tr td button { border: none; height: 27px; width: 176px; cursor: pointer; background: url(./bpimages/checkavailability.jpg) no-repeat;}
	


/* Teaser Calendars */
div.calendarIcon img { cursor: pointer; }

  table.jCalendar {
	  border: 1px solid #000;
	  background: #aaa;
	  border-collapse: separate;
	  border-spacing: 2px;
	  z-index: 3;
	  position: ;
	  font-size: 10px;
  }
  table.jCalendar th {
	  background: #333;
	  color: #fff;
	  font-weight: bold;
	  padding: 3px 5px;
  }
  table.jCalendar td {
	  background: #ccc;
	  color: #000;
	  padding: 3px 5px;
	  text-align: center;
  }
  table.jCalendar td.other-month {
	  background: #ddd;
	  color: #aaa;
  }
  table.jCalendar td.today {
	  background: #666;
	  color: #fff;
  }
  table.jCalendar td.selected {
	  background: #ccc; /* CHANGED f66 */
	  color: #fff;
  }
  table.jCalendar td.selected:hover {
	  background: #ccc; /* CHANGED f66 */
	  color: #fff;
  }
  table.jCalendar td:hover, table.jCalendar td.dp-hover {
	  background: #fff;
	  color: #000;
  }
  table.jCalendar td.disabled, table.jCalendar td.disabled:hover {
	  background: #bbb;
	  color: #888;
  }
  
  /* For the popup */
  
  /* NOTE - you will probably want to style a.dp-choose-date - see how I did it in demo.css */
  
  div.dp-popup {
	  position: relative;
	  background: #fff;
	  font-size: 10px;
	  font-family: arial, sans-serif;
	  padding: 8px;
	  width: 171px;
	  line-height: 1.2em;
	  border: 1px solid #666;
  }
  div#dp-popup {
	  position: absolute;
	  z-index: 199;
  }
  div.dp-popup h2 {
	  color: #000;
	  font-size: 12px;
	  text-align: center;
	  margin: 2px 0;
	  padding: 0;
  }
  a#dp-close {
	  text-transform: uppercase;
	  font-size: 11px;
	  padding: 4px 0;
	  text-align: center;
	  display: block;
  }
  a#dp-close:hover {
	  text-decoration: underline;
  }
  div.dp-popup a {
	  color: #000;
	  text-decoration: none;
	  padding: 3px 2px 0;
  }
  div.dp-popup div.dp-nav-prev {
	  background: url('./bpimages/leftarrowblack.gif') no-repeat 5px 2px;
	  .background: url('./bpimages/leftarrowblack.gif') no-repeat 5px 0px;
	  position: absolute;
	  top: 10px;
	  left: 4px;
	  width: 100px;
  }
  div.dp-popup div.dp-nav-prev a {
	  float: left;
  }
  /* Opera needs the rules to be this specific otherwise it doesn't change the cursor back to pointer after you have disabled and re-enabled a link */
  div.dp-popup div.dp-nav-prev a, div.dp-popup div.dp-nav-next a {
	  color: #017AC3;
	  cursor: pointer;
  }
  div.dp-popup div.dp-nav-prev a.disabled, div.dp-popup div.dp-nav-next a.disabled {
	  cursor: default;
  }
  div.dp-popup div.dp-nav-next {
	  background: url('./bpimages/rightarrowblack.gif') no-repeat 92px 2px;
	  .background: url('./bpimages/rightarrowblack.gif') no-repeat 92px 0px;
	  position: absolute;
	  top: 10px;
	  right: 4px;
	  width: 100px;
  }
  div.dp-popup div.dp-nav-next a {
	  float: right;
  }
  div.dp-popup a.disabled {
	  cursor: default;
	  color: #aaa;
  }
  div.dp-popup td {
	  cursor: pointer;
  }
  div.dp-popup td.disabled {
	  cursor: default;
  }
  
  div.dp-calendar {  }
  
  #calendarIcon img {
	  cursor: pointer;
  }  
  
  div.dp-popup div.dp-nav-next a.dp-nav-next-year,
  div.dp-popup div.dp-nav-prev a.dp-nav-prev-year {display: none;}
  
/* --- signup form --- */
.hidden {display: none;}
#spiffy_signup *{margin: 0; padding: 0; }
#signupwrap {}
#spiffy_signup {width: 403px; border: 1px solid black; color: #D5C5A4; background-color: #ffffff; font-family: Verdana,Arial,Helvetica,sans-serif; font-size: 11px; }
#spiffy_signup .sserror {background-color: #89C2B5; color: #ffffff; text-align: center; font-size: 13px; font-weight: bold; padding: 5px 0;}
#spiffy_signup .ssloader {background: url('../bpimages/loader.gif') no-repeat; width: 16px; height: 16px; margin-left: 70px;}
#spiffy_signup input {background-color: #ffffff;}
#spiffy_signup input.inputerror {border: 3px solid #89C2B5;}
#spiffy_signup #messagewrap {min-height: 50px; _height: 50px;}
#spiffy_signup .sssuccess {color: #000; padding: 200px 80px; font-size: 14px; font-weight: bold; text-align: center;}
#spiffy_signup .sssuccess a#successclose {text-decoration: none; color: #89C2B5;}
#spiffy_signup #closex {text-decoration: none; color: #D5C5A4; position: absolute; top: 20px; right: 20px; padding: 3px; border: 1px solid #555555; background-color: #89C2B5; color: #fff; vertical-align: middle;}
#spiffy_signup #closex img {border: none;}
#signupwrap {margin: 4px; border: 2px solid #89C2B5; background-color: #ffffff; padding: 60px 0px 40px 0px; min-height: 435px; _height: 435px;}
#spiffy_signup fieldset {border: none;  padding: 0 30px; .padding: 0px; width: 305px;}
#spiffy_signup legend {font-weight: bold;  font-size: 13px; padding: 0;/*padding-top: 13px;*/}
#spiffy_signup table {margin: 15px 0 0 25px;}
#spiffy_signup input {
	border-right: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	border-top: 1px solid #555555;
	border-left: 1px solid #555555;
	}
#spiffy_signup #signupseperator {margin-left: 20px;}
#spiffy_signup td {padding-bottom: 8px;}
#spiffy_signup th {text-align: right; vertical-align: top; font-weight: normal;  padding-right: 10px; width: 105px;}
#spiffy_signup th label {color: #000000;}
#spiffy_signup th label.labelrequired {font-weight: bold;}
/*#signup #submit * {margin: 0; padding: 0;}*/
#spiffy_signup #submit {background-color: #89C2B5;  color: #FFF; /*width: 76px; height: 24px;*/  cursor: pointer; float: right; margin-top: 20px; margin-right: 22px; .margin-right: 15px; _margin-right: 15px; vertical-align: middle;	border: 1px solid #555555; text-align: center; padding: 3px 5px;}
#spiffy_signup #submit span {/*display: block; background-color: #96DE0C; width: 75px; height: 19px; margin-top: 1px; padding-top: 2px; padding-bottom: 3px;text-transform: uppercase; font-weight: bold; font-size: 12px; line-height: 12px;*/ text-align: center; text-transform: uppercase; font-weight: bold; font-size: 12px;}
/* --- end signup form --- */

/* SUFS */
  #signupwrap { border: 2px solid #a4b11b; }
  #spiffy_signup #submit, #spiffy_signup #closex, #spiffy_signup .sserror { background-color: #a4b11b; color: #fff; }
  #spiffy_signup input.inputerror { border: 3px solid #990000; }
  #spiffy_signup { text-align: center; }
  
  
li#petcanstay{ margin-left: 80px; padding: 60px 0; }
li#petcanstay img{border: 0;}
li#petcanstay a:hover{ background: none;}

table.tbl{ font: 10px Verdana, Geneva, sans-serif; padding: 0; margin:0; border-collapse: collapse; border: 1px solid #666; width: 100%;}
table.tbl th{ background:#FFF; border-bottom: 1px solid #999;}
table.tbl td{ border-bottom: 1px solid #999; text-align: center;}

div#Footer p#footer-nav{padding-top: 20px; }
p#footer-nav a{ text-decoration: none; color: #999; }


form#custom-form fieldset{ width:400px; padding: 10px 0;}
form#custom-form li{ list-style: none; line-height: 2.5em;}
form#custom-form li label{ width: 100px; display: inline-block;}
form#custom-form li label#wide{ width: 400px;}
form#custom-form li input{ margin-left: 20px; width: 200px; }
form#custom-form li textarea{ margin-left: 0px; width: 324px; }
form#custom-form li p{ display: none;}
form#custom-form button{ margin-left: 40px;}

#Content {border-top: #fff solid 10px;}

div#Content #weather table {
border:1px solid #8E7266;
border-collapse:collapse;
}
div#Content #weather table tr {
}
div#Content #weather table tr th {
background-color:#877D73;
color:#FFFFFF;
padding:3px 0;
text-align:center;
}
div#Content #weather table tr th a, #weather table tr th a:link, #weather table tr th a:visited {
color:#FFFFFF;
}
div#Content #weather table tr th a:hover, #weather table tr th a:active {
color:#DDDDDD;
}
div#Content #weather table tr td {
background-color:#DDDDDD;
border-right:1px solid #8E7266;
color:#8E7266;
margin:0 0 2px;
text-align:center;
width:110px;
}
div#Content #weather table tr td img {
margin:0 auto;
}
div#Content #weather table tr td p {
margin:2px;
padding:0;
text-align:center;
}

div.errors{color: red;}

div#Content{ }
#directions div#Content, #contactus div#Content, #employment div#Content { border:none; }


body.BodyBE div#Content{ border-top: 0;}

body#rfp div#Content form fieldset, body#golfrfp div#Content form fieldset, body#cruiserfp div#Content form fieldset{ width: 500px;}
body#rfp div#Content form label, body#golfrfp div#Content form label, body#cruiserfp div#Content form label { width: 180px; }
body#rfp div#Content form label.wide, body#golfrfp div#Content form label.wide, body#cruiserfp div#Content form label.wide{width: 100%;}
body#rfp div#Content form h6, body#golfrfp div#Content form h6, body#cruiserfp div#Content form h6{ width: 144px; float: left; margin-top:0px; padding:6px 0 0 60px; line-height: normal; font-size:10px; }
body#rfp div#Content form li, body#golfrfp div#Content form li, body#cruiserfp div#Content form li{ clear: left;}

body#rfp div#Content form input.tiny, body#golfrfp div#Content form input.tiny, body#cruiserfp div#Content form input.tiny { width: 50px; margin-right:90px; margin-left: 0; float:left;}
body#rfp div#Content form textarea, body#golfrfp div#Content form textarea, body#cruiserfp div#Content form textarea {width:400px;}
body#rfp div#Content form input.chb, body#golfrfp div#Content form input.chb, body#cruiserfp div#Content form input.chb {width:17px; margin-left:0px;}

div.float-right{ float: right;}
div.float-left{ float:left; width: 130px; padding-top:14px;}
div.float-left a{ display: block; font: 10px Verdana, Geneva, sans-serif;}

img#room-img-top, img#room-img-bottom{ width: 525px; height: 374px;}
body.BodyInternal div#Content.empty{ display: none;}

div.room-thumbs{ text-align: center; margin: 0 auto; }
div.room-thumbs img{ width: 228px; height: 153px; border: 0; padding: 0 10px;}
div#Content div.room-thumbs p{ text-align: center;  clear: both; width: 100%; display: block; }


body{ text-align: center;}
div#MasterWrapper{ text-align: left;}
body.BodyBE div#MasterWrapper{ width: 1050px;}
div#bookingengine #steps form { width: 110px; text-align: center;}
div#bookingengine #multistay fieldset div.roomodd ,div#bookingengine #multistay fieldset div.roomeven{ width: 489px;}
div#bookingengine #multistay fieldset div div.roomheader div.roomheaderleft div.roomheaderimages span.longDespShow h3 { white-space: nowrap;}
div#bookingengine #buttons{ text-align: right; height: 22px; width: 320px; float: right;}
div#bookingengine #buttons ul{ height: 22px; display: block;}
div#bookingengine #buttons ul li{ height: 22px; display: block; float: right; display: inline;  width: 135px;}
div#bookingengine div#languages{ width: 108px;}

#recaptcha_div {margin-top: 10px;}

/* Home Banner */
div#FlashHacker { position: absolute; margin-left: 229px; margin-top: 12px; height: 331px; width: 308px; background: url(./bpimages/banner.png) top right no-repeat; }

/* HOMEPAGE PROMO */
#overlay{minWidth:100%; minHeight:100%; width:100%; height:100%; background-color:#000000; z-index:90; position:absolute; top:0px; left:0px; }
#promo-wrapper{ z-index: 100; position: absolute; text-align: center; top:60px; left: 0px; width:100%; line-height: 0; }
#promo-pop{ width: 400px;position:relative;margin: 0 auto; }
#closeButtonContainer {display:block;position:absolute;top:-22px;left:-18px;overflow:hidden;width:150px;height:30px;}
a#close { background:url(./bpimages/close_button.gif) no-repeat; position:relative; display:block; outline-style:none; width:150px; height:30px; color:#fff; font-size:13px; font-weight:bold; text-align:right; text-decoration:none;}
a#close span{position:relative; display:block; top:10px;}
a#close:hover { background-position: 0px -30px;}
a.pc { display:block; float:left; }
#promo-pop .content { width:400px; height:auto; color:#666666; background:#e2dedb; border:4px solid #727b10; line-height:30px; font-size:20px; font-weight:bold; text-align:left; padding:20px; }