html, body {
    height:              100%;
    width:               100%;
}
body {
    margin:              0px;
    padding:             0px;
    color:               #000000;
    background-color:    #98AE75;
    font-size:           12px;
    font-family:         Verdana, Arial, Helvetica, sans-serif;
    background-image:    url(images/back.gif);
}

/*** header table styles: begin ***/
#headerContainer {
    width:               100%;
    border:              none;
    border-bottom:       1px solid #FFFFFF;
    clear:               both;
}
#topHeader {
    background-color:    #FFFFFF;
}
#topHeader .topHeaderBg {
    background-image:    url(images/headerback.jpg);
    background-repeat:   repeat-y;
}
#topHeader .topInfo .text1 {
    font-size:           11px;
    color:               #98AE75;
}
#topHeader .topInfo {
    width:               100%;
    border:              none;
}
#topHeader .topInfo h1 {
    font-size:           11px;
}
#topHeader .topInfo .topText {
    font-size:           11px;
  color:               #6F844E;
}
#topHeader .topInfo .phones {
  color:               #999999;
  font-weight:         bold;
}
#topHeader .topText a.contactEmail {
    font-size:           8px;
}
/*** header table styles: end ***/

/*** top info text table styles: begin ***/
#infoTextContainer {
    width:               100%;
    background-color:    #A7BFDA;
    border:              none;
    border-bottom:       1px solid #FFFFFF;
    clear:               both;
}
#infoTextContainer .text {
    display:             block;
    width:               817px;
  font-size:           11px;
  font-weight:         normal;
  padding:             5px;
}
/*** top info text table styles: end ***/

/*** menu styles: begin ***/
#mmenuContainer {
    width:               100%;
    background-color:    #A7BFDA;
    border:              none;
    border-bottom:       1px solid #FFFFFF;
    clear:               both;
}
#mmenuContainer .menuRow {
    padding:             0px 0px 0px 15px;
}
.mainMenu .item, .mainMenu .activeItem, .subMenuContainer .item, .subMenuContainer .activeItem {
    text-decoration:     none;
    font-family:         Tahoma, Verdana, Arial, Helvetica, sans-serif;
    display:             block;
}
.mainMenu .item {
    font-size:           11px;
    display:             block;
    float:               left;
    color:               #0963A6;
    margin:              0px 15px 0px 0px;
    padding:             7px 0px 7px 0px;
    font-weight:         bold;
}
.mainMenu .activeItem, .mainMenu .item:hover{
    font-size:           11px;
    display:             block;
    float:               left;
    color:               #0963A6;
    margin:              0px 15px 0px 0px;
    padding:             7px 0px 7px 0px;
    font-weight:         bold;
}
.subMenuContainer table {
    border-collapse:     collapse;
    width:               150px;
}
.subMenuContainer td {
    border:              none;
    vertical-align:      middle;
    padding:             0px;
}
.subMenuContainer {
    position:            absolute;
    left:                -1000px;
    z-index:             10;
    top:                 0px;
}
.subMenuContainer .item, .subMenuContainer .activeItem {
    display:             block;
    width:               200px;
    font-size:           12px;
    font-weight:         normal;
    color:               #FFFFFF;
    background:          #000000;
    padding:             5px;
}
.subMenuContainer .activeItem, .subMenuContainer .item:hover {
    color:               #000000;
    background:          #A7BFDA;
}
/*** menu styles: end ***/

/*** collage table styles: begin ***/
#collageContainer {
    width:               100%;
    background-color:    #98AE75;
    border:              none;
    border-bottom:       1px solid #FFFFFF;
    clear:               both;
}
#collageContainer .drawing {
    vertical-align:      top;
    background-color:    #98AE75;
}
/*** collage table styles: end ***/

/*** content styles: begin ***/
#contentContainer {
    width:               100%;
    border:              none;
    clear:               both;
}
#contentContainer .contentTable {
    border:              none;
    clear:               both;
}
#contentContainer .contentCol {
    width:               470px;
    padding:             45px 35px 20px 65px;
    vertical-align:      top;
    font-size:           11px;
    font-weight:         normal;
}
#contentContainer .adsCol {
    vertical-align:      top;
    padding:             45px 65px 20px 20px;
}
#contentContainer .fullCol {
    width:               780px;
    padding:             45px 35px 20px 65px;
    vertical-align:      top;
}
/*** content styles: end ***/

