/* CSS Document */

/* Hutchinson Island Resort styles */
/* Layout Stylesheet */ 

body {
	background: #1d3249 url("../img/common/bg.gif") repeat-x top;
	/*background-repeat: repeat-x;
	background-position: top; 
	background-color: #122335;
	font-family:Arial, Helvetica, sans-serif;*/
	font-family:Verdana, Arial, Helvetica, sans-serif;
	margin:0px;
	font-size:11px; 
	line-height: 16px;
	color:#5c5446;
	padding-top:20px;
	margin: 0px auto 0px auto;
	}

/*GLOBAL A:LINK, A:HOVER, A:ACTIVE, A:VISITED*/
a:link, a:visited, a:hover, a:active {
	background-repeat: no-repeat;
	background-position: center;
	}

a:link, a:visited {
	color: #e38325;
	text-decoration: none;
	}

a:hover, a:active {
	color: #cf8e11;
	text-decoration: underline;
	}

p {
	padding: 0px 20px 0px 10px;
	}

img  {
	/*--- If you use this no control with HSPACE or VSPACE
	border:hidden;
	padding:0px;
	margin:0px;*/
	}

.input {
	color:#333333;
	padding: 3px 0px 0px 0px;
	margin: 5px 0px 0px 0px;
	border: 1px solid #e8e3d4;
	}

input.button {
	border: 0;
	}


h1 {
	display:none;
	}
h2 { color:#bba679; font-size:15px; font-weight:normal; }

/*splash page*/ 

h3 { color:#ae7a55; font-size:20px; font-weight: normal; font:Arial, Helvetica, sans-serif; }
h4 { color:#ad0434; font-size:14px; font-weight:normal; }

.splash_subhead { color:#7eadb9; font-size:13px; font-weight:normal; }


hr {
	border-top:1px solid #E8E3D4;
	border-left:0px solid #E8E3D4;
	border-bottom:0px solid #E8E3D4;
	border-right:0px solid #E8E3D4;
	size:1px;
	width:100%;
	color:#ffffff;
	background-color:#ffffff;
	height:1px;
	}

ul, ul li {
	margin: 0px;
	padding: 0px;
}

/* just make the bulllets style default */
ul li {
background:transparent url("../img/common/brown_bullet.gif") no-repeat scroll 18px 4px;
list-style-type:none;
margin:auto;
padding-left:40px;
}


ul.bullets li {
background:transparent url("../img/common/brown_bullet.gif") no-repeat scroll 18px 4px;
list-style-type:none;
margin:auto;
padding-left:40px;

}

ul.splash li {
list-style-type:none;
margin:auto;
padding-left:40px;
font-size:12px;

}

div#borderTop { border-top:1px solid #E8E3D4; padding:5px 0 20px 0; }

div#borderTop_sub { border-top:1px solid #E8E3D4; margin:5px 10px; padding:5px 0 20px 0; }

div#flash {
  border: 0px solid #FF6633;
  padding:7px 0;
  width: 786px;
}

#reservation_hdr {
	background: url("../img/common/bg_hdr.png") no-repeat bottom;
	text-align:right;
	width:972px;
	margin: 0px auto 0px auto;
	padding: 0px 0px 0px 0px;
	color: #7392c0;
	}

#contain_all {
	margin: 0px auto 0px auto;
	border-left:1px solid #495a6d;
	border-right:1px solid #495a6d;
	background-color: #34475c;
	padding: 0px 5px 0px 5px;
	width:960px;
	}

#container {
	background-color: #ffffff;
	width:960px;
	}

#column_container {
	background-color:#ffffff;
	}
	
#column_closer {
	height:10px;
	clear:both;
	}
	
#column_left {
	text-align:left;
	float:left;
	border:0px solid red;
	width:210px;
	background-color: #ffffff;
	padding: 0px 0px 0px 0px;
	}

#column_right {
	text-align:left;
	float:right;
	border:0px solid yellow;
	width:750px;
	background-color: #ffffff;
	padding: 0px 0px 0px 0px;
	}

#footer {
	width: 930px;
	height: 50px;
	padding: 15px 0px 0px 0px;
	margin: 0px auto 0px auto;
	color:#fff;
	clear:both;
	}	
#left_footer { float:left; color: #7392c0; }
#left_footer a:link, #left_footer a:visited { color: #FFFFFF; text-decoration: none; }
#left_footer a:hover { color: #7392c0; text-decoration:underline; }
			
#right_footer { float:right; color: #7392c0; }	

#check_rates {
	background: url("../img/common/bg_check_rates.jpg") no-repeat top;
	width:170px;
	height:89px;
	padding: 90px 25px 0px 15px;
	color: #614f2c;
	border-bottom: 0px solid #e8e2d4;
	border-top: 0px solid red;
	}

#left_callout {
	width:190px;
	margin:7px 7px 0px 7px;
	padding: 0px 0px 0px 0px;
	border: 3px solid #e8e2d4;
	}

