﻿/* GENERAL **************************************************************************************************************** */
     
     body { margin: 0; padding: 0; font-family: georgia, serif; font-size: 12px; }
     #shell { width: 960px; margin: 0 auto; }    
     a { color: #487283; outline: none; }
     a:hover { text-decoration: none;  }
     h1, h2, h3 {  }
     .imgRight { float: right; margin: 0 0 5px 12px; }
     .imgLeft { float: left; margin: 0 12px 5px 0; }
     .twoCols { float: left; width: 50%; } 
     .clear { clear: both; }
     * { padding: 0; margin: 0; }
     #titlebar, #headerShell, #nav, #contentShell, #footerShell { position: relative; }
     p { margin-bottom: 15px; }
     ul { list-style-position:inside; margin-bottom: 12px; }
     img { border: 0; }
     .noBorder { border: 0; }

     
/* HEADER **************************************************************************************************************** */

     
     #titlebar { margin-bottom: 14px; z-index: 5; }
          
          div#usabilityNavDropDown {  float: right; margin: 14px 26px 0 0; background: url(bgHelpMenu.gif) no-repeat; width: 185px; height: 21px; }
          #helpmenuShell { position: relative; height: 49px; padding-top: 1px; } /* 1px top padding to uncollapse margin */
          #callUs {  margin: 13px 0 0 50px; padding: 0 0 0 30px; font-style: italic; font-size: 1.2em;  }
          #callUs span { font-style: normal; font-weight: bold; }
          #helpmenuShell ul { margin-top: 0; }
          #helpmenuShell ul li {  }
          #helpmenuShell ul li a {  }
          #helpmenuShell ul li a:hover { }  
          #helpmenuShell div#usabilityNav { width: 185px; position: absolute; }      
          #helpmenuShell div#usabilityNavText { font-size:0.9em; padding: 4px 0 3px 6px; }
          #helpmenuShell div#usabilityNavDropDown { z-index: 510; position: absolute; right: 0; top: 0; }
          #helpmenuShell div#usabilityNavDropDown div.noHover {  }
     
     #usabilityNav ul { list-style-position: outside; }
     #usabilityNav.hover ul { background-color: #f4e5c6; list-style-type: none; width: 100%; } 
          #usabilityNav ul li { font-size:0.9em; }
               #usabilityNav ul a { display: block; text-decoration: none; width: 173px; padding: 4px 6px; }
     
     #headerShell { z-index: 4; }        
          
          #logo { width: 265px; height: 253px; margin-left: 687px; }
          #logo a {  }
          
          #header { border: 6px solid white; overflow: hidden; width: 658px; height: 240px; float: left; margin: 0 0 14px 0; }     
               #header .imageWidget { line-height: 0; vertical-align: baseline; }   
     
     /* horizontal menu with flyouts */

   #nav { clear: both; height: 49px; margin-bottom: 21px; z-index: 3; }  
     #nav #mainNavLinks { width: 95%; margin: 0 auto; height: 49px; }
     #mainNavLinks a { font-family: trebuchet, arial, sans-serif; text-transform: uppercase; font-size: 1.2em; }
   
     #nav ul { height: 35px; margin: 0; padding: 0; width: 100%; }
     #nav ul li { text-align: center; list-style: none; float: left;  height: 100%;  position: relative; display: block; }
     #nav ul li a { text-decoration: none; padding: 16px 15px 17px 15px; 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 { width: 150px;  display: none; position: absolute; top: 49px; /*this should be changed to your main navigations height*/ left: 0px; width: 190px; height: auto;}
          #nav ul li.hover ul li { text-align: left; float: none;vertical-align: bottom;  }
          #nav ul li.hover ul li a { padding: 5px 5px; }
          #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: 190px; /*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 {  }
               
               
     
/* SIDE **************************************************************************************************************** */
     
     #side { width: 220px; padding: 10px 0 0 20px; float: left; z-index: 200; position: relative;  } /* position & z-index for ie6 */ 
          
          #side h2 {  font-family: trebuchet, arial, verdana, sans-serif; font-size: 1.5em; font-weight: normal; }     
          #ibeForm #extraLinksShell { line-height: 1.5em; padding: 5px 0 9px 0; }
          #side .widgetCTA {  }
               #side .widgetCTALink {  }
                    #side .widgetCTAimg { }
                    #side .widgetCTA h1 {  }
                    #side .widgetCTADescription {  }   

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

     #contentShell { z-index: 2; padding: 26px; overflow: auto; }
          
          #content { margin-left: 260px; width: 635px; line-height: 1.8em; font-size: 1.3em;  } 
          #content h1 { font-style: italic; font-size: 1.3em; line-height: 1.5em; margin-bottom: 13px; }
          #content h2 {  font-size: 1.1em;  }
          
               #breadcrumbs ul  {  margin: 0 0 20px 0; padding: 0;  }
               #breadcrumbs ul li { display: inline; margin: 0 5px 0 0;}
               
               #subNav { display: none; }
               #subNav ul {}
               #subNav ul li {}
               #subNav ul li a {}
               #subNav ul li a:hover {}
                    
/* SIDE2 **************************************************************************************************************** */
          
          #side2 { margin-top: 30px; }         
               
               #side2 .widgetCTA { width: 306px; height: 79px; line-height: 1em; float: left; margin-right: 10px; }
                    #side2 .widgetCTALink { text-decoration: none; padding: 12px 14px; display: block; }
                         #side2 .widgetCTAimg {  display: block; width: 66px; height: 52px; float: left; margin-right: 20px;  }
                         #side2 .widgetCTA h1 { margin: 0 0 2px 0; color: white; font-size: 1.2em; line-height: 1em; font-style: normal; font-weight: normal; }
                         #side2 .widgetCTADescription { height: 32px; overflow: hidden; display: block; font-size: 12px;  text-decoration: none; font-family: trebuchet, arial, sans-serif; }
               
               .widgetIBE {  }
                    #checkinShell {   }
                         #checkinShell #checkinLabel {   }
                         #checkinShell #checkinField {   }
                    #checkoutShell {   }
                         #checkoutShell #checkoutLabel {   }
                         #checkoutShell #checkoutField {   }
                    #adultsShell {  }
                    #childrenShell {  }
                    #extraInputsShell {  }
                    #submitShell {  }
                         .submitButton {  }
                    #extraLinksShell {  }
                         
               
               

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

     #footerShell { z-index: 1; padding-top: 30px; text-align: center; }
          
          #footerNav {  margin-bottom: 12px; }
          #footerNav ul { list-style-type: none; }
          #footerNav ul li { display: inline; }
          #footerNav ul li a {  text-decoration: none; font-size: 1.3em; padding: 0 10px; }
          #footerNav ul li.lastItem {  }
          #footerNav ul li a:hover {  }
          
          #address {  font-family: trebuchet, arial, sans-serif; font-size: 1.3em; margin-bottom: 12px; }
          #address ul {  }
          #address ul li {   display: inline; margin-left: 10px; }
          #footerShell #propertyName { font-family: georgia, serif; font-size: 1.8em; margin-right: 12px; padding-right: 12px;    }
          #address li.noStyleRight {  }
          #address li.lastItem {  }
          #address strong { }
          
          #vizsig { text-align: center;}