@charset "UTF-8";
/* CSS Document */

body { background-color:#6a5f4d; background-image: url(../images/body-background-ulu.gif); background-position:top center; background-repeat:repeat; margin: 0; padding: 0; text-align:center; font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif; font-size:12px; line-height: 18px; color:#555;}

.ola { background-color:#6a5f4d; background-image: url(../images/body-background-ola.gif); background-position:top center; background-repeat:repeat; margin: 0; padding: 0; text-align:center; font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif; font-size:12px; line-height: 18px; color:#555;}


a:link {color:#930}
a:hover {color:#000}
a:focus {color:#000}
a:visited {color:#333}

#wrapperOla {
	margin: 0 auto;
	width:954px;
	position: relative;
	background-image:url(../images/wrapper-background-ola-ie.gif);
	background-position:top center;
	background-repeat:repeat-y;
	text-align:left;
	background-color:#FFF;
}

#wrapper {
	margin: 0 auto;
	width:954px;
	position: relative;
	background-image:url(../images/wrapper-background-ie.gif);
	background-position:top center;
	background-repeat:repeat-y;
	text-align:left;
	background-color:#FFF;
}

#page { width:870px; margin: 0 42px; padding:0;; background-image:url(../images/page-background2.gif); background-position:top center; background-repeat:repeat-y;}

#logo { width:870px; height:220px; margin:0; padding:0; background-image:url(../images/NaHHA.gif); background-position:top center; background-repeat:no-repeat; background-color:#FFF; display:block;}

#logo-Ola { width:870px; height:220px; margin:0; padding:0; background-image:url(../images/NaHHA-Ola.gif); background-position:top center; background-repeat:no-repeat; background-color:#FFF; display:block;}

#logo span {display:none;}

#logo-Ola span {display:none;}


#navigation { width:170px; position: absolute; left: 67px; top: 220px; }
.subnavigation a { color:#50483b; text-decoration:none; font-weight:bold; font-size:10px; text-transform:uppercase;}
.subnavigation a:hover { color:#726653; text-decoration:none; font-weight:bold}
.subnavigation a:visited { color:#50483b; text-decoration:none; font-weight:bold}

#content { width:610px; margin: 0 0 0 235px; min-height: 300px;}

.clearbio { clear:both; margin-bottom:50px}

img.shadow {
	background: url(../images/shadow-1000x1000.gif) no-repeat right bottom;
	padding: 5px 10px 10px 5px;
	margin: 0 0 10px 20px;
	float:right;
}

#footer { text-align:center; padding: 5px 0; background-color:#fff; border-top: solid 1px #d4dfca; text-transform:uppercase; font-size:9px; color:#666; letter-spacing: .1em; line-height:normal;}
#footer a { color:#666; letter-spacing: .1em; text-decoration:underline; }
#footer a:hover { color:#000; letter-spacing: .1em; text-decoration:underline; }

h1 { font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; font-size:28px; font-weight:normal; color:#688e43; margin: 40px 0 0 0; line-height: 28px; border-bottom: solid 1px #688e43; padding-bottom: 2px;}
h2 { font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; font-size:22px; font-weight:normal; color:#688e43; margin: 40px 0 0 0; line-height:22px;  border-bottom: solid 1px #688e43; padding-bottom: 1px;}
h3 { font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; font-size:22px; font-weight:normal; color:#688e43; margin: 0; line-height:22px;}
h4 { font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; font-size:16px; font-weight:normal; color:#688e43; margin: 0; line-height:20px;}
h5 { font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; font-size:28px; font-weight:normal; color:#c10606; margin: 0px 0 0 0; line-height: 28px; border-bottom: solid 1px #c10606; padding-bottom: 2px;}


.redheading { font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; font-size:28px; font-weight:normal; color:#c10606; margin: 0px 0 0 0; line-height: 28px; border-bottom: solid 1px #c10606; padding-bottom: 2px;}

.new { font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; font-size:12px; font-weight:normal; color:#c10606; margin: 0; line-height:20px;}

.names a {text-decoration:none }

img.headshot {
	background: url(../images/shadow-1000x1000.gif) no-repeat right bottom;
	padding: 5px 10px 10px 5px;
	margin: 0 0 10px 20px;
	float:right;
}

img.headshot-float-left {
	background: url(../images/shadow-1000x1000.gif) no-repeat right bottom;
	padding: 5px 10px 10px 5px;
	margin: 0 20ox 10px 0;
	float:left;
}

.colorboxhidden{display:none;}

.redcolor {
	color: #990000;
}


#HomeButton {
background:url("../images/home.gif") no-repeat 0 0;
display:block;
width:170px;
height:28px;
}

#AboutNaHHAButton {
background:url("../images/about.gif") no-repeat 0 0;
display:block;
width:170px;
height:28px;
}

#OurWorkButton {
background:url("../images/ourwork.gif") no-repeat 0 0;
display:block;
width:170px;
height:28px;
}

#OlaHawaiiButton {
background:url("../images/olahawaii.gif") no-repeat 0 0;
display:block;
width:170px;
height:28px;
}

#EventsButton {
background:url("../images/events.gif") no-repeat 0 0;
display:block;
width:170px;
height:28px;
}

#PartnershipsButton {
background:url("../images/partnership.gif") no-repeat 0 0;
display:block;
width:170px;
height:28px;
}

#SponsorshipsButton {
background:url("../images/sponsorships.gif") no-repeat 0 0;
display:block;
width:170px;
height:28px;
}

#ResourcesButton {
background:url("../images/resources.gif") no-repeat 0 0;
display:block;
width:170px;
height:28px;
}

#ContactButton {
background:url("../images/contact.gif") no-repeat 0 0;
display:block;
width:170px;
height:28px;
}

#NewsletterButton {
background:url("../images/newsletter.gif") no-repeat 0 0;
display:block;
width:170px;
height:28px;
}

#HomeButton:hover,#AboutNaHHAButton:hover,#OurWorkButton:hover,#OlaHawaiiButton:hover,#EventsButton:hover,#PartnershipsButton:hover,#ResourcesButton:hover,#ContactButton:hover,#SponsorshipsButton:hover, #NewsletterButton:hover {
background-position: center bottom;
}

#HomeButton span,#AboutNaHHAButton span,#OurWorkButton span,#OlaHawaiiButton span,#EventsButton span,#PartnershipsButton span,#ResourcesButton span,#ContactButton span,#SponsorshipsButton span,#NewsletterButton span {
display:none;
}



.picture { background-color: #FAFAFA;
border: 1px solid #CCCCCC; padding: 3px;
font: 11px/1.4em Arial, sans-serif; }
.picture img { border: 1px solid #CCCCCC;
vertical-align:middle; margin-bottom: 3px; }
.right { margin: 0.5em 0pt 0.5em 0.8em; float:right; }
.left { margin: 0.5em 0.8em 0.5em 0; float:left; }

.greencolor {
	color:#688e43;
	font-size: 11px;
}