#left_callout_signup {
	width:185px;
	height: 65px;
	margin:7px 7px 0px 7px;
	padding: 85px 5px 0px 0px;
	border: 3px solid #9d7a5d;
	background: #fafae0 url("../img/home/win_2_night_stay.jpg") no-repeat top;
	text-align:right;
	}


#sidenav {
	margin-top: 5px;
	background: #e5e1d6 url("../img/common/bg_sidenav.jpg") no-repeat top;
	border-top: 5px solid #ded9c9;
	border-right: 5px solid #ded9c9;
	border-left: 5px solid #ded9c9;
	}

#sidenav ul {
	padding: 10px;
	margin: 0px;
	border: 0px solid #0000FF;
	font-size:12px;
	}

#sidenav li {
	background: none;
	padding: 4px 0px 4px 10px;
	margin: 0px;
	list-style:none;
	}
	
#sidenav a:link, #sidenav a:visited {
	padding: 0px 0px 0px 20px;
	font-size:12px;
	color: #6da0ad;
	display:block;
	text-decoration: none;
	}
#sidenav a:hover {
	padding: 0px 0px 0px 20px;
	font-size:12px;
	color: #44717c;
	background: url("../img/common/brown_bullet.gif") no-repeat 0px 4px;
	display:block;
	text-decoration: none;
	}	

.sidenav_regular_list ul,li {
margin: 0px 0px 0px 15px; 
list-style-type: square; 
font-size: 10px; 
list-style-image:("../img/common/brown_bullet.gif"); 
list-style-position:outside;
}
/*---TABLE STYLES --- */

table#listing {
	font-size:12px;
	width:499px;
	margin: 0px 0px 0px 0px;
	border: solid 0px pink;
	}

table#listing tr.even {
	
	background-color:#e5f5fa;
	border: solid 0px blue;
	}
table#listing tr.mid {
	
	background-color:#d7e5ea;
	border: solid 0px blue;
	}

table#listing tr.odd {
	
	background-color:#c6d6db;
	border: solid 0px blue;
	}




table#default {
	font-size:10px;
	width:743px;
	margin: 0px 0px 0px 0px;
	float:left;
	/*height:81px;*/
	}
	
table#default td.lft_col {
	width:514px;
	text-align: left;
	padding: 0px;
	margin: 0px;
	}
table#default td.rht_col {
	width:212px;
	text-align: left;
	vertical-align:top;
	padding: 0px;
	margin: 0px;
	}	
table#default td.full_col {
	width:723px;
	text-align: left;
	padding: 10px;
	margin: 0px;
	}
/* --- TABLE BOTTOM CALLOUTS --- */

table#bottom_callouts {
	font-size:10px;
	width:743px;
	margin: 0px 0px 0px 0px;
	float:left;
	height:81px;
	}
	
table#bottom_callouts td.lft_col {
	width:408px;
	background-color: #ede2cc;
	color: #927231;
	text-align: left;
	padding: 10px;
	margin: px;
	border-top: 1px solid #c8bba8;
	vertical-align:top;
	}
	
/* override p padding for CMS */
table#bottom_callouts td.lft_col p {
	padding: 0px 0px 0px 0px;
	}
	
table#bottom_callouts td.rht_col {
	width:304px;
	background-color: #dbb18e;
	color: #93592a;
	text-align: left;
	padding: 10px;
	margin: 0px;
	border-top: 1px solid #a78364;
	vertical-align:top;
	}	
	
table#bottom_callouts .txt_bold {
	font-weight: bold;
	color: #5d3e23;
	}	

/* Event Calendar Table */
table#event_calendar td {
	border-bottom: 1px solid #999;
	padding: 10px 0px 10px 10px;
	margin: 0px;
	}
	
/* TABLE RFP */
table#rfp { width: 490px; font-size:11px; }
table#rfp td { padding: 3px; border: 0px solid green; height:22px; }
table#rfp td.header { background-color: #235A6A; }
table#rfp td h2 { color:#66B8D0; font-size:13px; display:block; margin: 0px 0px 0px 20px; padding: 0px; }	
	
	
	
.email_signup {
	width:150px;
	height: 18px;
	color:#333333;
	padding: 3px 0px 0px 0px;
	margin: 5px 0px 0px 0px;
	border: 1px solid #a78364;
	}

.btnSignup {
	border: 0px;
	margin:auto 0;
	padding-bottom:4px;
	padding-left:8px;
	text-align:center;
	/*border: 1px solid red;*/
	}

.org_reserv {
	color: #c08800;
	font-size:14px;
	font-weight: bold;
	}
	


/* travelscream CSS overrides */

 a.ts_pds_layout1_entry1 {
	font-size: 10px !important ;
	font-weight: normal !important ;
} 

 td.recentDeals {
	font-size: 12px !important ;
	font-weight: normal !important ;
} 