/*** footer table styles: begin ***/
#footerContainer {
    width:               100%;
    border:              none;
    padding-top:         12px;
    clear:               both;
}
#footerContainer .contact {
    font-size:           11px;
    padding:             0px 0px 0px 65px;
    color:               #FFFFFF;
}
#footerContainer .copyright {
    font-size:           10px;
    padding:             10px 0px 0px 65px;
    color:               #FFFFFF;
}
#footerContainer .nav {
    font-size:           10px;
    padding:             10px 0px 10px 65px;
    color:               #FFFFFF;
}
/*** footer table styles: end ***/

/*** common styles: begin ***/
a, a:link {
    color:               #336600;
}

h1 {
    font-size:           6;
    color: #FFFFFF;
    font-weight:         normal;
}
h3 {
    font-size:           11px;
    font-weight:         normal;
}
.hPosition {
    display:             none;
    position:            absolute;
    left:                -1000px;
    z-index:             20;
    top:                 0px;
}
.text_black {
    font-family:         Verdana, Arial, Helvetica, sans-serif;
    font-size:           11px;
}
/*** common styles: end ***/

/*** rates ***/
.rates_table {
  width: 100%;
  border-top: 1px solid #000000;
  border-left: 1px solid #000000;
}

.rates_table a:active { color:#FFFFFF; text-decoration:none;}
.rates_table a:link { color:#FFFFFF; text-decoration:none;}
.rates_table a:visited { color:#FFFFFF; text-decoration:none;}
.rates_table a:hover { color:#FFFFFF; text-decoration:underline;}

.rates_table th {
  font-family: Arial, Helvetica, sans-serif;
  padding: 2px;
  font-size: 10px;
  font-weight: bold;
  text-align: center;
  border-bottom: 1px solid #000000;
  border-right: 1px solid #000000;
  background-color:#5D6B48;
  color:#FFFFFF;
}
.rates_table tr:hover {
  background-color:#C8E59A;
}
.rates_table td {
    font-family: Arial, Helvetica, sans-serif;
  padding: 2px;
  font-size: 10px;
  border-bottom: 1px solid #000000;
  border-right: 1px solid #000000;
}
.rates_table table td {
  border: none;
  padding: 0;
  vertical-align: middle;
}
/***  rates table end ***/

/*** site map ***/
.siteMapItemL1 {
      padding: 5px 0px 5px 12px;
}
.siteMapItemLN {
      padding: 0px 0px 3px 12px;
}

/*** verify reservation: begin ***/
div.vReservNav {
    padding: 0px 0px 10px 0px;
    text-align: left;
    font-size: 11px;
}
div.vReservNav a {
    text-decoration: none;
}
table.vReservLogin {
    width: 400px;
  border-left: 1px solid #000000;
    background-color: #E5EFD1;
}
table.vReservLogin th {
    font-family: Arial, Helvetica, sans-serif;
  padding: 5px;
  font-size: 14px;
  font-weight: bold;
  border-top: 1px solid #000000;
  border-bottom: 1px solid #000000;
  border-right: 1px solid #000000;
    background-color: #96A67E;
}
table.vReservLogin td {
    font-family: Arial, Helvetica, sans-serif;
  padding: 2px;
  font-size: 12px;
  border-bottom: 1px solid #000000;
  border-right: 1px solid #000000;
  vertical-align: middle;
  text-align: center;
}
table.vReservLogin td.label {
    padding: 5px;
    text-align: right;
    width: 120px;
    border-right: none;
    border-bottom: none;
}
table.vReservLogin .field {
    padding: 5px;
    text-align: left;
    border-bottom: none;
}
table.vReservLogin .field input {
    width: 180px;
    border: 1px solid #000000;
}
table.vReservLogin .buttons {
    padding: 5px;
    text-align: center;
    padding: 3px;
}
table.vReservLogin .buttons input {



    border: 1px solid #000000;
    font-size: 13px;
    width: 100px;
}
table.vReservLogin td.ftext {
    font-family: Arial, Helvetica, sans-serif;
    padding: 10px 15px 5px 15px;
    font-size: 12px;
    vertical-align: middle;
    text-align: left;
}

div.errorMsg {
    padding: 5px 20px 10px 20px;
    text-align: center;
    color: #6F0000;
}

table.vReservList {
    width: 100%;
    border-top: 1px solid #000000;
  border-left: 1px solid #000000;
}
table.vReservList th {
    font-family: Arial, Helvetica, sans-serif;
  padding: 2px;
  font-size: 10px;
  font-weight: bold;
  text-align: center;
  border-bottom: 1px solid #000000;
  border-right: 1px solid #000000;
    background-color: #96A67E;
}
table.vReservList td {
    font-family: Arial, Helvetica, sans-serif;
  padding: 2px;
  font-size: 10px;
  border-bottom: 1px solid #000000;
  border-right: 1px solid #000000;
  vertical-align: middle;
  text-align: center;
}
table.vReservList tr.odd td {
    background-color: #E5EFD1;
}
table.vReservList tr.even td {
    background-color: #F4FFDF;
}
form.vReservLogout {
    padding: 20px 10px 10px 10px;
}
form.vReservLogout input {
    border: 1px solid #000000;
    font-size: 13px;
    width: 100px;
}
/*** verify reservation: end ***/

/*** verify reservation note: begin ***/
table.reservNote {
    width: 100%;
    border-top: 1px solid #000000;
  border-left: 1px solid #000000;
}
table.reservNote th {
    font-family: Arial, Helvetica, sans-serif;
  padding: 2px;
  font-size: 12px;
  font-weight: bold;
  border-bottom: 1px solid #000000;
  border-right: 1px solid #000000;
    background-color: #96A67E;
}
table.reservNote td {
    font-family: Arial, Helvetica, sans-serif;
  padding: 5px;
  font-size: 11px;
  border-bottom: 1px solid #000000;
  border-right: 1px solid #000000;
  vertical-align: middle;
  text-align: center;
  background-color: #E5EFD1;
}
table.reservNote td.note {
    font-size: 11px;
    text-align: left;
}
table.reservNote .answer {
    margin: 7px 0px 0px 30px;
    padding: 3px;
    border: 1px solid #96A67E;
    background-color: #F4FFDF;
}
table.reservNote .answer span.answTitle {
    font-weight: bold;
    font-size: 12px;
}
/*** note form styles ***/
table.reservNoteFrom {
    width: 400px;
    border-top: 1px solid #000000;
  border-left: 1px solid #000000;
}
table.reservNoteFrom th {
    font-family: Arial, Helvetica, sans-serif;
  padding: 2px;
  font-size: 12px;
  font-weight: bold;
  border-bottom: 1px solid #000000;
  border-right: 1px solid #000000;
    background-color: #96A67E;
}
table.reservNoteFrom td {
    font-family: Arial, Helvetica, sans-serif;
  padding: 5px;
  font-size: 10px;
  border-bottom: 1px solid #000000;
  border-right: 1px solid #000000;
  vertical-align: middle;
  text-align: center;
  background-color: #E5EFD1;
}
table.reservNoteFrom td textarea {
    width: 380px;
}
table.reservNoteFrom .buttons input {
    border: 1px solid #000000;
    font-size: 13px;
    width: 100px;
}
/*** verify reservation note: end ***/

/*** resort address: begin ***/
#resortAddressContainer {
    padding: 5px 10px 10px 10px;
}
#resortAddressContainer div.resortTitle {
    color: #000000;
    font-size: 18px;
    font-weight: bold;
}
#resortAddressContainer table.address {
    padding: 20px 0px 20px 0px;
    width: 550px;
}
#resortAddressContainer table.address td.photo {
    padding: 0px 10px 0px 0px;
    vertical-align: top;
}
#resortAddressContainer table.address td.photo img {
    border: 1px solid #000000;
}
#resortAddressContainer table.address td.info {
    width: 100%;
    vertical-align: top;
}
#resortAddressContainer table.address td.info div {
    padding: 0px 0px 10px 0px;
}
#resortAddressContainer table.address td.info span {
    font-weight: bold;
}
/*** resort address: end ***/

