/*------------------------------------ body ------------------------------------ */
html, body{
	/*height:100%;*/
	margin: 0;
	padding: 0;
}
body{
	background-color:#454545;
	font-size:12px;
	color: #777777;
	font-family:Arial, Helvetica, sans-serif;
	margin-top:5px;
	margin-bottom:40px;
}

/*------------------------------------ clears ------------------------------------ */
.clearboth{clear:both;}
.clearright{clear:right;}
.clearleft{clear:left;}
.clearfloat:after {/* Hack for extending div around a float */
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}
* html .clearfloat {height: 1%;}	/* Hides from IE-mac \*/



	
/*------------------------------------ containers ------------------------------------ */	

	
#mainContainer {
	display:block;
	position:relative;
	/*min-height:100%;*/
	padding:0;
	margin:0 auto;
	width:981px;
	background-image:url("../images/mainbkgd.gif");
	background-repeat:repeat-y;	
}

#headerContainer{
	display:block;
	position:relative;
	padding:0;
	margin:0 auto;
	width:981px;
	background-color:#ffffff;
	height:120px;
	overflow : hidden;
}
#headerEmptyContainer{
	display:block;
	position:relative;
	padding:0;
	margin:0 auto;
	width:981px;
	/*background-color:#69A1A1;*//*Poipu Logo Green*/
    /*background-color:#8B92A4;*/
	/*background-color:#4a4abd;*//*Poipu 1st Blue*/
	background-color:#2f3289;/*Pantone 273*/
	height:5px;
}

#contentContainer {
	display:block;
	position:relative;
	left:0px;
	margin:0 auto;
	width:981px;
	background-color:#B3B9C9; /*background-color based on color theme */
	padding-bottom:25px;
}	
#navBackground{
	display:block;
	position:relative;
	top:0px;
	left:1px;
	width:153px;
	background-image:url("../images/VerticalNavBack1.gif"); 
	background-repeat:repeat-y;	
	float:left;
}
#navContainer{
	display:block;
	position:relative;
	top:5px;
	left:0px;
	width:155px;
	float:left;
}

#navContainer ul {
margin: 0;
padding: 0;
list-style-type: none;
}
#navContainer li {
	margin: 0px 0px 4px 0px;
}
#copyContainer{
	display:block;
	position:relative;
	top:5px;
	left:0px;
	width:813px; 
	float:left;
	/*background-image:url("../images/copybkgd.gif"); /*background-image based on color theme */
	background-repeat:repeat-y;	
}
#copyInnerContainer{
	width:802px;
	margin:0 auto;
	/*background:red;*/
}
#copyBorderContainer{
	
	/*background-color:yellow;*/
	background-image:url("../images/copyborderbkgd.gif"); /* quick links right column background - background-image based on template layout */
	background-repeat:repeat-y;	
	width:780px;
	margin: 0 auto;
}


#footerAdContainer{
	padding:0;
	margin:0 auto;
	background-color:#87877F;
	height:99px;
	width:807px;
	border-right:3px solid #BDC5A8; /*footer ad - far left margin to hide the left shadow - background-color based on color theme */
	border-left:3px solid #BDC5A8; /*footer ad - far left margin to hide the left shadow - background-color based on color theme */
	overflow : hidden;
}

#footerContainer{
	margin:0 auto;
	width:807px;
}


#footerBorderContainer{
	height:70px;
	background-color:#777777;
}
#footerBorderContainer .logo {
	float:right;
	
}
#topNav {
	display:block;
	position:relative;
	padding:10px;
	font-size:12px;
	font-weight: bold;
	left:120px;
}

#topNav a{
	color:#454545;
	text-decoration:none;	
}

#topNav a:hover{
	color:#ffffcc;
	text-decoration:underline;	
}
#footerNav {
	float:left;
	display:block;
	position:relative;
	top:5px;
    padding-bottom:10px;
	left:50px;
	font-size:11px;
	
}

#footerNav a{
	color:#000000;
	text-decoration:none;	
}

#footerNav a:hover{
	text-decoration:underline;	
}

#oneColumn{
	width:780px;
	margin:0;
	overflow : hidden;
	background:white;
}

#leftColumn{
	width:570px;
	float:left;
	margin:0;
	overflow : hidden;
	/*background:red;*/
}


#rightColumn{
	width:206px;
	float:left;
	margin:0;
	overflow : hidden;

}





/*------------------------------------ container borders ------------------------------------ */	
#mainBkgdTopContainer{
	background-image:url("../images/mainbkgdtop.gif");
	background-repeat : no-repeat;
	background-position : bottom center;
	height:4px;
	margin:0 auto;
	padding:0;	
	width:989px;
}
#mainBkgdBottomContainer{
	background-image:url("../images/mainbkgdbottom.gif");
	background-repeat : no-repeat;
	background-position : top center;
	height:2px;
	margin:0 auto;
	padding:0;
	width:989px;
}


#copyBkgfTopContainer{
/*	background-image:url("../images/copybkgdtop.gif");  /*top copy container shadow - background-image based on color theme */
}

#copyBkgfBottomContainer{
/*	background-image:url("../images/copybkgdbottom.gif"); /*bottom copy container shadow - background-image based on color theme */
}




