/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
 *                                GLOBAL STYLES                                *
 * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
 
html, body {
	/* margin: 0;
	padding: 0;
	background-color: #FFF;	
	background-position: top center !important;
  background-attachment: fixed !important; */
	/* text-align: center; */
	font-family: "Trebuchet MS", Arial, Verdana, Helvetica, sans-serif;
	/* font-size: .9em;
	line-height: 1.6em; */
}

a:link, a:active, a:visited   {
	text-decoration: none;
	font-size: 1em;
}

img {
	border: 0;
	margin: 0;
	padding: 0;
}

/* #header {
	height: 141px;
	background: url("../../../template_images/hvcb/bg-header-trans.png") no-repeat;
} */



	#headerBottom {
		width: 1004px;
		height: 34px;
		background: url("../../../template_images/hvcb/bg-header-bottom-trans.png") no-repeat;
		text-align: left;
	}




#mainContainer {
	clear: left;
	margin: 0 auto;
	width: 975px;
	position: relative;
	left: 1px;
	text-align: center;
}

	#main, #statewide #main {
		width: 969px;
		margin: 0 auto;
		background-position: 523px 132px !important;
    position:none;
    display:block;
    float:none;
	}
	
		#right_grad {
			background: url("../../../template_images/hvcb/bg-graygrad-trans.png") repeat-y;
			background-position: top right;
			height: 1%;
		}

		#highlight {
			width: 752px;
			height: 169px;	
			z-index: 1;
			float: left;
			position: relative;
			top: 0;
			left: -16px !important;
			text-align: left;			
			font-size: .95em;
			line-height: 1.4em;
		}
		
			.island_page #highlight {
				height: 226px;
			}
			
			.hl_title {
				margin-left: 10px !important;
			}
			
			.island_page .hl_title { margin-bottom: 8px; }
		
			#highlight p {
				margin: 0;
				padding: 0px 50px 10px 46px;
			} 
			
			.island_page #highlight p {
				padding-left: 60px;
			}
		
		/**** CONTENT LEFT COLUMN ****/
		#xcontent, #xstatewide #xcontent {
			float: left;
			text-align: left;
			/* width: 472px; */
			z-index: 2;
			position: relative;
			top: 5px;
			left: 10px;
			margin: 0 18px 90px 0;
      padding-top:0px;
      border:none;
      background:transparent;
      font-size: 	13px;
      line-height: 1.6em;
		}
		
			.island_page #content {
				top: -98px;
				margin-bottom: -98px;
			}
      
			.graywhite_list {
				width: 230px;
				margin: 0 0 30px 0;
				padding: 0;
				line-height: 1.4em;
				font-size: .95em;
				float: left;
				text-align: left;
			}
				.graywhite_list ul {
					margin: 0;
					padding: 8px 0 3px 0;
					list-style-type: none;
					background: url("../../../template_images/hvcb/bg-graywhite-bottom.gif") no-repeat;
					background-position: left bottom;
				}					
					
				.graywhite_list li a {					
					display: block;
				}
				
					
				.graywhite_list li { padding: 5px 8px 5px 16px; }
				
					.graywhite_list li.gray { 
						background: url("../../../template_images/hvcb/bg-graywhitelistgrad-trans.png") repeat-y;
					}
				
				.graywhite_list .get_widget { 
					width: 97px;
					height: 20px;
					background: url("../../../template_images/hvcb/btn-getwidget.png") no-repeat;
					margin: 0 0 0 19px;
					display: block;
					float: left;
				}									
				
				.graywhite_list .all_events { 
					width: 92px;
					height: 20px;
					background: url("../../../template_images/hvcb/btn-allevents.png") no-repeat;
					margin: 0 0 0 8px;
					display: block;
					float: left;
				}				
			 
				.graywhite_list .btn_more { 
					width: 92px;
					height: 20px;
					background: url("../../../template_images/hvcb/btn-more.png") no-repeat;
					margin: 0 0 0 120px;
					display: block;
					float: left;
				}
				
				.graywhite_list .get_widget span, .graywhite_list .all_events span, .graywhite_list .btn_more span { visibility: hidden; }
				
			/* experiences for island paeges */
			#experiences {
				width: 456px;				
				margin-bottom: 25px;
			}	
			
			#experiences ul {
				background: url("../../../template_images/hvcb/bg-experiences-lines.gif") repeat-y;
				margin: 0;	
				padding: 0 0 1px 0;
			}
				
				#experiences ul li {
					margin: 0 0 0 25px;
					height: 25px;
					background: url("../../../template_images/hvcb/arrow-experiences-maui.gif") no-repeat;
					list-style-type: none;
					padding: 5px 0 0 20px;
					background-position: 0px 8px;
				}
			
			#rss_signup {
				width: 200px;
				float: left;
				margin: 0 0 0 26px;
				padding: 0;
			}
			
				#rss_signup ul {
					margin: 0;
					padding: 0;					
				}				
				
				#rss_signup ul li { 
					margin: 0 0 17px 0;
					padding: 2px 0 0 36px;
					height: 20px;
					list-style-type: none; 
				}
				
				#rss_signup li#travelguide { 
					background: #FFF url("../../../template_images/hvcb/icon-travelguide.gif") no-repeat; 
					height: 20px; 
					padding-top: 12px;
				}
				#rss_signup li#newsletter { background: #FFF url("../../../template_images/hvcb/icon-newsletter.gif") no-repeat; }
				#rss_signup li#rss { background: #FFF url("../../../template_images/hvcb/icon-rss.gif") no-repeat; }
				#rss_signup li#twitter { background: #FFF url("../../../template_images/hvcb/icon-twitter.gif") no-repeat; }
				#rss_signup li#facebook { background: #FFF url("../../../template_images/hvcb/icon-facebook.gif") no-repeat; }	
		
		
		/**** MIDDLE COLUMN ****/
		#mid_col {
			float: left;
			width: 230px; 
			position: relative;
			top: -8px;
			z-index: 2;
			text-align: center;
			padding-bottom: 50px;
		}
		
			.island_page #mid_col {
				top: -22px;
				margin-bottom: -22px;
			}
		
			#mid_col .graywhite_list li a {
				font-family: Georgia, "Times New Roman", Times, serif;
				font-weight: bold;
				display: block;
			}			
			
			#mid_col .widget {
				margin: 0 auto;
				text-align: left;
				margin-bottom: 14px;
			}
		
			.widget {
				width: 208px;
				margin: 0 0 14px 0;
				padding: 0;
				font-weight: bold;
				font-size: .9em;				
				line-height: 1.72em;
				border: 1px solid #8D93A1;
				background: #ECF1F3 url("../../../template_images/hvcb/widget-repeat-main.gif") repeat-y;
				border: 1px solid #8D93A1;

			}
			
				.widget a {
					color: #916333;
				}
				
				.widget a:hover {
					color: #4E1A0C;
				}
				
			.widget ol {
				width: 173px;
				margin: 0;
				padding: 0 0 1px 35px;				
				background: url("../../../template_images/hvcb/widget-ol-lines.gif") repeat-y;
				margin-bottom: 4px;
				line-height: 1.72em;
			}
			
			.widget ul {
				width: 173px;
				margin: -4px 0 10px 0 !important;
				padding: 0;				
				background: url("../../../template_images/hvcb/widget-ul-lines.gif") repeat-y;
				margin-bottom: 4px;
				list-style-type: none;
				line-height: 1.9em;
			}
				.widget ul li {					
					background: url("../../../template_images/hvcb/arrow-widget.gif") no-repeat; 
					background-position: 15px 7px;
					padding: 4px 0px 4px 35px;
				}
				
			
			.widget a.widget_arrow {
				display: block;
				padding-bottom: 3px;
			}
			
				.widget a.widget_arrow img {
					margin-left: 15px;
					margin-right: 3px;
					position: relative;
					top: 2px;
				}
				
			.island_page .widget { 					
				background: #ECF1F3 url("../../../template_images/hvcb/widget-repeat-islandpage.gif") repeat-y !important;
				border: 1px solid #A49A90; 
			}
			
			/* Big Widget */
			.bigWidget {
				width: 250px;
				margin: 16px 0 14px 0;
				padding: 0;
				font-weight: bold;
				font-size: .9em;				
				line-height: 1.72em;
				border: 1px solid #8D93A1;
				background: #ECF1F3 url("../../../template_images/hvcb/bigwidget-repeat.gif") repeat-y;
				border: 1px solid #8D93A1;
			}
			
				.bigWidget ul {
					width: 250px;
					margin: -4px 0 10px 0 !important;
					padding: 0;				
					background: url("../../../template_images/hvcb/bigwidget-ul-lines.gif") repeat-y;
					margin-bottom: 4px;
					list-style-type: none;
					line-height: 1.9em;
				}
				
					.bigWidget ul li {					
						background: url("../../../template_images/hvcb/arrow-widget.gif") no-repeat; 
						background-position: 15px 7px;
						padding: 4px 0px 4px 35px;
            margin:0;
					}
			
			#vidplayer {
				margin: 0 auto;
				margin-bottom: 14px;
				padding: 7px 0 0 0;
				width: 215px;
				height: 215px;
				text-align: center;
			}						
		
					
		/**** RIGHT COLUMN ****/
		#right_col {
			float: right;
			width: 237px;
			text-align: left;
			position: relative;
			top: -222px;
			margin-bottom: -222px;
		}
		
		.island_page #right_col {
			top: -315px;
			margin-bottom: -315px;
		}
		
			.rc_box, #right_col .widget {
				margin-bottom: 21px; 
				margin-left: 15px;
			}
		
			.special {
				width: 210px;		
				margin: 0 0 10px 0;
				padding: 10px 12px 16px 15px;
				padding-right: 12px;
				background: #EBEEEF url("../../../template_images/hvcb/bg-special-gradient.gif") repeat-y;
				color: #838383;
				line-height: 1.5em;
				font-size: .90em;
			}
			
				.special h3 {
					font-weight: bold;
					color: #555555;
					font-family: Georgia, "Times New Roman", Times, serif;
					text-transform: capitalize;
					font-size: 1em;
					margin: 4px 0 0 0;
				}
					
				.special p {
					margin: 0;
				}
	
	