/*** FAQ style: begin ***/
div.FAQGroupsContainer a {
    display: block;
    padding: 2px 0px;
    font-size: 11px;
}
div.FAQContainer .groupTitle {
    font-size: 14px;
    font-weight: bold;
    padding: 5px 0px 5px 0px;
}
div.FAQContainer .backToGroups {
    padding: 10px 0px 10px 0px;
    font-size: 11px;
}
div.FAQContainer div.qList a {
    font-size: 11px;
    display: block;
    padding: 2px 0px;
}
div.FAQContainer div.FAQsList {
    padding: 3px;
    border: 1px solid #7D8F62;
    margin: 5px 0px 5px 0px;
}
div.FAQContainer div.FAQsList:hover {
    border: 1px solid #E5EFD1;
}
div.FAQContainer div.FAQsList .question {
    font-size: 11px;
    font-weight: bold;
    padding: 0px 0px 2px 0px;
}
div.FAQContainer div.FAQsList .answer {
    font-size: 11px;
    padding: 0px 0px 0px 0px;
}
/*** FAQ style: end ***/

/*** common questions style: begin ***/
table.CommonQuestionsForm {
        padding: 0px 0px 15px 0px;
}
table.CommonQuestionsForm td {
        padding: 0px 10px 0px 0px;
}
table.CommonQuestionsForm .field select {
        border: 1px solid #000000;
}

