/* GENERAL **************************************************************************************************************** */
     *{ padding: 0; margin: 0; }
     p{zoom: 0;}
     h1{ line-height: 1.5em;  color: #106257; font-family: georgia, times new roman, serif; margin: 20px 0; margin-left: 22px;}
          #content h1{ margin-left: 0;  font-size: 20px;}
     h1 img{ margin-bottom: 21px;  }
     h2{  }
     .topTitle{ display: none; }
     a img{border: none; }
     ul{ list-style-type: none; list-style-position: inside; }
     .smallNote{ font-size: 10px; font-style: italic; }
     
     .noBorder { border: none !important; }
     
     #content a{  color: #793e25;  }
         #content a:hover{ background-color: #793e25; color: white; }
     
     hr{ 
     border-color:#106156 #106156;
     border-style:solid solid none;
     border-width:1px 1px medium;
     height:1px;
     margin:30px 0;
     border:1px inset;
     color: #106156;
     display:block; }
     
     .imgFloatLeft{ float: left; margin-right: 12px;}
     .imgFloatRight{ float: right; margin-left: 12px; }
     #content a.noHover:hover{ background-color: transparent; border-bottom: none; }
     #content .textWidget .noBorder img{ border: none; }

     table { margin-bottom: 12px; font: 11px/1.2em Verdana, Arial, Helvetica, sans-serif; border-collapse: collapse; width: 320px;}
     th { padding: 0 0.5em; text-align: left; }
     tr.yellow td { border-top: 1px solid #FB7A31; border-bottom: 1px solid #FB7A31; background: #FFC; }
     td { border-bottom: 1px solid #CCC; padding: 0 0.5em; }
     td:first-child { width: 190px; }
     td+td { border-left: 1px solid #CCC; text-align: center; }
     .roomRow { overflow: auto; }
     
     .clearer{ clear: both; line-height: 0em; height: 1px; }
     .marginBottom{ margin-bottom: 12px; }
     
     #div1, #div2, #div3, #div4, #div5, #div6, #div7, #div8 { display:none; height:200px; }
     #div1{display: block;}
     
     body {line-height: 1.5em;  background: url(bgGreyPattern.gif); color: #074b48; font-family: ariel, sans-serif; font-size: 12px; }
     #shell {  } 
     
          #topShell{ background: url(bgGreenGrad.gif) repeat-x #eebe6a; }
          
               #topSubShell{ background: url(bgBird.jpg) center top no-repeat; } 
                    
                    #topSubSubShell{ background: url(bgBird.jpg) -235px 0 no-repeat; width: 1044px; margin: 0 auto; }  
     
/* titleBar **************************************************************************************************************** */

     
     #titlebar { overflow: auto; }
                    
          #logo {  width: 323px; float: left;  }
               #logo a { display:block; outline: none; }
          
          
          
          div#usabilityNavDropDown {  }
          #helpmenuShell { padding-right: 52px; width:550px; float: right; text-align: right; }
               #codeWidget11005{ text-align: right; }
                    #weather{ margin-top: 27px; width:192px; height:53px; background: url(weather2.png) no-repeat; float: right; text-align: center; }
                    #weather a {font-size:10px; color:#d0e5e7; font-weight:bold; text-decoration:none; }
                    #weather a:hover {text-decoration:underline;}
                    .weatherLink{ margin: 3px 0 0 4px; display: block; width: 70px; height: 25px; padding: 13px 0 0 9px; text-align: left; text-decoration: none; font-size: 20px; color: #215B5C; }
                    
               #phone{ clear: both; padding-top: 14px; font-weight: bold; margin-right:13px; }
               #helpmenuShell ul { margin-top: 7px; }
               #helpmenuShell ul li {  display: inline;  }
               #helpmenuShell ul li a { padding: 0 8px 0 6px; border-right: 1px solid #fff; font-size: 11px; text-decoration: none; text-transform: uppercase; color: white; font-family: georgia, Baskerville, Times New Roman, Times, serif; }
                    #helpmenuShell ul li a:hover {  text-decoration: underline; }  
                    #helpmenuShell ul li.lastItem a{ border-right: none; }      
               #helpmenuShell div#usabilityNavText {  }
               #helpmenuShell div#usabilityNavDropDown {  }
               #helpmenuShell div#usabilityNavDropDown div.noHover { display: inline; }
               #utilityNav  #accessible {  }
     
          #nav {float: left; margin: 10px 0 0 32px; width: 220px; position: relative; z-index: 200;  } 
          #nav ul { margin: 24px 0 12px 0; padding: 0 12px; line-height: 12px; }
               #nav ul ul{ padding: 0; }   
          #nav ul li { }     
          #nav ul li a { display: block; padding: 6px 15px 0 15px; }   
          #nav ul li a:hover, #nav ul li a.current, #nav ul li.hover a { background: url(bgNavHover.png);    }
               #nav ul li.hover ul a {  background-image: none;  }
                    #nav ul li.hover ul a:hover { background-image:  url(bgNavHover.png);  }
          #nav ul li a.current {  }
          #nav ul li.noStyleRight {  }
          #nav ul li.noStyleLeft {  }
          #nav ul li.lastItem {  }
          
               #nav ul li ul{display: none; background: #B2D0C3; margin-top: 0; margin-bottom: 0; }
               #nav ul li.current ul{  margin: 0; padding: 0; }
               #nav ul li.current ul li{ padding-top: 0; }
                    #nav li ul li a{ padding: 12px 20px; text-decoration: none; color: #793e25; }
                         #nav ul li.current ul ul{ display: none !important; }
          
          
          /* vertical nav with flyouts */

          #nav ul li { list-style: none; width: 100%; position: relative; display: block; }
          #nav ul li a { text-decoration: none; padding: 5px 0px 5px 10px; position:relative; display: block;}
          #nav ul ul li a:hover {  }
          #nav ul li.hover a {  }
          #nav ul li a.current {  }
          #nav ul li.lastItem {  }
          
               #nav ul ul { display: none; position: absolute; top: 0px; left: 196px; /*this should be changed to your mainNav ul width*/ width: 150px; height: auto;}
               #nav ul li.hover ul{display: block; }
               #nav ul li.hover ul li { float: none; }
               #nav ul li.hover ul li a {  }
               #nav ul li.hover ul li.hover a {  }
               #nav ul li.hover ul li a.current {  }
               
                    #nav ul ul ul { display: none; top: 0px; left: 150px; /*this should be changed to secondarys width */ }
                    #nav ul li.hover ul li.hover ul li {  }
                    #nav ul li.hover ul li.hover ul li a {  }    
                    #nav ul li.hover ul li.hover ul li.hover a {  }
                    #nav ul li.hover ul li.hover ul li a.current {  }
          
          
          
          
          
          
          
               #side2{ width: 200px; padding-left: 12px; padding-bottom: 231px; background: url(bgNav.png) no-repeat center bottom; }
                    #side2 #widgetCTA11063 span.widgetCTAimg{ display: block; width: 172px; height: 72px; background-repeat: no-repeat; }
                    #side2 #widgetCTA11048 span.widgetCTAimg{ display: block; width: 172px; height: 89px; background-repeat: no-repeat; }
                    #side2 .widgetCTA h1{ display: none; }
                    #side2 .codeWidget a{ font-size: 10px; text-decoration: none; color: #535B5E; vertical-align: top; line-height: 10px; }
                    #socialIcons{ width: 100px; line-height: 12px;}
                         #socialIcons div{ margin-bottom: 10px; }
                    a{  cursor: pointer; }
                    
/* headerShell**************************************************************************************************************** */
     
     #headerShell { margin: 8px 0 0 270px;  }        
          
           #header { height: 316px; overflow: hidden; margin-right: 34px; }  
               
               #codeWidget11148{ 
                    height: 63px;
                    overflow: hidden; 
                    float: right; 
                    background: transparent url(headerOverlayFront.png) repeat-y scroll 0 0;
                    left: -33px; 
                    position: relative; 
                    top: -18px;  /* this value moves overlay image vertically */
                    width: 743px;
                    padding-top: 256px;  }
                    
               #searchbox3{ margin-left: 2px; height: 41px; overflow: hidden; text-transform: uppercase; color: white; font-size: 10px; font-family:ariel, sans-serif; background:url(bgIBE.png);padding: 11px 11px 11px 76px; }
                         #searchbox3 a{ color: white; }
                         #searchLinks{ left: 400px; position: relative; top:-46px; width: 260px; }
                         #searchLinks a:hover{ text-decoration: none; }
                         select {margin:1px 0 7px 0;}
                         .resSubmit {background: transparent url(bgSubmit.gif) no-repeat scroll 0 0;
                              border: medium none;
                              display: block;
                              height: 18px;
                              overflow: hidden;
                              text-indent: 9999px;
                              width: 159px;
                              margin-top: 3px;}
                              
                         .resMonth {width:60px;}
                         .resDay {width:40px;}
                         .resYear {width:45px;}
                         .resNights, .resRooms, .resAdults, .resKids {width:50px;}
                         #searchbox3 .resRoomSpacer {margin:0 0 0 13px;}
                         #searchbox3 .resAdultsSpacer, #searchbox3 .resKidsSpacer {margin:0 0 0 10px;}
                         #searchbox3 #anchor {position:absolute;}
                         #anchor img {border:none;}
                         #searchArrival {float:left; width:175px; display:block;}        
                  
                     
              #side {  }         
 
                        #headerLinks{ text-align: center; padding-top: 17px; margin-top: -300px;  }
                             #headerLinks li{ display: inline; }
                             #headerLinks .lastItem a{ border-right: none; }
                                  #headerLinks li a{ border-right:1px solid #828887; padding:0 38px; font-size: 17px; text-decoration: none; color: #828887; text-transform: capitalize; }
                                  #headerLinks li a:hover{ text-decoration: underline; } 
                        #ctaShell {  }
                        #ctaShell ul {  }
                        #ctaShell a {  }
                        #ctaShell a:hover {  }
                         
                        #imgThumbnails112 a {border:none; outline:none;}
                        #imgThumbnails112 a.selected {border:3px solid #AD2342; padding: 0 5px}
                         
                     #banner {
                                   background:url(banner.png) no-repeat;
                                   height: 194px; margin-left: 486px;
                                   position: absolute;
                                   top: 150px;
                                   width: 259px;
                                   z-index: 99;
                                   }
     
               #banner a { display:block; height:194px; width:259px; z-index:99; }
                    .forPrint { margin-left:-2000px; position:absolute; }

/* BODY **************************************************************************************************************** */

     #contentShell { line-height: 1.8em; margin: 48px 0 0 269px; width: 743px; background-color: #FBFDFC; }
     
     #content .textWidget{ clear: none; zoom: 0; padding-left: 22px;  }
          
          #content {  padding: 0 11px 22px 11px; position: relative; z-index: 1;  } 
               .homepage #content{ width: 450px; }
               .homepage #content .textWidget{ margin-top: -3px; }
               
          #content h1 { margin-top: 0; }
          #content .contentLeft ul{ margin: 12px 0; }
          #content ul{ margin-left: 0; }
          #content ul ul{ margin-left: 12px; }
          #content h2, #content #bottomCol h2  { font-size: 1.3em; margin: 7px 0; }
          #content li{ list-style-type:disc;}
          #content p{ margin: 1em 0; }
          #bottomCol{ padding-left: 22px; clear: both; padding-top: 12px;}
               
               #breadcrumbs{ height: 22px; background-color: #FAFCFB; }
               #breadcrumbs ul  { text-align: right; margin: 0 17px 20px 0; padding: 0;  }
               #breadcrumbs ul li { display: inline; margin: 0 5px 0 0;}
               
               #subNav { float: right; width: 222px; margin-top: 20px; display: inline; padding-left: 20px;  }
                    #subNav ul{   }
               #subNav ul {}
               #subNav ul li {border-bottom: 1px solid #B6C9C9; list-style-type: none;}
               #subNav ul li a { display: block; padding-left: 5px; text-decoration: none; }
               #subNav ul li a:hover, #subNav ul li a.current {  background-color: #DAE4E4;  color: #106257;}
               #mainNavLinks ul ul{ display: none !important; }
             
              
              
               #content .floatLinks{padding-left:10px; float: right; border-left: 1px solid #B9D1C0; margin: 22px 0 0 12px; width: 211px; clear: right; }
               #content .floatLinks ul li{ list-style-type: none; width: 200px; }
               #content #photoLinks{ overflow: auto; margin: 0 0 12px 22px; }
                    #content #photoLinks li{ width: 200px; list-style-type: none;}
               #content #photoLinks h2{ margin: 0 0 12px 0; }
               #content #photoLinks ul{ float: left; margin-left: 0;}
               .widgetPhotoGallery{ border-top: 1px solid #D3B471; }
               
                    .contentRightCol, .contentRightCol a{ color: #90908f; } 
                    
                    /* hide subNav on gallery pages */
                    #pageid3040 #subNav, 
                    #pageid3259 #subNav, 
                    #pageid3260 #subNav, 
                    #pageid30261 #subNav, 
                    #pageid3262 #subNav, 
                    #pageid3263 #subNav, 
                    #pageid3264 #subNav, 
                    #pageid3265 #subNav, 
                    #pageid3266 #subNav{ display: none; }
                    
                    
                    /* imgGrid **************************************************************/
                    #roomsGrid{ width: 699px; }
                    .accom-img { float:left;  margin-right: 20px; }
                    .accom-img a {
                         display:block;
                         margin-bottom:10px;
                         margin-right: 1px;
                         text-decoration:none;
                    }
                    .accom-img img { margin-bottom:2px; }
                    
                   /* Photo Gallery ********************************************************/
                    
                    #content .textWidget img, #codeWidget13648 img{ border:1px solid #327973;  margin:5px; padding:1px; }
                    #pageid3059 .textWidget img { border: 0; }
                     #codeWidget13648 a.lightwindow:hover{ background-color: transparent; }
                    
                    
                    .widgetPhotoGallery{ padding-top: 12px; background-color:white; }
                   
                    #codeWidget11921{ position: relative; }
                    .homepage .contentRightCol{ width:258px; margin: 0 0 0 470px; position: absolute; top: 400px; left: 0; }
                    .contentRightCol{ width:258px; margin: 0 0 0 470px; position: absolute; top: 585px; }
                    #pageid3040 .contentRightCol, #pageid3259 .contentRightCol,
                    #pageid3260 .contentRightCol, #pageid3261 .contentRightCol,
                    #pageid3262 .contentRightCol, #pageid3263 .contentRightCol,
                    #pageid3264 .contentRightCol, #pageid3265 .contentRightCol,
                    #pageid3266 .contentRightCol{ display: none; } /* photo gallery pages */
               
                   
                   
                   /*  CAROUSEL *************************************************************/ 

                    #mygallery {display: none; height: 335px; width: 258px; margin: 2px 0 0 0; z-index:98;   }   
                       .homepage #mygallery{ display: block; }     
                    .stepcarousel { margin-left: 26px; z-index:90; width: 218px !important; height: 345px;  background: url(bgMyGallery.jpg) no-repeat;  }
                       
                    #mygallery img { }
                    #mygallery h3, #mygallery p { margin:0; padding:0; line-height:normal; color:#212e4c; font-weight:normal;}
                    #mygallery h2{ font-family: georgia, sans-serif; font-weight: normal;  }
                    #mygallery p{ font-size: 11px; line-height: 1.5em; color: #90908f; padding: 0 5px; margin-bottom: 10px; }
                    
                    #mygallery ul {  list-style-image: none; margin:0; width: 900px;}
                    #mygallery ul li { list-style: none; display: inline; padding:0px; background:none; margin-right:18px;}
                    
                         #signupCTA { background-image: url(cta_signup.gif); width: 147px; height: 86px; padding-top: 100px; }
                         #formEmailAddy { background-image: url(lasField.jpg); background-repeat: no-repeat;  width: 110px; height: 22px; border: none;  margin-left: 17px; font-size: 10px; text-align: center; padding: 6px 3px 0 3px; } 
                         #submitMePlease {  width: 130px; height: 32px; border: none; margin: 5px 0 0 9px;}
                         #pGalCTA { width: 217px; height: 76px; background-image: url(photoGalCTA.jpg); padding-top: 0; padding-left: 0;}
                         #pGalCTAflash {  } 
                    
                    .stepcarousel .panel { width: 218px; height: 356px; }
                    
                        
                    .panel a {}
                    .panel a img {border:none;}
                    .panel a.moreInfo{ color: #90908f; border-bottom: none; background: url(bgMoreInfo.png) no-repeat right center; display: block; padding: 9px 20px 6px 0; }
                    
                    #mygallery_btns {margin-top: -300px;}
                      .prev, .next { border-bottom: none;  width: 24px; height:73px; cursor:pointer; display:block; overflow: hidden; text-indent: 999px;}
                    .prev { float: left; background:url(btn_prev.gif) no-repeat right center;   }
                    .next { float: right; background:url(btn_next.gif)no-repeat right center; }
                    #content a.prev:hover { background: url(btn_prev_hover.gif) no-repeat right center transparent;}
                    #content a.next:hover { background: url(btn_next_hover.gif) no-repeat right center transparent; }
                    
                    #cta1 a.ctaImgLink{border-bottom: none; display: block; width: 256px; height:165px; background: url(cta1.jpg) no-repeat;}
                    #cta2 a.ctaImgLink{border-bottom: none; display: block; width: 254px; height:165px; background: url(cta2.jpg) no-repeat;}
                    #cta3 a.ctaImgLink{border-bottom: none; display: block; width: 254px; height:165px; background: url(cta3.jpg) no-repeat;}
                    #cta4 a.ctaImgLink{border-bottom: none; display: block; width: 254px; height:165px; background: url(cta4.jpg) no-repeat;}
                    #cta1 a.ctaImgLink:hover{ background-position: 0 0;}
                    #cta2 a.ctaImgLink:hover{ background-position:  0 0;}
                    #cta3 a.ctaImgLink:hover{ background-position:  0 0;}
                    #cta4 a.ctaImgLink:hover{ background-position:  0 0;}
               
               #content .divToggles li{ display: inline; padding: 0 8px;   }
               #content .divToggles li a{ color:black; border-bottom: none; text-decoration: none; }
               #content .divToggles li a:hover,  #content .divToggles li a.classon{ outline: none; border-bottom: 4px solid #88b6a0; background-color: transparent; }
                    
               #boatTable{ width: 420px; }
               .formWidget{ margin-left: 22px; }
               
               #logoRR{ margin: -30px 0 0 40px; display: block; display: none; }
                    .homepage #logoRR{ display: block; }
                    
                    .textWidget,.textWidget * { } 
                    
             .valet{ background: url(rule.gif) no-repeat 10px 10px #C7DDDB; margin: 12px 0 0 16px; position: relative; padding: 20px 20px 0 20px; width: 203px; float: right; clear: right;}
          

/* FOOTER **************************************************************************************************************** */



     #footerShell {clear: both; background: url(bgFooter.png) repeat-x; height: 400px; }
          #footer{ height: 155px;  padding: 108px 0 15px 249px; text-align: center; color: white; background: url(bgFooterLines.png) no-repeat right top; width: 795px;  margin: 0 auto 20px auto;  }
               #footer ul li{ display: inline;  }
               #footerNav {}
               #footerNav ul { margin-bottom: 20px; }
               #footerNav ul li { padding:0 8px 0 6px;  font-weight: bold; font-size: 11px; }
               #footerNav ul li a { color: white; text-decoration: none;}
               #footerNav ul li.noStyleRight { margin-right:0; }
               #footerNav ul li a:hover { text-decoration: underline; }
               
               #address {  }
               #address ul {  }
               #address ul li { border-right:1px solid white; padding:0 8px 0 6px;  }
               #address li.lastItem { border-right: none; }
               #address a{ }
               #address strong { }
               
               #vizsig { text-align: center;}
                    #vizsig a{  color: white; }
               
               
  /* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox specific link and font settings <<<------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_window {
  font: 12px Arial, Helvetica, sans-serif;
  color: #333333;
}
#TB_secondLine {
  font: 10px Arial, Helvetica, sans-serif;
  color:#666666;
}
#TB_window a:link {color: #666666;}
#TB_window a:visited {color: #666666;}
#TB_window a:hover {color: #000;}
#TB_window a:active {color: #666666;}
#TB_window a:focus{color: #666666;}
/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox settings <<<-----------------------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_overlay {
  position: fixed;
  z-index:100;
  top: 0px;
  left: 0px;
  height:100%;
  width:100%;
}
.TB_overlayMacFFBGHack {background: url(macFFBgHack.png) repeat;}
.TB_overlayBG {
  background-color:#000;
  filter:alpha(opacity=75);
  -moz-opacity: 0.75;
  opacity: 0.75;
}
* html #TB_overlay { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}
#TB_window {
  position: fixed;
  background: #ffffff;
  z-index: 102;
  color:#000000;
  display:none;
  border: 4px solid #525252;
  text-align:left;
  top:50%;
  left:50%;
}
* html #TB_window { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}
#TB_window img#TB_Image {
  display:block;
  margin: 15px 0 0 15px;
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  border-top: 1px solid #666;
  border-left: 1px solid #666;
}
#TB_caption{
  height:25px;
  padding:7px 30px 10px 25px;
  float:left;
}
#TB_closeWindow{
  height:25px;
  padding:11px 25px 10px 0;
  float:right;
}
#TB_closeAjaxWindow{
  padding:7px 10px 5px 0;
  margin-bottom:1px;
  text-align:right;
  float:right;
}
#TB_ajaxWindowTitle{
  float:left;
  padding:7px 0 5px 10px;
  margin-bottom:1px;
}
#TB_title{
  background-color:#e8e8e8;
  height:27px;
}
#TB_ajaxContent{
  clear:both;
  padding:2px 15px 15px 15px;
  overflow:auto;
  text-align:left;
  line-height:1.4em;
}
#TB_ajaxContent.TB_modal{
  padding:15px;
}
#TB_ajaxContent p{
  padding:5px 0px 5px 0px;
}
#TB_load{
  position: fixed;
  display:none;
  height:13px;
  width:208px;
  z-index:103;
  top: 50%;
  left: 50%;
  margin: -6px 0 0 -104px; /* -height/2 0 0 -width/2 */
}
* html #TB_load { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}
#TB_HideSelect{
  z-index:99;
  position:fixed;
  top: 0;
  left: 0;
  background-color:#fff;
  border:none;
  filter:alpha(opacity=0);
  -moz-opacity: 0;
  opacity: 0;
  height:100%;
  width:100%;
}
* html #TB_HideSelect { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}
#TB_iframeContent{
  clear:both;
  border:none;
  margin-bottom:-1px;
  margin-top:1px;
  _margin-bottom:1px;
}             
               
 #OT_searchWrapperAll a:hover { background-color: transparent; }              
               
               /* bottom */
               
               
               
               
                /*weather widget iframe */

#outerdiv{
     width:174px;
     height:45px;
     top:10px;
     left:5px;
     overflow:hidden;
     position:relative;}

#inneriframe{
     position:absolute;
     top:-48px;
     left:-38px;
     width:90px;
     height:150px;}
     
.wXlinks {     
     margin-top:4px;}