#footer {
	/* width: 929px; */
  /* margin:0 0 0 14px */
}

#footer-wood {
  /* margin:0 0 100px 14px; */
}


/********* SECONDARY LEVEL PAGES *********/
#content .secondaryPage {
	padding:5px 0 90px 12px !important;
	color: #838383;
}

#content .secondaryPage .main-text {
  font-size: 	13px;
  line-height: 1.6em;
}

#content .secondaryPage p {
	margin-top:1em;
}

.secondaryPage #right_col {
	/* position: relative;
	top: -5px;
	margin-bottom: 0; */
  margin:-13px 0 0 0;
}

.secondaryPage a {
	text-decoration: underline;
	/* PW: FLY-294: color: #C67E02 !important; */
}

	.secondaryPage a:hover, .secondaryPage .searchTags a:hover, .secondaryPage #left_col #relatedTags a:hover {
		text-decoration: underline;
		color: #999999 !important;
	}
.secondaryPage  .sortResults {
	float: left;
}

.secondaryPage  .numResults {
	float: left;
}

.secondaryPage  .pages {
	float: right;
}

.secondaryPage  .learnMore {
	font-size: .85em;
}

.secondaryPage  .address_block {
	float: right;
	width: 135px;
}

.secondaryPage  .searchTags a {
	color: #5B7C84 !important;
}

