@import "maui_main_nav.css"; 
@import "maui_sub_nav.css";
@import "maui_lists.css";

/* Browser Reset Start  */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
	background: transparent;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}
/*  -----------------Browser Reset End------------------------  */
html {
	overflow-y: scroll;  /* forces verticle scrollbar in FireFox to avoid "jumping" when page doesn't require a scrollbar */
}
body { 
	/*filter:progid:DXImageTransform.Microsoft.Gradient(endColorstr='#cabb78', startColorstr='#ccad1f', gradientType='0');*/
	margin: 0; 
	padding:0;
	height:100%;
	font: 75%/1.6 verdana; 
	color: #000; 
	/*background: #ccad1f;	*/
	background-image:url(../imgs/page_bg_textured.jpg);
	text-align:left;
	font-family: Verdana, sans-serif, arial; }
#top_spacing  {	margin-top:2px;	}
#container  { margin:0px auto;	padding:0; width:780px;}
#navholder  { margin:0;	padding:0; width:780px; float:left; /*background-image:url(../imgs/blacksand_bg_780x9.png); background-position:bottom; background-repeat:no-repeat;*/  }
#navleft  {
	background-image:url(../imgs/nav_koa_left_25x50_2.jpg);
	background-repeat:no-repeat;
	width:25px;
	height:50px;
	float:left;}
#navright  {
	background-image:url(../imgs/nav_koa_right_25x50_2.jpg);
	background-repeat:no-repeat;
	width:25px;
	height:50px;
	float:left;}
#navlistholder  {
	margin:0;
	padding:0;
	float:left;
	width:730px;
	height:50px;
	background-image:url(../imgs/koamenu_inside_730x50_bg_2.jpg);
	background-repeat:no-repeat;}
#pageheader {  
	padding: 0;  
	margin: 0;
	width:780px;
	height:110px;
	background:url(../imgs/header_780x110_maui2.jpg);
	background-repeat:no-repeat;
	float:left;}
#borderkoabot  {
	font-size:0;
	width:780px;
	height:7px;
	background-image:url(../imgs/brdr_koa_hdr_bot_780x7.jpg);
	float:left;}
#content_bg-home  {
	margin: -2px 0 0 0;
	padding: 0;
	width:780px;
	background: url(../imgs/home-content_bg2.jpg);
	background-repeat: no-repeat;
	float:left;}
	
#content_bg  {
	margin: 0;
	padding: 0;
	width:780px;
	background: url(../imgs/frame_mid_780x75_koa5.jpg);
	background-repeat:repeat-y;
	float:left;}	

#content { 
	width: 80%; 
	margin: 0 auto;
	padding:0;
	text-align: left;
	line-height:1em;
	font-size:1.2em;}
#content_request { 
	width: 85%; 
	margin: 0 auto;
	padding:0;
	text-align: left;
	line-height:1em;
	font-size:1.2em;
	background-image:url(../imgs/request_photos_maui.jpg);
	background-repeat:no-repeat;
	background-position:right 20%;
	}	
#propup{
	margin-top:-130px;
	text-align:right;
	font-size:.75em;
	line-height:1em;
}
#content2 { 
	width: 90%; 
	margin: 0 auto;
	padding:0;
	text-align: left;
	line-height:1em;
	font-size:1.2em;}
#mahalotable  {
	margin:0;
	padding:0;
	background-image:url(../imgs/maile_islands_med.png);
	background-repeat:no-repeat;
	background-position:bottom center;}
#mahalotable2  {
	margin:0;
	padding:0;
	background-image:url(../imgs/maile_islands.png);
	background-repeat:no-repeat;
	background-position:bottom center;}
#mahalotable3  {
	margin:0;
	padding:0;
	background-image:url(../imgs/bg_maui_392x274.png);
	background-repeat:no-repeat;
	background-position:center 70%;
	line-height:1.3em;}
#mahalotable3 p  {
	margin:0; padding:0; text-align:justify;}
