/* CSS Document */

/* Content */
body, th, td, p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #8F7F4F;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}
img {border:0}
td {text-align:left;}

a { color: #443300; text-decoration: none;}
a:hover { color: #76642E; text-decoration: underline;}
a:visited { color: #443300; text-decoration: none;  }
	
.hdr_whatsnew {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #C17F00;
	text-decoration: none;
	font-weight:bold;
	}
	

.mnuHdrWhite {
	width:400px;
	height:45px;
	color:#c17f00;
	font-variant:small-caps;
	letter-spacing:4px;
	font-size:18px;
	font-weight:bold;
	
}
.mnuHdrWhite a{color: #c17f00; text-decoration: none; }
.mnuHdrWhite a:hover{text-decoration:none; color:#443300; }
.mnuHdrWhite a:visited{color: #c17f00;text-decoration: none; }

.mnuHdrBrown {
	width:186px;
	height:30px;
	color:#60532e;
	background-color:#d3ccb9;
	font-variant:small-caps;
	letter-spacing:3px;
	font-size:18px;
	font-weight:bold;
	padding-top:5px;
	paddin-bottom:5px;
	
	
}
.mnuHdrBrown a:hover{text-decoration:none}
.mnuHdrBrown a {text-decoration:none}
.mnuHdrBrown a:visted{text-decoration:none}

/* Navigation */



.footernav {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10.5px;
	color: #8F7F4F;
}
.footer {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9.5px;
	color: #8F7F4F;
}
.copyright {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #8F7F4F;
}
.whatsnew_bkgd {
	background-repeat:no-repeat;
}

/* Headings */
H1 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11pt;
	color: #028371;
	font-weight: normal;
	margin: 20px 20px 0px 20px;
	text-transform: uppercase;
	letter-spacing: .85px;
}

H2 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10pt;
	color: #302400;
	font-weight: normal;
	margin: 5px 0px 5px 0px;
}
H3 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:9pt;
	color: #028371;
	font-weight: bold;
	margin: 10px 20px 0px 20px;
	line-height: normal;
}
H4 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #028371;
	font-weight: bold;
	margin: 0px 5px 0px 0px;
}

.bios {
	color:#8F7F4F;
	border:none;
	border-bottom:thin;
	border-bottom-style:dashed;
	border-bottom-color:#8f7f4f;
	margin-top:13px;
	margin-bottom:13px;
	

}
.bios p{color:#8F7F4F;}
.bios h4{font-weight:bold; font-size:12px; color:#8F7F4F; padding-bottom:5px}
.bios img{border:thin; border-color:#8F7F4F;  padding:3px; border-style:dotted}

.indexHR {
	color:#8F7F4F;
	border:none;
	border-bottom:thin;
	border-bottom-style:dashed;
	border-bottom-color:#8f7f4f;
	margin-top:13px;
	margin-bottom:13px;
	
}

.indexImg {border:thin; border-color:#8F7F4F;  padding:3px; border-style:dotted}
.keiki p{padding-bottom:15px;  }
.keiki img{border:thin; border-color:#8F7F4F;  padding:3px; border-style:dotted; margin-right:5px; margin-top:5px;}

.globalnav {
	/*height: 30px;*/
	url(images/nav-bkgd.gif);width: 796px;
	margin: 0 auto;
	padding: 0;
	background: url(images/nav-bkgd.gif);
	color: #fff;
}

/* drop down */

#nav {border-bottom: 1px solid #4a3d15;background-image:url(images/nav-bkgd.gif);width: 796px; height:30px; font-size:12px;}
#nav .wrap {height: 31px}
#nav ul {margin: 0; padding: 0 0 0 2px; list-style: none}
#nav ul li {display: block; float: left}
#nav ul li a {display: block; float: left; padding: 8px 5px 2px 12px;letter-spacing:2px;font-variant:small-caps;font-weight:600; color: #4a3d15; border-right: 1px solid #4a3d15; text-decoration:none; text-align:center
}
#nav ul li a:visited {color: #4a3d15;}
#nav ul li a:hover {background-color: #2E3136; color: #ffffff}
#nav ul li.last a {border-right: 0}



#nav ul {position: relative; z-index: 1001; float: left;background-image:url(images/nav-bkgd.gif);width: 750px; height:25px; }
#nav ul li {float: left; vertical-align: middle; zoom: 1}
#nav ul li.hover, #nav ul li:hover {position: relative; z-index: 1003; cursor: default;}
#nav ul ul {visibility: hidden; position: absolute; width: auto; height: auto; margin: 0; top: 25px; left: -1px; z-index: 1002; padding: 5px; background-image: none}
#nav ul ul li {float: left; display: block; }
#nav ul ul ul {top: 1px; left: 99%}
#nav ul li:hover > ul {visibility: visible}

#nav ul li:hover a {background-color: #d3ccb9; color: #ffffff;  color: #ffffff; text-align:left}
#nav ul li ul li:hover a {background-color: #d3ccb9 !important; text-decoration:none}
#nav ul li ul {background-color: #d3ccb9; border-bottom: 5px solid #4a3d15; border-left: 1px solid #60636A}/*background and border colors for nested nav*/
#nav ul li ul li ul {background-color: #c7e591; top: 0px; border: 0}

#nav ul li ul li {height: auto !important; padding: 0}
#nav ul li ul li a {float: left; display: block; background-color: transparent !important; background-image: none !important; height: auto !important; padding: 3px 10px 3px 10px; color: #4a3d15 !important; font-variant:normal; font-size:.75em; font-weight: normal; line-height: 1.3em; text-transform: none !important; border: 0; border-bottom: 1px solid #4a3d15}
#nav ul li ul li.last a {border-bottom: 0 !important}

#nav ul li ul li a:hover {color: #ffffff !important; background-color: #d3ccb9 !important}/*text and hover colors for nested nav*/
#nav ul li ul li ul li a:hover {color: #333333; background-color: #d7e591 !important}
#nav ul ul {width: 173px}
#nav ul li ul li {width: 173px}
#nav ul li ul li a {width: 153px}






/* highlights */
.events #nav .navevents a,
.company #nav .navcompany a,
.volunteer #nav .navvolunteer a,
.riding #nav .navriding a,
.home #nav .navhome a,
.support #nav .navsupport a,
.kona #nav .navkona a {background-image: url(images/nav_on.gif); color: #ffffff}

.events #nav .navevents ul,
.company #nav .navcompany ul,
.volunteer #nav .navvolunteer ul,
.riding #nav .navriding ul,
.home #nav .navhome ul,
.support #nav .navsupport ul,
.kona #nav .kona ul {background-color: #d3ccb9}

.events #nav .navevents ul li a,
.company #nav .navcompany  ul li a,
.volunteer #nav .navvolunteer ul li a,
.riding #nav .navriding ul li a,
.home #nav .navhome ul li a,
.support #nav .navsupport ul li a,
.kona #nav .navkona ul li a {color: #0000000 !important; border-bottom: 1px solid #4a3d15; font-variant:normal; font-size:.75em;}

.company #nav .navcompany ul li a ul li a {color: #000000 !important; border-bottom: 1px solid #4a3d15}

.events #nav .navevents ul li a:hover,
.company #nav .navcompany ul li a:hover,
.volunteer #nav .navvolunteer a:hover,
.riding #nav .navriding a:hover,
.home #nav .navhome a:hover,
.support #nav .navsupport a:hover,
.kona #nav .navkona ul li a:hover {background-color: #d3ccb9 !important}

.frontpage {line-height:20px;}

.frontpage p{ font-size:14px;}