body {
  vertical-align: top;
  margin: 0px;
  text-align: center;
  z-index: 0;
  background-color: #c9cbd6;
  /* background-color: #FCFCFA; */
  /* background-image:url('images/EarlyMorningSepia.jpg'); */
  /* background-attachment: fixed; */
  /* background-position: center bottom; */
  /* background-repeat:repeat-x; */

}

img { border:0px; }
a { text-decoration: none; }
p { text-align: left; }

table, tr, td {
  vertical-align: top;
  margin: 0px;
  padding: 0px;
}

.pagetitle {
  text-align: center;
  font-family: kristen;
  font-size: 175%;
}

.pageblurbs {
  font-style: italic;
  font-size: 130%;
  text-align: justify;
}

input {
  font-size: 15px;
  font-family:verdana;
}

select {
  font-size: 15px;
  font-family:verdana;
}

option {
  font-size: 15px;
  font-family:verdana;
}

ul {
  margin-left:0px;
  list-style-position:outside;
  padding-left:18px;
}

@font-face {
  font-family: "Kristen";
  src: url("fonts/kristen.eot"); /* IE */
  src: local("Kristen"), url( fonts/kristen.ttf ) format("truetype"); /* non-IE */
  font-weight:normal;
  font-style:normal;
}

@font-face {
  font-family: "Verdana";
  src: url("fonts/verdana.eot"); /* IE */
  src: local("Verdana"), url( fonts/verdana.ttf ) format("truetype"); /* non-IE */
}

@font-face {
  font-family: "Verdana";
  src: url("fonts/verdanai.eot"); /* IE */
  src: local("VerdanaI"), url( fonts/verdanai.ttf ) format("truetype"); /* non-IE */
  font-style: italic;
}

@font-face {
  font-family: "Verdana";
  src: url("fonts/verdanab.eot"); /* IE */
  src: local("VerdanaB"), url( fonts/verdanab.ttf ) format("truetype"); /* non-IE */
  font-weight: bold;
}

@font-face {
  font-family: "Verdana";
  src: url("fonts/verdanabi.eot"); /* IE */
  src: local("VerdanaBI"), url( fonts/verdanabi.ttf ) format("truetype"); /* non-IE */
  font-weight: bold;
  font-style: italic;
}

.menubar_selectable {
  background-color: #c9cbd6;
  color: #28903b;
  font-weight: bold;
  padding-left: 10px;
  padding-right: 10px;
  text-align:center;
  vertical-align: middle;
  white-space:nowrap;
}

.menubar_selectable_hover {
  background-color: #000000;
  color: #ffffff;
  font-weight: bold;
  padding-left: 10px;
  padding-right: 10px;
  text-align:center;
  vertical-align: middle;
  white-space:nowrap;
  cursor:pointer;
  cursor:hand;
}

.menubar_selectable_rally {
  background-color: #c9cbd6;
  color: #ff0000;
  font-size:120%;
  font-weight: bold;
  padding-left: 10px;
  padding-right: 10px;
  text-align:center;
  vertical-align: middle;
  white-space:nowrap;
}

.menubar_selectable_rally_hover {
  background-color: #000000;
  color: #ffffff;
  font-size:120%;
  font-weight: bold;
  padding-left: 10px;
  padding-right: 10px;
  text-align:center;
  vertical-align: middle;
  white-space:nowrap;
  cursor:pointer;
  cursor:hand;
}

.outertablegroup {
  border-collapse: collapse;
  width: 1000px;
  margin: 0px;
  padding-top: 0px;
  padding-bottom: 0px;
  padding-left: 0px;
  padding-right: 0px;
  text-align: left;
  margin-left: auto;
  margin-right: auto;
}

.outerdiv {
  width: 1000px;
  padding-left: 10px;
  padding-right: 10px;
  margin-left: auto;
  margin-right: auto;
  background-color: #dbdde4;
  text-align:center;
}

#mainbody {
  font-family: Verdana;
  font-size: 14px;
}

#titleimage {
  width: 250px;
}

#subtitle {
  vertical-align: middle;
  text-align: center;
  color: #28903b;
  font-size: 16px;
}

#contactinfotable {
  width: 100%;
  text-align: right;
  color: #28903b;
  line-height: 90%;
  font-family: Kristen;
  font-size: 16px;
}

.areaattractionstitle
{
  font-size:150%;
  text-align:center;
  font-weight:bold;
  font-variant:small-caps;
  border-bottom:1px solid black;
  border-top:1px solid black;
}

.reservationpagefail {
  background-image: url('images/error.png');
  background-repeat: no-repeat;
  background-position: right top;
  background-color: #c9cbd6;
  padding-right:20px;
}

.reservationpageunverified {
  background-color: #c9cbd6;
}

.reservationpagesuccess {
  background-image: url('images/success.png');
  background-repeat: no-repeat;
  background-position: right top;
  background-color: #c9cbd6;
  padding-right:20px;
}

.calendarbackground
{
  background-color: #ffffff;
}

.calendartitlebar
{
  background-color: black;
  color: white;
  text-align: center;
  border: 1px solid white;
}


.calendartitlebararrows
{
  cursor:pointer;
  cursor:hand;
}

