@charset "utf-8";

/* KAMEHAMEHA CSS */

/* =RESET ----------------------------------------------------*/

/* Turn off borders for linked images */

img {
	border: 0;
}

/* UNIVERSAL ELEMENTS */
body {
	font: normal x-small/1.5em Verdana, sans-serif;
	color: #000;
	voice-family: "\"}\"";
	voice-family: inherit;
	font-size: small;
	margin: 0px;
	padding: 0px;
	background: #fcf6eb url(/images/graphic_bkgd.gif);
	background-repeat: repeat-x;
}

#headerGraphic {
	position: absolute;
	left: 50%;
	margin-left: -294px;
	top: 58px;
}

#kaloGraphic {
	position: absolute;
	left: 50%;
	margin-left: -435px;
	top: 47px;
}

#agencyLogos {
	position: absolute;
	left: 50%;
	margin-left: 272px;
	top: 31px;
}

#globalNav {
	color: #089c96;
	font-size: 85%;
	position: absolute;
	left: 50%;
	margin-left: 260px;
	top: 93px;
}

#pageTitle {
	position: absolute;
	left: 50%;
	margin-left: -450px;
	top: 155px;
}

#contentWrapper {
	position: absolute;
	left: 50%;
	margin-left: -450px;
	margin-top: 15px;
	padding: 0;
	width: 900px;
	background-color: #FFFFFF;
	border-top: 130px solid #c2f0ee;
}

#footerLinks {
	padding: 10px 0px 15px 0px;
	margin-top: 10px;
	text-align: center;
	color: #089c96;
	font-size: 85%;
	top: 101px;
	background-color: #fcf6eb;
	border-top: 6px solid #c2f0ee;
}

/* PRIMARY NAVIGATION */
#primNavPos {
	position: absolute;
	left: 50%;
	margin-left: -295px;
	top: 118px;
	width: 724px;
	height: 32px;
	z-index: 2;
}

ul {
	margin: 0;
	padding: 0;
}

li {
	margin: 0;
	padding: 0;
}

#primNav li {
	list-style: none;
	display: inline;
	margin: 0;
	padding: 0;
}

#primNav li#A a {
	background: url("/images/gfx_pNavTab.png") no-repeat;
	background-position: 0px -27px;
	width: 136px;
	height: 27px;
	float: left;
	padding-right: 0px;
}

#primNav li#A a:hover {
	background-position: 0 -54px;
}

span.onA {
	background: url("/images/gfx_pNavTab.png") no-repeat;
	background-position: 0px 0px;
	width: 136px;
	height: 27px;
	float: left;
	padding-right: 0px;
}

#primNav li#B a {
	background: url("/images/gfx_pNavTab.png") no-repeat;
	background-position: -136px -27px;
	width: 170px;
	height: 27px;
	float: left;
	padding-right: 0px;
}

#primNav li#B a:hover {
	background-position:  -136px -54px;
}

span.onB {
	background: url("/images/gfx_pNavTab.png") no-repeat;
	background-position: -136px 0px;
	width: 170px;
	height: 27px;
	float: left;
	padding-right: 0px;
}

#primNav li#C a {
	background: url("/images/gfx_pNavTab.png") no-repeat;
	background-position: -306px -27px;
	width: 91px;
	height: 27px;
	float: left;
	padding-right: 0px;
}

#primNav li#C a:hover {
	background-position:  -306px -54px;
}

span.onC {
	background: url("/images/gfx_pNavTab.png") no-repeat;
	background-position: -306px 0px;
	width: 91px;
	height: 27px;
	float: left;
	padding-right: 0px;
}

#primNav li#D a {
	background: url("/images/gfx_pNavTab.png") no-repeat;
	background-position: -397px -27px;
	width: 150px;
	height: 27px;
	float: left;
	padding-right: 0px;
}

#primNav li#D a:hover {
	background-position:  -397px -54px;
}

span.onD {
	background: url("/images/gfx_pNavTab.png") no-repeat;
	background-position: -397px 0px;
	width: 150px;
	height: 27px;
	float: left;
	padding-right: 0px;
}

#primNav li#E a {
	background: url("/images/gfx_pNavTab.png") no-repeat;
	background-position: -547px -27px;
	width: 176px;
	height: 27px;
	float: left;
	padding-right: 0px;
}

#primNav li#E a:hover {
	background-position:  -547px -54px;
}

span.onE {
	background: url("/images/gfx_pNavTab.png") no-repeat;
	background-position: -547px 0px;
	width: 176px;
	height: 27px;
	float: left;
	padding-right: 0px;
}

/* SECONDARY NAVIGATION */

.secNavWrapper {
	padding: 8px;
	margin: 12px 0px 0px 25px;
	background-color: #eafbfa;
	border: 1px solid #9ad7d4;
}

#secNav {
	background-color: #f1fbfb;
	border: 1px solid #9ad7d4;
}

.secNavTitle {
	font: normal 115%/1.5em Times, sans-serif;
	letter-spacing: .35em;
	font-weight: bold;
	color: #0d837e;
	padding: 10px 10px 0px 10px;
	text-align: center;
}

#secNav ul {
	padding: 10px;
	list-style: none;
}

#secNav li {
	padding: 6px 0px 6px 5px;
	line-height: 1.25em;
	border-top: 1px dashed #9ad7d4;
}

#secNav a {
	font-size: 85%;
}

/* TERTIARY NAVIGATION */

#thirdNav {
	padding: 0px 0px 0px 0px;
	margin-top: 10px;
	color: #089c96;
	font-size: 85%;
}