#mahalotable3a  {
	margin:0;
	padding:0;
	background-image:url(../imgs/bg_maui_392x274.png);
	background-repeat:no-repeat;
	background-position:center 35%;
	line-height:1.3em;}
#mahalotable3b  {
	margin:0;
	padding:0;
	background-image:url(../imgs/bg_maui_392x274.png);
	background-repeat:no-repeat;
	background-position:center 43%;
	line-height:1.3em;}
	
#mahalotable3c  {
	margin:0;
	padding:0;
	background-image:url(../imgs/bg_maui_392x274.png);
	background-repeat:no-repeat;
	background-position:center 40%;
	line-height:1.3em;}
#mahalotable3c p  {
	margin:0; padding:0; text-align:justify;}
#mahalotable3d  {
	margin:0;
	padding:0;
	/*background-image:url(../imgs/bg_maui_392x274.png);
	background-repeat:no-repeat;
	background-position:center 70%;*/
	line-height:1.3em;}
#mahalotable3d p  {
	margin:0; padding:0; text-align:justify;}	
#mahalotable3e  {
	margin:0;
	padding:0;
	background-image:url(../imgs/bg_maui_392x274.png);
	background-repeat:no-repeat;
	background-position:center 53%;
	line-height:1.3em;}	
#mahalotable4  {
	margin:0;
	padding:0;
	background-image:url(../imgs/request_photos.jpg);
	background-repeat:no-repeat;
	background-position:center 15%;}
#contentbins { 
	width: 53%; 
	margin: 0 auto;
	padding:0;
	text-align: left;
	line-height:1em;
	font-size:1.2em;
	background-image:url(../imgs/bg_container_bin2.png);}	
#contentbins2 { 
	width: 90%; 
	margin: 0 auto;
	padding:0;
	text-align: left;
	line-height:1em;
	font-size:1.2em;
	background-image:url(../imgs/bg_container_bin3.png);}	
#img_request {
	background-image:url(../imgs/request_photos.jpg);
	background-repeat:no-repeat;
	background-position:50% 100%;
	width:100px;
	height:125px;}
#footer  {
	margin: 0;
	padding:0;
	width:780px;
	height:77px;
	text-align:center;
	background:url(../imgs/footer_koa_780x77.jpg);
	background-repeat:no-repeat;
	font-size:85%;
	color:#FFFFFF;
	line-height:.5em;
	float:left;}
#bottom_spacing  {	margin-top:2px;	}
/* Clear */
div.clear  { clear:both; }
br.clear  {clear:both; }
/* Styling */

h1 { margin : 0 ; padding: .5em 0; font-size : 130%; color:#16378c; }
h2 { margin : 0 10px; padding : .5em 0; font-size : 120%; }
h3 { margin : 0 10px; padding : .5em 0; font-size : 110%; }
h4 { margin : 0 10px; padding : .25em 0; font-size : 90%; }
h5 { margin-left: 5px; padding : .25em 0; font-size : 75%; }
.section_h {font-size:120%; color:#16378c; font-weight:600; }
/*p { margin : 0 10px 0; padding: .5em 2em; }*/
p { margin : 0 10px; padding : .5em 0; }
/*  -------------Footer -----------------*/
ul#footerlist {	margin:5px 20px; padding:0; list-style:none;}
ul#listone { margin: 5px 50px 5px 10px; padding : 0 .5em 0 ; list-style-type : none; border: 3px solid #90305c; }
/* Note using clear:left due to floated images and li styling */
ul#listone li { margin: 0; padding : 0; background: none; }
ul#listone li#one { margin: 5px; clear : left; padding : .5em ; background-color : #90305c;  position:relative; } 
ul#listone li#three { background : #fff; }
/* Note the universal * selector */
ul#listone li#two * { color : #fff; }
ul#listone img { border : none; }
/* Note floating the images, relatively positioning them and then using negative margin to make the text wrap */
ul#listone li img { float : left; position : relative; left : -55px; margin-right : -10px; }
ul#listone a:link, ul#listone a:visited { text-decoration : none; color : #a23668; }

#updatedate { font-size:.75em; text-align:right; }

.hide {display:none;}