/* CSS Document */
#h_usabilityNav ul ul {display:visible!important; float:right; *position:relative; *bottom:15px;}

#h_nav ul ul {display: none; margin: 0; position: absolute; text-align: left; top:26px; width: 175px; z-index: 100; }

#h_nav li:hover ul, #h_nav li.over ul {color: #C7AF76; display: block; }
/*--- Shell ------------------------------------------------------*/
  body { background-image: url(../img/bg.jpg); background-repeat: no-repeat; background-position: center top; background-color: #EBD187; margin: 0px; padding-top: 35px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; font-family: "Trebuchet MS", Tahoma, Arial, Verdana; font-size: 12px; line-height: 24px; font-weight: bold; }		
  #shell {	width: 812px;	margin-top: 0px;	margin-right: auto;	margin-bottom: 0px;	margin-left: auto;}
  
  .imgright {
	float: right;
	background: #fff;
	border: solid 1px #515151;
	clear:none;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 10px;
	margin-left: 20px;
	position: relative;
	padding: 3px;
	right: 10px;
}
	.imgleft  { float: left; margin: 0 20px 5px 0; background: #fff; padding: 3px; border: solid 1px #644215;}	
	.imgBorder {margin: 0 0 10px 20px; background: #fff; padding: 3px; border: solid 1px #515151; }

	h1 { font-size: 18px; color:#652921; font-weight: bold; letter-spacing: -1px; margin: 0 0 20px 0;}
	h2 { font-size: 14px; color:#652921; margin: 12px 0 12px 0; line-height:18px;}
	p { margin: 0 0 15px 0; color:#3c2d10;}
	ul { margin: 0 0 20px 35px;}
	hr { height: 1px; color:#b1a583; margin: 20px 0; border: 1px solid #B1A583; border-bottom: none;}
	.border { border: solid 1px #b1a583;}
  
  a {text-decoration:underline; color:#1a85a0}
  a:hover { text-decoration:none}
  .fauxColumns {width:50%; float:left;}
  .imgLeft {margin-right:20px; float:left;}
  .imgRight {margin-left:20px; float:right;}
  .clearBoth {clear:both;}
  .noMargin {margin:0;}
  .noBorder {border:none;}
  .noPadding {padding:0;}
  .noStyling {border:none; margin-right:0; padding-right:0;}
  .border {border:1px solid #000;}
  .forPrint {position:absolute; left:-2500px;}  #printHeader {display:none;}

	
/*--- Head ------------------------------------------------------*/


  #h_shell {
	border-top-width: 1px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-left-style: solid;
	border-top-color: #1778AE;
	border-right-color: #1778AE;
	border-left-color: #1778AE;
	background-color: #FFFFFF;
	padding: 5px;
}
  #h_usabilityNav {
	text-decoration: none;
	top: 15px;
	list-style-image: none;
	list-style-type: none;
	height: 12px;
	margin-left: 358px;
	position: absolute;
}
.fb
		{background:url(../img/facebook.gif) no-repeat;}
		
	.twitter {background:url(../img/twitter.gif) no-repeat;}
	#h_usabilityNav ul ul { float:right;}
	#h_usabilityNav ul ul a{display:block; width:16px; height:16px; float:left;}
	#h_usabilityNav ul ul li{border:none; margin:0 0 28px 2px; padding:0;}
  #h_usabilityNav ul{
	margin:0px;
	padding:0px;
	text-decoration: none;
	list-style-image: none;
	list-style-type: none;
}
  #h_usabilityNav li{
	text-decoration: none;
	list-style-image: none;
	list-style-type: none;
	float: left;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #4183A3;
	margin-right: 5px;
	padding-right: 5px;
	line-height: 15px;
}

  #h_usabilityNav li.noStyling {border:none; margin-right:0; padding-right:0; *width:100px; }
  #h_usabilityNav li a{
	text-decoration: none;
	color: #014176;
	font-family: "Trebuchet MS", Tahoma, Arial, Verdana;
	font-size: 10px;
	font-weight: normal;
	list-style-image: none;
	list-style-type: none;
	position: relative;
	bottom: 1px;
}
  #h_usabilityNav li a:hover{
	text-decoration: underline;
}

  #h_usabilityInfo {
	text-decoration: none;
	top: 8px;
	list-style-image: none;
	list-style-type: none;
	height: 12px;
	width: 175px;
	margin-left: 10px;
	position: absolute;
	font-family: "Trebuchet MS", Tahoma, Arial, Verdana;
	font-size: 12px;
	font-weight: normal;
	color: #316e8c;
}
  #h_logoArea {
	background-repeat: no-repeat;
	height: 99px;
	width: 177px;
	position: absolute;
	z-index: 2;
	background-position: center 15px;
	padding-top: 15px;
	padding-left: 0px;
	background-image:url(../img/coral-cay-logo.png);
}
  #h_logoArea img {border:none;}
  #h_logoArea a {display:block; width:134px; height:84px;}		
  #h_banner {}
  #h_banner img {display:block;}


#h_nav { margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 178px; height: 27px; width: 621px; position: absolute; z-index: 2; padding-top: 2px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; }
#h_nav ul{ margin:0px; padding:0px;}
#h_nav li{ list-style-type: none; padding: 0px; float: left; list-style-image: none; margin-top: 0px; margin-right: 3px; margin-bottom: 0px; margin-left: 0px; }
#h_nav li a { color: #E1DABF; display: block; font-weight: bold; padding: 0px 4px; text-decoration: none; }
#h_nav li:hover a, #h_nav li.over a { background: none repeat scroll 0 0 #fff;  color: #333; }
#h_nav li a:hover {background:#eee}

/*ul ul { display: none; margin: 0; position: absolute; text-align: left; top:26px; width: 175px; z-index: 100; }
li:hover ul, li.over ul {color: #C7AF76; display: block; }*/

  #navFade {
	background-image: url(../img/nav-fade-bg.gif);
	background-repeat: no-repeat;
	height: 29px;
	width: 622px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 177px;
	filter:alpha(opacity=50);
	opacity: 0.5;
	position:absolute;
	z-index: 1;
}

  #navGroups {}
  #navAmenities {}
  #navFloorPlans {}
  #navAttractions {}
  #navEvents {}
  #navDining {}


  	
/*--- Body ------------------------------------------------------*/
  #b_shell {
	padding: 5px;
	background-color: #FFFFFF;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #1778AE;
	border-bottom-color: #1778AE;
	border-left-color: #1778AE;
}
    #calendar div.twoCols { background: none;} 

    div.twoCols {
	font-family: "Trebuchet MS", Tahoma, Arial, Verdana;
	font-size: 12px;
	font-weight: normal;
	color: #3c2d10;
	min-height: 650px;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 10px;
	background-image: url(../img/div-bg.gif);
	background-repeat: repeat;
	background-position: center top;
	background-attachment: fixed;
	z-index: -1;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;


} 

	div.twoCols2 {
	width:242px;
	float:right;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	background-color: #5bbfd8;
	font-family: "Trebuchet MS", Tahoma, Arial, Verdana;
	font-size: 12px;
	font-weight: normal;
	color: #3c2d10;
	z-index: 5;

} 


    ul.twoCols {
	width:540px;
	float:left;
	list-style-type:none;
	margin:0;
	display:block;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 40px;
	list-style-image: none;
	z-index: 5;
}

    #calendar .twoCols2 { display: none; }

    ul.twoCols2 {
	width:242px;
	float:none;
	list-style-type:none;
	margin:0;
	display:block;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	list-style-image: none;
}