/* HYPERLINKS */

a {
	color: #d67e0b;
	text-decoration: none;
}

a:link {
	color: #d67e0b;
	text-decoration: none;
}

a:visited {
	color: #underline;
}

a:hover {
	color: #089c96;
	text-decoration: none;
}

/* COLORS */

.aqua {
	color: #089c96;
}

.aquaDark {
	color: #067f7a;
}

.aquaLight {
	background-color: #c2f0ee;
}

.green {
	color: #7cbe2a;
}

.orange {
	color: #d67e0b;
}

.gray {
	color: #666666;
}

/* TEXT STYLES */

p {
	font: normal 85%/1.5em Verdana, sans-serif;
	padding: 0px 0px 10px 0px;
	margin: 0px 0px 0px 0px;
}

p.bigTitle {
	font: normal 175%/1em Times, serif;
	padding: 8px 0px 0px 0px;
	margin: 0;
	color: #9d6711;
	font-weight: bold;
}

h1 {
	font: normal 155%/1em Times, serif;
	padding: 10px 0px 10px 0px;
	margin: 0;
	color: #05635f;
	line-height: 1.25em;
}

h2 {
	font: normal 140%/1em Times, serif;
	padding: 5px 0px 10px 0px;
	margin: 0;
	color: #078f89;
	line-height: 1.25em;
}

h3 {
	font: normal 120%/1.25em Times, sans-serif;
	font-weight: bold;
	padding: 0px 0px 10px 0px;
	margin: 0;
	color: #639c1c;
}

h3.photoTable {
	padding: 0px 0px 0px 0px;
}

/* GENERAL DESIGN STYLES */

.bulletList {
	font-size: 85%;
	width: 450px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 5px 0px;
}

.bulletList ul {
	line-height: 1.75em;
	list-style-type: none;
	padding: 0px 0px 0px 15px;
	margin: 0px 0px 0px 0px;
}

.bulletList li {
	padding: 0px 0px 5px 15px;
	background: transparent url(/images/bullet_orange.gif) no-repeat;
	background-position: 0px 3px;
}

.titleWrapper {
	padding: 0px 0px 10px 0px;
	margin: 0px 0px 0px 0px;
}

.readMore {
	font: normal 85%/1.5em Verdana, sans-serif;
	padding: 0px 0px 10px 0px;
	margin: 0px 0px 0px 0px;
	text-align: right;
}

.floatLeft {
	float: left;
}

.floatRight {
	float: right;
}

.paddingLeft10 {
	padding-left: 10px;
}

.paddingLeft25 {
	padding-left: 25px;
}

.paddingLeft20 {
	padding-left: 20px;
}

.paddingTop10 {
	padding-top: 10px;
}

.paddingTop15 {
	padding-top: 15px;
}

.paddingBottom3 {
	padding-bottom: 3px;
}

.paddingBottom15 {
	padding-bottom: 15px;
}

/* HOME PAGE LAYOUT */


.leftContent {
	width: 320px;
	margin: 30px 14px 0px 30px;
	padding: 0px 10px 0px 0px;
}

.rightContent {
	width: 450px;
	margin: 25px 0px 0px 0px;
	padding: 0px 0px 0px 25px;
	border-left: 1px solid #c2f0ee;
}

.defaultTable {
	margin: 0px;
}

table.defaultTable td {
	padding-top: 10px;
}

/* CHILD PAGE LAYOUT */

.leftContentChild {
	width: 250px;
	margin: 0px 0px 15px 0px;
	padding: 0px 0px 0px 0px;
}

.rightContentChild {
	width: 550px;
	margin: 0px 0px 15px 0px;
	padding: 0px 0px 0px 0px;
}

/* PAGE SPECIFIC ELEMENTS */

/* FLASH MAP */

#pageWrapper {
	position: absolute;
	left: 50%;
	margin-left: -475px;
	margin-top: 15px;
	margin-bottom: 15px;
	padding: 0;
	width: 950px;
	height: 515px;
	background-color: #FFFFFF;
	border-bottom: 10px solid #c2f0ee;
}

.headerWrapper {
	padding: 0;
	margin: 0;
}

.closeButton {
	position: absolute;
	left: 50%;
	margin-left: 395px;
	margin-top: 57px;
}

/* GET INVOVLED */

.contactName {
	font-weight: bold;
	color: #508015;
}

/* IMPROVEMENT PROJECTS */

.projectTable {
	font-size: 85%;
	padding: 0px 0px 0px 0px;
	margin-bottom: 10px;
}

table.projectTable td {
	border-bottom: 1px solid #e6d3b5;
	vertical-align:top;
}

.tableTitle {
	font-weight: bold;
	letter-spacing: .15em;
	color: #b88126;
	text-transform: uppercase;
}

.tableNumber {
	color: #067f7a;
	font-weight: bold;
}

.mapButtonWrapper {
	margin: 18px 0px 0px 27px;
}

.landscapeEnhance {
	float: right;
	clear: both;
}

.bulletList2 {
	font-size: 85%;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 5px 0px;
}

.bulletList2 ul {
	line-height: 1.75em;
	list-style-type: none;
	padding: 0px 0px 0px 15px;
	margin: 0px 0px 0px 0px;
}

.bulletList2 li {
	padding: 0px 0px 5px 15px;
	background: transparent url(/images/bullet_orange.gif) no-repeat;
	background-position: 0px 3px;
}

p.landscape {
	text-align:right;
	padding: 40px 0px 0px 55px;
}