.calendardaynamebar
{
  background-color: #888888;
  color: white;
  font-weight: bold;
  border: 1px solid white;
  text-align: center;
}

.calendardatesrow
{
  background-color: #C9CBD6;
  text-align: right;
}

.calendardateboxselectable
{
  padding-right: 3px;
  padding-left: 3px;
  color: #000000;
  cursor:pointer;
  cursor:hand;
}

.calendardateboxselectablehover
{
  padding-right: 3px;
  padding-left: 3px;
  color: #000000;
  background-color: #888888;
  cursor:pointer;
  cursor:hand;
}

.calendardateboxselected
{
  padding-right: 3px;
  padding-left: 3px;
  color: #ffffff;
  font-weight: bold;
  background-color: #000000;
}

.calendardateboxnonselectable
{
  padding-right: 3px;
  padding-left: 3px;
  color: #ffffff;
}

#checkin
{
  text-align:center;
}

#checkout
{
  text-align:center;
}


.roomcountselected
{
  padding-left: 10px;
  padding-right: 10px;
  border: 1px solid black;
  background-color: black;
  color: white;
  font-weight:bold;

}

.roomcounthovered
{
  padding-left: 10px;
  padding-right: 10px;
  border: 1px solid black;
  background-color:#ffffff;
  color: black;
  font-weight:bold;
  cursor:pointer;
  cursor:hand;
}

.roomcountnotselected
{
  padding-left: 10px;
  padding-right: 10px;
  border: 1px solid black;
  background-color:#c9cbd6;
  color: black;
  font-weight:bold;
}

.picturesliderpic
{
  padding-left:1px;
  padding-right:1px;
  padding-top: 0px;
  padding-bottom: 0px;
}

.quickfactstd
{
  font-family: Verdana;
  font-size: 85%;
  text-align: left;
  padding-bottom: 5px;
  padding-left: 5px;
  color: #0000ff;
}

.quickfactstd_hover
{
  font-family: Verdana;
  font-size: 85%;
  text-align: left;
  padding-bottom: 5px;
  padding-left: 5px;
  color: #ffffff;
  background-color:#000000;
  cursor:pointer;
  cursor:hand;
}

.amenitiesli
{
  padding-bottom:7px;
}

#mapanddirections
{
  width:760px;
  border-collapse: collapse;
}


#bigmap
{
  height:400px;
  border: 3px ridge #000000;
}

#mapdirections
{
  height:400px;
}

#mapfromaddresstitle
{
  font-weight: bold;
  font-variant: small-caps;
  width:360px;
  padding-left: 5px;
  padding-right: 5px;
}

.mapaddressswitcharrow
{
  border-left: 1px dotted #000000;
  border-right: 1px dotted #000000;
  vertical-align: middle;
  font-size: 150%;
}

.mapaddressswitcharrowhover
{
  border-left: 1px dotted #000000;
  border-right: 1px dotted #000000;
  vertical-align: middle;
  font-size: 150%;
  background-color: #000000;
  color: #ffffff;
}


#maptoaddresstitle
{
  font-weight: bold;
  font-variant: small-caps;
  width:360px;
  padding-left: 5px;
  padding-right: 5px;
}

#mapfromaddress
{
  padding-left: 5px;
  padding-right: 5px;
}

#maptoaddress
{
  padding-left: 5px;
  padding-right: 5px;
}

#mapfrom_selector
{
  background-color: #c9cbd6;
}

#mapto_selector
{
  background-color: #c9cbd6;
}

#myplace_street
{
  background-color: #c9cbd6;
}

#myplace_csz
{
  background-color: #c9cbd6;
}


.monthselectorselected
{
  padding-left: 10px;
  padding-right: 10px;
  border: 1px solid black;
  background-color: black;
  color: white;
  font-weight:bold;
  text-align: center;

}

.monthselectorhovered
{
  padding-left: 10px;
  padding-right: 10px;
  border: 1px solid black;
  background-color:#ffffff;
  color: black;
  font-weight:bold;
  cursor:pointer;
  cursor:hand;
  text-align: center;
}

.monthselectornotselected
{
  padding-left: 10px;
  padding-right: 10px;
  border: 1px solid black;
  background-color:#c9cbd6;
  color: black;
  font-weight:bold;
  text-align: center;
}

textarea {
  resize: none; /* disables resizability */
}

#roomSelectorTable a
{
  text-decoration: none;
  color: #000000;
}

#roomSelectorTable table
{
  border-collapse: collapse;
  border: 0px;
}

.roomSelectorTableTitles
{
  font-weight: bold;
  font-variant: small-caps;
  text-align: right;
  padding-right: 10px;
  padding-left: 10px;
  white-space: nowrap;
}

.roomSelectorTableAltRows
{
  background-color: #c9cbd6;
}

#roomSelectorTable td
{
  padding-left: 10px;
  padding-right: 10px;
  vertical-align: top;
}

.roomSelectorRadioArea
{
  white-space: nowrap;
  text-decoration: none;
}

#roomSelectorTable div
{
  display: inline-block;
  vertical-align: top;
}

.roomSelectorTableHint
{
  font-style: italic;
}