#calendar div.content {
 width: 760px;
	
} 
div.content {
	font-family: "Trebuchet MS", Tahoma, Arial, Verdana;
	font-size: 12px;
	font-weight: normal;
	color: #3c2d10;
	min-height: 650px;
	padding-top: 3px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 10px;
	z-index: 1;
	width: 525px;
	
} 



    .clearBoth {clear:both;}
    .colsMarginRight {margin-right:15px; padding: 0 15px 0 0; border-right: solid 1px #000;}

  #b_contentArea {
	border: 1px solid #0066CC;
min-height: 847px;
}

  #b_contentArea h1 img {margin-top:20px;}
  #b_contentArea h2 {}
  #leftside { width: 66%; float: left; }
  #leftcolumn { width: 50%; float: left; }
  #rightcolumn { width: 50%; float: right; }
  
  #b_contentLeftbar {
	margin: 0px;
	top: -10px;
}
  
/*  PHOTO GALLERY  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

	#photogal { display: block; height: 300px; padding-top: 10px; /*padding-right: 252px;*/ padding-bottom: 10px; padding-left: 10px;}
    #photogal ul  { margin: 0px;}
	#photogal li  { list-style-type: none; width: 125px; height: 83px; float: left; margin: 0 15px 15px 0;}
	#photogal li a { display: block; background:#fff; padding: 3px;  border: solid 1px #644215; width: 125px; height: 83px;}
	#photogal li a:hover { border: solid 3px #272d19; padding: 1px;}  
  
/*--- CTAs ------------------------------------------------------*/  
  #ctaShell2 {}
  #ctaShell2 ul{margin:0; padding:0;}
  #ctaShell2 li{
	list-style-image: none;
	list-style-type: none;
	margin: 0px;
	padding: 4px;
}
  #ctaShell2 li a {
	height: 35px;
	width: 222px;
	display: block;
}
  #ctaShell2 li a:hover{ background-position:left bottom;}
  
  #ctaSpecials2 {height: 35px;	width: 222px;}
  #ctaSpecials2  a {background-image: url(../img/cta-specials2.gif); background-repeat: no-repeat;  background-position:left top;}
  
  #ctaWeather2 {height: 35px;	width: 222px;}
  #ctaWeather2  a {background-image: url(../img/cta-weather2.gif); background-repeat: no-repeat;  background-position:left top;}
  
  
  
  