.secondaryPage  .dblSeperator {
	clear: both;
	margin: 10px 0;
}

.secondaryPage h1 {
	color: #C67E02;
	font-size: 1.2em;
	margin: 0;
	padding: 0;
	letter-spacing: .05em;
}


.secondaryPage h2 {
	margin-top: .85em;
  margin-bottom: .85em;
}

.secondaryPage .searchCopy h2 {
	margin: 0;
	padding: 0;
}

.secondaryPage .searchCopy h3 {
	margin: 0;
	padding: 0;
}

.secondaryPage .bigWidget {
	float: right;
	margin-left: 10px;
	margin-bottom: 5px;
}

.widget-top, 
.widget-bottom {
  clear: both; 
  display: block;
  height: 6px; 
  background: url(../../../template_images/hvcb/bigwidget-topbottom.gif) 0 0 repeat-y;
  overflow:hidden;
}

.secondaryPage #breadcrumbs {
	margin-bottom: 12px;
}

#content .secondaryPage p.orange {
	color: #C67E02;
	font-size: 1.2em;
	margin: 0;
	padding: 5px 0 0 0;
}

	/*** 3 COL PAGE -- LEFT COL, MIDDLE, RIGHT COL ***/
	.secondaryPage #left_col {
		width: 165px;
		float: left;
		margin:7px 10px 0 0;
    font-size:12px;
	}
	
		.secondaryPage #left_col h3 {
			margin: 0;
			padding: 0;
			color: #5B7C84;
			font-size: 1em;
      text-transform:uppercase;
		}
	
		.secondaryPage #left_col ul {
			margin: 0;
			padding: 0;
			list-style-type: none;
		}
		
			.secondaryPage #left_col ul li {
				padding-left: 12px;
        padding-top:3px;
        padding-bottom:3px;
        margin:0;
        line-height:16px;
			}
		
		.secondaryPage #left_col #relatedTags {
			padding-left: 12px;
		}
		
			.secondaryPage #left_col #relatedTags a {
				color: #5B7C84 !important;
			}
	
	.secondaryPage .secondaryHeader {
		margin-bottom: 8px;
	}
	
	.secondaryPage #mid_2col {
		width: 530px;
		float: left;
		display: block;
	}
	
		.secondaryPage #mid_2col h1 {
			font-size: 1.4em;
		}


	/*** EVENTS SEARCH PAGE ***/
	/* search box big */
	.searchBox {
		width: 675px;		
		margin: 0;
		padding: 17px 15px 0 15px;		
		color: #5B7C84;
	}
	
		#eventsSearch {
			height: 128px;
			background: #ECF1F3 url("../../../template_images/hvcb/bg-search-results.gif") no-repeat;	
		}
		
	
		.searchBox #searchedKeyword {
			font-size: 1.5em;
			letter-spacing: .1em;
			position: relative;
			top: -7px;
			padding-left: 3px;
			background: #ECF1F3;
		}
		
		.searchBox #includeLocalEvents {
			float: left;
			margin-top: 14px;
		}
		
		.searchBox .refreshResults {
			float: right;
		}
	
	/* search results list */
	#searchResultsList {
		width: 660px;
		margin: 20px 0 0 18px;
		line-height: 1.5em;
		clear: both;
	}
		
		#searchResultsList  .numResults {
			margin-left: 50px;
		}

		
		#searchResultsList .searchThumb {
			float: left;
			border: 1px solid #EDF2F4;
			margin: 2px 12px 12px 0;
		}
		
		#searchResultsList .searchCopy {
			width: 408px;
			float: left;
			margin: 0;
			padding: 0;
		}
			#searchResultsList h2 {
				margin: 0;
				padding: 0;
				color: #AEAEAE;
				font-weight: normal;
				font-size: 1em;
			}
			
			#searchResultsList h2 a {
				font-size: 1.4em;
				font-weight: normal;
				letter-spacing: .05em;
			}
		
		
		/*** SITE SEARCH PAGE ***/
		
		#siteSearch {
			height: 38px;
			background: #ECF1F3 url("../../../template_images/hvcb/bg-search-results-sml.gif") no-repeat;	
			margin-bottom: 14px;
		}
		
		#siteResults {
			width: 412px;
			margin-left: 18px;
			padding: 0 14px 19px 0;
			background: url("../../../template_images/hvcb/bg-siteresults.gif") repeat-y;	
			float: left;
			line-height: 1.52em;
		}		
			
			#siteResults .refreshResults {
				margin-top: 39px;
				margin-left: -6px;
			}
			
			#siteResults .searchThumb {
				float: left;
				border: 1px solid #EDF2F4;
				margin: 2px 10px 10px 0;
			}
			
			#siteResults h2 a {
				font-size: .9em;
				letter-spacing: .05em;
				font-weight: normal;
			}
			
			#siteResults .searchCopy {
				width: 350px;
				float: left;
				margin: 0;
				padding: 0;
			}				
			
			#siteResults .numResults {
				width: 110px;
			}
			
			#siteResults #btnPrint {
				float: left;
				position: relative;
				top: -11px;
				margin-bottom: -25px;
			}
			
			#siteResults .pages {
				float: right;
			}
			
			/* Members List */
			#siteResultsMembers {
				width: 220px;
				float: left;
				margin-left: 12px;
			}
				
				#siteResultsMembers  .refreshResults {
					margin-top: 4px;
					margin-left: -8px;
				}
				
				#siteResultsMembers .searchThumb, #featuredmembers .searchThumb {
					float: left;
					border: 1px solid #EDF2F4;
					margin: 2px 6px 6px 0;
				}
				
				#siteResultsMembers h3 {
					margin: 0 0 2px 0;
					padding: 0;
					font-size: 1em;
					letter-spacing: .05em;
				}
        
        #featuredmembers .pagination {
          clear:none;
        }
				
				#siteResultsMembers .searchCopy {
					width: 178px;
					float: left;
					line-height: 1.25em;
				}
				
					#siteResultsMembers .searchCopy p, #featuredmembers .searchCopy p {
						margin: 0;
						padding: 0;
						font-size: .9em;
						letter-spacing: .1em;
					}
					
					#siteResultsMembers .searchCopy .searchTags {
						font-size: .85em;
						letter-spacing: .02em;
					}
					
					.searchCopy .visitAddLinks {
						color: #C67E02;
						font-size: .8em;
						font-weight: bold;
						letter-spacing: .035em;
					}
					
						.searchCopy .visitAddLinks a {
							font-weight: normal;
						}
						
			/* featured members */
			#featuredmembers {
				margin-top: 25px;
			}
			
			#featuredmembers .searchCopy {
				width: 485px;
				float: left;
				line-height: 1.15em;
			}				
				
				#featuredmembers .searchCopy .searchTags {
					font-size: .8em;				
				}
			
			#featuredmembers h2 {
				float: left;
				margin:0;				
				padding:0;
				font-size: 1.3em;
				color: #C67E02;
				font-weight: normal;
				letter-spacing: .05em;
			}
      
      #siteResultsMembers h3, #featuredmembers h3 {
					margin: 0 0 2px 0;
					padding: 0;
					font-size: .85em;
					letter-spacing: .05em;
				}
      
      #featuredmembers h4 {
				margin:0 !important;
			}
      
      #featuredmembers p {
				margin-top:0.5em !important;
        line-height:1.4em;
			}
			
			#featuredmembers a.blueLink {
				color: #5B7C84 !Important;
				float: right;
				font-size: .8em;
				clear: right;
			}
						
			/* Gallery */
			#gallery {
				margin: 8px 0px 0px 18px;
			}
				#gallery h1 {
					float: left;
				}
				
				#gallery .numResults {
					float: left;
					margin: 0px 30px 0px 24px;
				}
        
        
    /* Guidebook Tabs */
    #guidebooktabs {
      margin:3px 0 0 0;
      padding:0 0 0 30px;
      height:53px;
      width:506;
      border:0;
      font-size:1em;
      background:url(../../../template_images/hvcb/guidebook_tab_sprite.png) top left no-repeat;
      list-style-type:none;
    }
      
    #guidebooktabs.active-panel1 {
      background-position:top left;
    }
    
    #guidebooktabs.active-panel2 {
       background-position:bottom left;
    }
      
      #guidebooktabs li {
        margin:5px 0 0 0;
        padding:0;
        background:none;
        float:left;
        border:0;
        list-style-type:none;
      }
      
        #guidebooktabs li a {
          display:block;
          padding:5px 28px 5px 27px;
        }
      
        #guidebooktabs li span {
          display:block;
          visibility:hidden;
        }
        
        .refcontent {
          margin:10px 0 0 0;
        }
        
        .refcontent .refcontentdisplay {
          /*margin:0 0 10px 0;*/
        }
        
        .refcontent .displaycontent {
          width:543px;
          height:205px;
          background:url(../../../template_images/hvcb/guidebook_presentation_bg.jpg) top left no-repeat;
        }
        
        .refcontent .displaycontent .refcontentimgpanel {
          margin:1px 0 0 9px;
          float:left;
        }
        
        .refcontent .displaycontent .refcontentimgpanel img {
          width:351px;
          height:192px;
          border:0;
        }
        
        .refcontent .displaycontent h3 {
          margin:0;
          font-size:95%;
          line-height:17px;
        }
        
        .refcontent .displaycontent .summarypanel {
          float:right;
          clear:right;
          width:160px;
          height:154px;
          margin:18px 11px 20px 9px;
        }
        
        .refcontent .displaycontent p {
          font-size:95%;
          line-height:15px;
          margin-bottom:.3em;
        }
        
        .refcontent .displaycontent .learnmore{
          white-space:nowrap;
        }
        .refcontent .linktray {
          padding:1em 0 0 13px;
          
          /* background:url('/template_images/hvcb/double-lines-med.gif') bottom left repeat-x; */
        }
        
        .refcontent  .col {
          float:left;
          /* width:161px; */
          width: 158px;
          padding:0 14px 0 0;
          
        }
        
        .refcontent  .col a {
          line-height:16px;
          display:block;
          padding:0 0 9px 0;
        }
        
        .refcontent div.morelink {
          padding:1em 0 .5em 13px;
        }
        
        .refcontent div.morelink a {
          color:#5b7c84 !important;
        }
        
        
        .refcontent .FlashContent h3 {
          float:right;
          clear:right;
          color:#5b7c84;
          margin:15px 20px 0 16px;
        }
        
        .refcontent .FlashContent .summarypanel {
          width:145px;
          height:154px;
          margin:0px 10px 20px 20px;
          padding:0px 5px 0 0;
        }
        
        .refcontent .FlashContent .col {
          float:left;
          display:block;
          width:140px;
        }
        
    .content-col-left a,
    .mainregion a {
      font-size:95% !important;
      line-height:14px;
      padding:0;
      margin:0 0 .7em 0;
    }
    .content-col-left a {
      display:block;
      float:left;
      clear:left;
    }
        
    
/* flower background in main container area below flash (not wanted for homepages */
#statewide #main { background: #FFF url("../../../template_images/hvcb/bg-flower-main.gif") no-repeat; }
#kauai #main { background: #FFF url("../../../template_images/hvcb/bg-flower-kauai.gif") no-repeat; }
#oahu #main { background: #FFF url("../../../template_images/hvcb/bg-flower-oahu.gif") no-repeat; }
#molokai #main { background: #FFF url("../../../template_images/hvcb/bg-flower-molokai.gif") no-repeat; }
#lanai #main { background: #FFF url("../../../template_images/hvcb/bg-flower-lanai.gif") no-repeat; }
#maui #main { background: #FFF url("../../../template_images/hvcb/bg-flower-maui.gif") no-repeat; }
#big-island #main { background: #FFF url("../../../template_images/hvcb/bg-flower-bigisland.gif") no-repeat; }