table.CommonQuestionsForm .button input {
        border: 1px solid #000000;
        font-size: 13px;
        width: 100px;
}
 /*** common questions style: end ***/


/*** review styles: begin ***/
.review_returnlink {color :#FFFFFF; font-weight : bold; text-decoration : underline;font-size : 13px;}
.review_returnlink:link {color :#FFFFFF; font-weight : bold;text-decoration : underline;font-size : 13px;}
.review_returnlink:visited {color :#FFFFFF; font-weight : bold;text-decoration : underline;font-size : 13px;}
.review_returnlink:active {color :#FFFFFF; font-weight : bold;text-decoration : underline;font-size : 13px;}
.review_returnlink:hover {color :#FFFFFF; font-weight : bold;text-decoration : underline;font-size : 13px;}

.review_text { font-size: 10px; color: #000000; }
.review_table_header1 { font-size: 13px; font-weight: bold; color: #FFFFFF; background-color: #000000; }
.review_header_a:link,  .review_header_a:visited, .review_header_a:active, .review_header_a:hover { color: #FFFFFF }
.review_table_header2 { font-size: 11px; font-weight: bold; color: #000000; background-color: #D1D1D1; }
.review_table_row { font-size: 10px; font-weight:normal;  color: #000000; background-color: #FFFFFF;}
.review_tablerow_view { background-color: #FF9900;}
.review_tablerow_write { background-color: #CC6600;}
.review_message{font-size: 11px; font-weight:bold; }
.review_a {
  font-weight:bold;
  text-decoration:underline;
}
.review_a:link {color:#920000;text-decoration:underline;}
.review_a:active {color:#920000;text-decoration:underline;}
.review_a:hover {color:#F00000; text-decoration:underline;}
.review_a:visited{ color:#666666; text-decoration:underline; }


/* help css */
.review_help_popuplink {
  font-weight:bold;
  font-size:9px;
  text-decoration:underline;
}
.review_help_popuplink:link {color:#920000;text-decoration:underline;font-size:9px;}
.review_help_popuplink:active {color:#920000;text-decoration:underline;font-size:9px;}
.review_help_popuplink:hover {color:#F00000;text-decoration:underline;font-size:9px;}
.review_help_popuplink:visited{color:#666666;text-decoration:underline;font-size:9px;}
.review_help_popup { POSITION: absolute; VISIBILITY: hidden; BACKGROUND-COLOR: #FFFFFF; LAYER-BACKGROUND-COLOR: #FFFFFF; width: 420px; BORDER-LEFT: 1px solid black; BORDER-TOP: 1px solid black; BORDER-BOTTOM: 3px solid black; BORDER-RIGHT: 3px solid black; PADDING: 3px; z-index: 10 }
/*** review styles: end ***/