/*--- CTAs ------------------------------------------------------*/  
  #ctaShell {}
  #ctaShell ul{margin:0; padding:0;}
  #ctaShell li{
	list-style-image: none;
	list-style-type: none;
	margin-top: 8px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
  #ctaShell li a {
	height: 35px;
	width: 153px;
	display: block;
}
  #ctaShell li a:hover{ background-position:left bottom;}
  
  #ctaSpecials {height: 35px;	width: 153px;}
  #ctaSpecials  a {background-image: url(../img/cta-specials.gif); background-repeat: no-repeat;  background-position:left top;}
  
  #ctaWeather {height: 35px;	width: 153px;}
  #ctaWeather  a {background-image: url(../img/cta-weather.gif); background-repeat: no-repeat;  background-position:left top;}
  
  #ctaAir {height: 35px;	width: 153px;}
  #ctaAir  a {background-image: url(../img/cta-air.gif); background-repeat: no-repeat;  background-position:left top;}
  
  
	
/*--- Search Box ------------------------------------------------------*/
  select {
	font-size: 9px;
	font-family: Arial, Helvetica, sans-serif;
	letter-spacing: 1px;
	margin-top: -3px;
	margin-right: -1px;
	margin-bottom: 7px;
	margin-left: 0;
}
  .resSubmit {display:block; margin:0 0 5px 0;}
  .resMonth {width:49px;}
  .resDay {width:40px;}
  .resYear {width:45px;}
  .resNights, .resRooms, .resAdults, .resKids {width:37px;}
  .resGroup { width:50px }
  #searchBox {
	height: 289px;
	width: 166px;
	top: 175px;
	z-index: 2;
	margin-top: 2px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 5px;
	font-family: "Trebuchet MS", Tahoma, Arial, Verdana;
	color: #FFFFFF;
	font-size: 11px;
	font-weight: normal;
	padding-left: 11px;
	position: absolute;
}

  #searchBox .resRoomSpacer {
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 7px;
}
  #searchBox .resAdultsSpacer {}
   #searchBox .resKidsSpacer {
	margin-left: 5px;
}
  #anchor img {border:none; margin: 0 0 0 2px;}
  #searchBox a {
	color:#fff;
	font-size: 10px;
}
   #searchBox a:hover {
	color: #FFCC33;
	text-decoration: none;
}
  #resBoxBg {
	height: 399px;
	width: 177px;
	position: absolute;
	top: 39px;
	z-index: 1;
	filter:alpha(opacity=50);
	opacity: 0.5;
	background-image: url(../img/res-fade-bg.gif);
	background-repeat: no-repeat;
	margin-top: 2px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 5px;
}

/*--- Footer ------------------------------------------------------*/
  #f_shell {}
  #f_nav {
	height: 12px;
	width: 815px;
	list-style-image: none;
	list-style-type: none;
	position: relative;
	top: 5px;}
	.current {font-weight: bold;}
   #subfooter {margin: 0 auto; position: relative; right: 40px; top: -40px; width:729px;}
	*:first-child+html #subfooter {right:20px;top:-20px}
	#subfooter ul li{list-style-type:none; display:block; }
	#subfooter img {width:100px}
	#subfooter a{display:block; width:180px; height:100px;}
		#car1 {position:relative; float:left; background:url(../img/carlogos/dollar-logo-lineup.jpg) no-repeat;}
		#car2 {position:relative; float:right; background:url(../img/carlogos/thrifty-logo--lineup.jpg) no-repeat;}
		
		li#moneyThing {position:relative; float:right; background:url(../img/foreign_exchange_sm.gif) no-repeat; margin:0 27px 0 0;}
		#subfooter #moneyThing a {width:239px}
		
  #f_nav ul {
	margin:0px;
	padding:0px;
}
  #f_nav li {
	list-style-image: none;
	list-style-type: none;
	float: left;
	margin-right: 7px;
	padding-right: 7px;
	border-right-style: solid;
	border-right-color: #41361D;
	border-right-width: 1px;
	line-height: 8px;
	padding-bottom: 2px;
	padding-top: 1px;
}

  #f_nav li.noStyling {border:none; margin-right:0; padding-right:0;}
  #f_nav li a {
	font-family: "Trebuchet MS", Tahoma, Arial, Verdana;
	font-size: 12px;
	font-weight: normal;
	color: #41361d;
	text-decoration: none;
}
  #f_nav li a:hover {
	text-decoration: underline;
	font-family: "Trebuchet MS", Tahoma, Arial, Verdana;
	font-size: 12px;
	font-weight: normal;
	color: #b64d0b;
}		
  address {}
  #f_sig {
	text-align:center;
	padding: 25px;
	color: #83653D;
	font-family: "Trebuchet MS", Tahoma, Arial, Verdana;
	font-size: 12px;
	font-weight: bold;
}
#homePg #b_contentArea {min-height: 800px;}
/* -----CMPS -------------------------------------------------------*/

#cp_sectionlinks { width: 150px; 
font-family: "Trebuchet MS", Tahoma, Arial, Verdana;
	font-size: 12px;
	font-weight: normal;
	color: #3c2d10;
	
	padding-top: 10px;
	padding-right: 252px;
	padding-bottom: 10px;
	padding-left: 10px;
	z-index: 1;
	
}
#cp_sectionlinks ul{ width: 275px; }

