/*--- Shell ------------------------------------------------------*/
  body {margin:0;padding:0 0 20px 0;background: url(../img/bg.jpg) repeat-x fixed;font-family:"Trebuchet MS", Tahoma, Arial, Verdana, sans-serif;}		
  #shell {margin: 47px auto 0px;padding: 0px 5px;width: 715px;background: #E9E6DC;}
  a {color: #660000; outline:none;}
  a:hover {text-decoration: none;}
  .fauxColumns {width:46%; float:left; border-right:1px solid #D3CAB5; padding:5px 0 5px 3%; margin:15px 0;}
  .imgLeft {margin-right:20px; float:left;}
  .imgRight {margin:5px 0 5px 20px; float:right; padding:2px; border:1px solid #AB9A85; clear:right;}
  .clearBoth {clear:both;}
  .noMargin {margin:0;}
  .noBorder {border:none;}
  .noPadding {padding:0;}
  .noClear {clear:none;}
  .noPaddingLeft {padding-left:0;}
  .forPrint {position:absolute; left:-2500px;}
  #printHeader {display:none;}
  h1 {margin:0 0 15px -6px;padding:0;color: #310C02;letter-spacing: -1px;font: normal 25px/25px Verdana, Arial, Helvetica, sans-serif;}
  .h1span {display:block;font: italic bold 14px "Trebuchet MS", Tahoma, Arial, Verdana, sans-serif;letter-spacing: -1px;border-top: 1px solid #310C02;	color: #000;	padding:3px 0 0 8px;	margin: -1px 0px 0px;}
  h2 {font:bold 20px/23px Georgia, "Times New Roman", Times, serif; letter-spacing:-1px;}
  .h2span {display:block;font: italic 14px "Trebuchet MS", Tahoma, Arial, Verdana, sans-serif;letter-spacing: normal;border-top: 1px solid #233518;	margin-top: -2px;}
  h3 {color: #927C42;font:bold 18px "Trebuchet MS", Tahoma, Arial, Verdana, sans-serif;margin:0px;padding: 0px; clear:both;}
  .h3span {display:block;font: italic 12px "Trebuchet MS", Tahoma, Arial, Verdana, sans-serif;letter-spacing: normal;border-top: 1px solid #927C42;	margin: -4px 0 15px 0;	color: #4B2914;	padding:2px 0 0 0}
	
/*--- Head ------------------------------------------------------*/
  #h_usabilityNav {margin: 0px 0px 0px 350px;position: absolute;font-size: 11px;padding: 0px;top: 29px;}
  #h_usabilityNav ul{margin:0px; padding:0px;}
  #h_usabilityNav li{float: left;list-style:none;list-style-type:none;border-right: 1px solid #fff;padding-right: 9px;margin-right: 9px;line-height: 9px;}
  #h_usabilityNav li a{display: block;color: #fff;position: relative;}
  #h_usabilityNav li a:hover{text-decoration: none;color: #DDBF49;}
  #h_usabilityNav .noStyling, #f_nav .noStyling{border:none; padding-right:0; margin-right:0;}
  #h_logoArea {position: absolute;height: /*35*/27px;width: /*246*/310px;background: url(../img/shipharborinn-logo-b.gif) no-repeat;top: 15px;margin: 0px 0px 0px /*48*/28px;}
  #h_logoArea img {border:none;}
  #h_logoArea a {display: block;height: 35px;width: 246px;}		
  #hOvrly {position:absolute;margin:44px 0 0 -5px;top: 0px; z-index:10;  /*display:block; width:725px; height:33px;*/}
  #h_banner {border-bottom:3px solid #B3AC8F;}
  /*#h_banner embed, #h_banner object{position:absolute; z-index:1;}*/
  #h_banner img {display:block;}        
  
/*--- Left Column ------------------------------------------------------*/  
  #leftCol {width:190px;position: absolute;top:171px;}
  #tollFree {background: url(../img/toll-free.gif) no-repeat;position: absolute;z-index: 25; margin:-33px 0 0 15px; display: block;height: 21px;width: 159px;}

/*--- Left Column Nav ------------------------------------------------------*/    
  #hNavOvrly {position: absolute; margin:-57px 0 0 0; z-index:15;}
  #h_nav {width:190px;background: url(../img/nav-bg.gif) no-repeat; overflow:hidden;}
  #h_nav ul{margin:0px; padding:0px;}
  #h_nav li{list-style:none;list-style-type:none;margin: 0 0 3px 0;display:block;height: 20px;width: 190px;padding: 0px;}
  #h_nav li a{display:block;height: 20px;width: 190px;padding: 0px;margin: 0px;}
  #h_nav li a:hover{background-position: left -20px;} 
  #navHome {background: url(../img/nav-home.gif) no-repeat;}
  #navHome a{background-image: url(../img/nav-home.gif); background-repeat: no-repeat;}
  #navAccommodations {background: url(../img/nav-accommodations.gif) no-repeat;}
  #navAccommodations a{background-image: url(../img/nav-accommodations.gif); background-repeat:no-repeat;}
  #navAmenities {background: url(../img/nav-amenities.gif) no-repeat;}
  #navAmenities a{background-image: url(../img/nav-amenities.gif); background-repeat:no-repeat;}
  #navSpecials {background: url(../img/nav-specials.gif) no-repeat;}
  #navSpecials a{background-image: url(../img/nav-specials.gif); background-repeat:no-repeat;}
  #navArea {background: url(../img/nav-area.gif) no-repeat;}
  #navArea a{background-image: url(../img/nav-area.gif); background-repeat:no-repeat;}    

/*--- Nav IDs ------------------------------------------------------*/
  #home #navHome a, #rooms #navAccommodations a, #amenities #navAmenities a, #areaInfo #navArea a, #specials #navSpecials  a {background-position: left -40px;}
  #home #navHome a:hover, #rooms #navAccommodations:hover a, #areaInfo #navArea:hover a, #amenities #navAmenities a:hover, #specials #navSpecials  a:hover {background-position: left -20px;}
  
  
/*--- Drop Downs ------------------------------------------------------*/
  #h_nav ul ul {position:absolute; left:190px; margin:-21px 0 0 0; padding:2px 0 2px 0; background:#D2CEBB; display:none; font: bold 11px/20px Tahoma, Arial, Verdana, sans-serif;}
  #h_nav ul ul li {margin:0 0 0px 0; }
  #h_nav ul ul a {background:none; text-decoration:none; padding:0 0 0 10px; width:180px; color:#361309;}
  #h_nav ul ul a:hover {background-color:#E9E6DC; color:#B87E22; border:1px solid #AEA894;line-height:18px; height:18px; padding:0 0 0 9px; width:178px;}
  
  #h_nav li:hover ul {display:block;  border-bottom:1px solid #AEA894; border-top:1px solid #AEA894; border-right:1px solid #AEA894;}
  #h_nav li:hover a {background-position:left -20px;}

/*--- Left Columnd CTAs ---------------------------------------------------------------*/
  #ctaShell {width:190px;background: url(../img/cta-shell-bg.jpg) no-repeat;margin: 0px;padding: 200px 0px 100px;}
  #ctaShell ul{ margin: 0px; padding: 0px; }
  #ctaShell li{display: block;width: 158px;list-style: none;height: 63px;margin: 0px 0px 5px 11px;}
  #ctaShell li a {display: block; width: 158px;  height: 63px;}
  #ctaShell li a:hover {background-position: left -63px;}
  #ctaExtendedStay {background: url(../img/cta-extndstays.gif) no-repeat;}
  #ctaSpecials {background: url(../img/cta-signup.gif) no-repeat;}
  #ctaExtendedStay a {background-image: url(../img/cta-extndstays.gif); background-repeat:no-repeat;}
  #ctaSpecials a {background-image: url(../img/cta-signup.gif); background-repeat:no-repeat; }  
  #ctaShell #aaaLogo {height:auto; text-align:right; padding:0 7px 0 0;width: 151px;}
	
/*--- Left Column Search Box ------------------------------------------------------*/
  select {margin:1px 0 7px 0; font-size:11px; padding:0px;}
  .resSubmit {display:block; margin:0 0 5px 0;}
  .resMonth {width:60px;}
  .resDay {width:40px;}
  .resYear {width:45px;}
  .resNights, .resRooms, .resAdults, .resKids {width:39px;}
  #searchBox {width: 190px;position: absolute;top: 302px;font-size: 11px;color:#233518;	z-index: 5;clear: both;}
  #searchBox .resRoomSpacer {margin:0 0 0 8px;}
  #searchBox .resAdultsSpacer {margin:0 0 0 3px;}
  #searchBox .resKidsSpacer {margin:0 0 0 7px;}
  #anchor img {border:none; margin: 0 0 0 2px;}
  #searchBox form {width:165px; margin:0 auto;}
  #searchBox h1 {margin:0px 0 7px;}
  #searchBox a {font:9px Arial, Helvetica, sans-serif; color:#233518; }
  #searchBox a:hover {text-decoration:none;}  
  	
/*--- Body ------------------------------------------------------*/
  #b_shell {background: url(../img/b-shell-bg.gif) repeat-y; padding:14px 0 0 0;}
  #b_contentArea {font:12px/16px Verdana, Arial, Helvetica, sans-serif;padding:0 30px 1px 222px;min-height:480px;color: #233518; overflow:auto;}    
  #b_contentArea p {margin:0 0 15px 0;}
  #b_contentArea strong {color:#524828;}
  #b_contentArea a strong, #b_contentArea .fauxColumns strong  {color:#660000;}
  #b_contentArea ul {font-size:11px; margin-bottom:15px; list-style-type:square;}
  #b_contentArea .fauxColumns ul {margin-bottom:5px; margin-top:5px;}
  #breadCrumb {position:absolute; text-align:right; font-size:11px; font-weight:bold; line-height:20px; margin:-38px 0 0 -32px; padding:0 5px 0 0; width:520px; background:transparent; background-color:#D0C298; letter-spacing:-1px; border-top:1px solid #B3AC8F; }
  #breadCrumb a{font-weight:normal;}

/*--- Div Toggle ------------------------------------------------------*/
  #queen, #king, #cottages {display:none;clear: both;margin:0;padding: 15px 20px; background:#DFDACB; border-bottom:1px solid #CDC4AD; border-left:1px solid #CDC4AD; border-right:1px solid #CDC4AD;}
  #queen {display:block;}
  #divToggle {background: url(../img/divtoggle-bg.gif) no-repeat; line-height: 15px;font-size: 11px; min-height:25px;}
  #divToggle ul{margin:0;padding:0;}
  #divToggle li {float:left; list-style:none; list-style-type:none;}
  #divToggle a{display:block; padding:5px 0 5px 7px; /*width:147px;*/ text-decoration:none;border-bottom:1px solid #CDC4AD;}
  #divToggle a:hover{text-decoration:underline;}
  #divToggle a.classon:hover{ background-position: left top;}  
  #navQueen {width:147px;}
  #navKing {width:137px;}
  #navCottages {width:157px;}  
  #divToggle a#navQueen.classon {padding:5px 0 6px 7px; background-image: url(../img/divtoggle-bg.gif); background-repeat: no-repeat; background-position: left -28px; border-right:1px solid #CDC4AD;border-bottom:none;}
  #divToggle a#navKing.classon {padding:5px 0 6px 7px; margin:0 1px 0 0; width:135px; background-image: url(../img/divtoggle-bg.gif); background-repeat: no-repeat; background-position: center -28px; border-left:1px solid #CDC4AD; border-right:1px solid #CDC4AD; border-bottom:none;}
  #divToggle a#navCottages.classon {padding:5px 0 6px 7px; width:157px;background-image: url(../img/divtoggle-bg.gif); background-repeat: no-repeat; background-position: right -28px;border-left:1px solid #CDC4AD; border-bottom:none;}

/*--- Footer ------------------------------------------------------*/
  #f_shell {clear: both;background: url(../img/f-shell-bg.png) no-repeat;margin: 0px auto;width: 725px;}
  #contactInfo {color: #310C02;font-size: 11px;background: url(../img/f-contact-bg.gif) no-repeat;height: 125px;width: 171px;position: absolute; margin: -110px 0px 0px 5px; padding: 15px 0px 0px 19px;}
  #f_nav {padding-top: 45px;font-size: 11px;width: 650px;display: block;margin: 0px auto;text-align: center;padding-left: 30px;}
  #f_nav ul {margin:0px; padding:0px;}
  #f_nav li {float: left;display: block;list-style:none;list-style-type:none;line-height: 9px;border-right: 1px solid #fff;	padding-right: 9px;	margin-right: 9px;}
  #f_nav li a {color: #fff;text-decoration: none; position: relative;}
  #f_nav li a:hover {text-decoration:underline;color: #DDBF49;}		
  #f_sig {text-align:center;clear: both;width: 725px;margin:20px auto 0 auto;}
  
/*--- Special Cases -------------------------------------------------------------------------------*/
/*--- Pop Up ------------------------------------------------------------------------*/
#pop {margin: 47px auto 0px;padding: 0px 5px;width: 525px;background: #E9E6DC;}
#pop_contentArea {font:12px/16px Verdana, Arial, Helvetica, sans-serif;padding:0 30px 1px 10px;min-height:480px;color: #233518; overflow:auto;} 
.fauxColumns2 {width:72%; float:left; border-right:1px solid #D3CAB5; padding:5px 0 5px 3%; margin:15px 0;} 

/*--- FOR IE6 Only -------------------------------------------------------------------------------*/
  img#ie6-nav-ovrly, img#ie6-h-ovrly {display:none;}