#copyOuterBorder{
	border:7px solid #ffffff;
	
}
#copyInnerBorder{
	/*border:4px solid #69A1A1;*/
	/*border:4px solid #4a4abd;*//*Pantone 273*/
	border:4px solid #2f3289;
}	
	

#footerOuterBorder{
	border:7px solid #ffffff;
	
}
#footerInnerBorder{
	border:4px solid #ECECD8;
}		
/* header elements */		

#headerTable{
	height:120px;
	width:960px;
}

#headerTable .logo{
	padding-left:10px;
	padding-right:10px;
}

#headerTable .hours {}
#headerTable .intersection{
	padding-top:5px;
	padding-bottom:5px;
}
#headerTable .phone{
	font-weight:bold;
	
}


#headerNav{
	padding-top:20px;
	padding-left:30px;
		float:left;
	color:#474942;
}
#headerNav a{
	color:#808078;
	text-decoration:none;
}
#headerNav a:hover{
	text-decoration:underline;
}

#searchContainer{
	padding-top:15px;
	padding-right:20px;
}
#searchContainer p{

}

.searchinput{
	height:15px;
	border:1px solid #474942;
	font-size:11px;
	width:170px;
}
.headerMonth{
	color:#808078;
	padding-right:5px;
	font-size:2em;
	font-family : Georgia,"Times New Roman", Times, serif;
}
.headerDay{
	color:#474942;
	font-size:1.9em;
	font-family : Georgia,"Times New Roman", Times, serif;
}

#headerHours{
	border-left:1px solid #454545;
	padding:10px 0px 10px 25px;
	font-size:9px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#7D7D78;
}
#headerHours p{
	margin:0;
}

#headerHours p.phone{
	margin:0;
	margin-top:3px;
}


/* footer ad container */
#footerAdTable{
	width:807px;
	height:88px;
	/*margin-left:3px;*/
}
#footerAdTable td{
	background-color:#5D5D5B;
}
#footerAdBkgfTopContainer{
	height:5px;
	background-image:url("../images/footeradbkgdtop.gif");
	width:807px;
	overflow:hidden;
	/*margin-left:3px;*/
}
#footerAdBkgfBottomContainer{
	height:5px;
	background-image:url("../images/footeradbkgdbottom.gif");
	width:807px;
	overflow:hidden;
	/*margin-left:3px;*/
}

#footerAdTable .leftborder{
	background-color:#AEAEA6;
	background-image:url("../images/footeradbkgdleft.gif");
	background-position : top;
	width:5px;
}
#footerAdTable .rightborder{
	background-color:#AEAEA6;
	background-image:url("../images/footeradbkgdright.gif");
	background-position : top;
	width:5px;
}
#footerAdTable .footerad{
	/*width:263px;*/
	
}
#footerAdTable .footerdivide{
	background-image:url("../images/footeradbkgdmiddle.gif");
	background-position : top;
	width:4px;
}

#pageTitle{
	font-family : Georgia,"Times New Roman", Times, serif;
	font-size: 24px;
	color:#6D6D5F;
	margin:0px 45px 0px 45px;
	font-weight:normal;
	line-height:25px;
}
h1{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:#404040;
	font-weight:bold;
	line-height:18px;
	margin:2px 0px 2px 2px;
}

h2{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:#404040;
	font-weight:bold;
	margin:2px 0px 2px 2px;
}

h3{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:#404040;
	font-weight:bold;
	margin:10px 10px 10px 10px;
}


h4 {/* bold title */
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:#454545;
	font-weight:bold;
	margin:0;
	margin-bottom:5px;
	margin-top:10px;
}


hr { /* IE HR in separate style with conditional */
	border: none; /*  Mozilla 1.0+, Opera 7.02+, FF all, NN6+, Safari 2.0, Konqueror 3.5 ... */ 
	background: url('../images/table_td_dotted_bkgd495.gif') center center no-repeat;
	height: 50px; 
}
/* home page flash theater */
#theaterContainer{
	background-color:#ffffff;
	width:780px;
}
#theaterContainer a {
	color:#333333;
	text-decoration:underline;
}
#theaterContainer a:hover{
	text-decoration:none;
	color:#336699;
}
#theaterContainer2{
	background-color:#ffffff;
	width:780px;
}

#tourContainer{
		border:2px solid #333333;}
		
div#listContainer {width:95%; padding:5px;margin:20px;}
ul {margin:0px 0px 0px 0px;padding:0;}
li {margin-left: 10px;padding:0;}

.panIndex {
	background-image:url("../images/palmtree.jpg");
	background-repeat : no-repeat;
	background-position : top center;
	border: solid 1px #000;
	}
.panIndex ul {{margin:0px 0px 0px 10px;padding:0;}
.panIndex li {margin-left: 10px;padding:5px;}
.panIndex h3 {margin-left: 10px;font-size:16px;}

#style3 {color: #333333;
padding:10px;}

#bottomFeedback{
border: 1px dotted #604738;
	font-size: 14px;
	padding:10px !important;
	margin-top:10px;
	margin-left:15px;
	margin-right:15px;
	background-color:#E0DDCE;

}
.style4 {color: #000000; font-family: Arial, sans-serif; text-align: center; white-space: normal; padding-top: 1px; padding-right: 1px; padding-left: 1px; font-size: 10.0pt; font-weight: 400; font-style: normal; text-decoration: line-through; vertical-align: bottom; }