/* CSS Document */
/* http://meyerweb.com/eric/tools/css/reset/ */
/* v1.0 | 20080212 */

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, tt, var, b, u, i, center, 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-size: 100%;
vertical-align: baseline;
}

body {
font: 62.5% Verdana, Arial, Helvetica, sans-serif;
margin: 0px 0px 2em;
padding: 0px;
color: #333;
background: #24364C url(site-top-tile.gif) repeat-x fixed center top;
text-align: center;
}

a img {
border-style: none;
}

.wrapper {
width: 981px;
margin-right: auto;
margin-left: auto;
border-right: 1px;
border-bottom: 3px;
border-left: 1px;
text-align: left;
margin-bottom: 1em;
}

.header {
padding: 0px;
font-weight: bold;
margin: 0px;
}

#main-nav {
background: #255759;
margin: 0px;
padding: 0px;
}

#main-nav p {
padding: 0px;
margin: 0px;
font-size: 1.4em;
display: inline;
}

#main-nav p a {
color: #ffffff;
text-decoration: none;
padding: 12px 15px;
margin: 0px;
letter-spacing: 0.1em;
border-right: 1px solid #1C4446;
float: left;
white-space: nowrap;
width: auto;
}

#main-nav p a:hover {
color: #fff;
background: #296568;
}

#main-nav p.selected a {
background: url(../site-media/nav-bk.png) repeat-x left bottom;
color: #FFC;
}

.content {
padding: 33px;
background: #FFF;
border-right: medium solid #CCC;
border-left: medium solid #CCC;
}

h1 {
color: #24364C;
margin: 0px 0px 1em;
padding: 0px;
letter-spacing: 0.1em;
font: bold 1.7em "Trebuchet MS", Arial, Helvetica, sans-serif;
border-bottom: 1px;
}

h2 {
color: #593633;
margin: 0px 0px 9px;
padding: 0px;
letter-spacing: .1em;
font: bold 1.5em/1.3 "Trebuchet MS", Arial, Helvetica, sans-serif;
}

h3 {
color: #014454;
margin: 0px 0px 0.5em;
padding: 0px;
font: bold 1.5em/1.6 Georgia, "Times New Roman", Times, serif;
text-align: right;
}

h4 {
color: #593633;
margin: 0px 0px .5em;
padding: 0px;
font: bold 1.5em "Trebuchet MS", Arial, Helvetica, sans-serif;
text-align: right;
}

h5 {
font-size: 1.5em;
color: #7A102D;
margin: 0px 0px .25em;
padding: 0px;
}

h6 {
font-size: 1.5em;
color: #083F4F;
margin: 0px 0px .5em;
padding: 0px;
font-weight: normal;
}

p {
font-size: 1.2em;
line-height: 1.65;
margin: 0px 0px 1em 0em;
padding: 0px;
}

ul li {
font-size: 1.2em;
line-height: 1.6;
margin: 0px 0px 0.5em 2em;
padding: 0px;
}

ol li {
font-size: 1.2em;
line-height: 1.6;
margin: 0px 0px .75em .5em;
padding: 0px;
}

ul li ul {
padding-top: .25em;
padding-bottom: 0em;
}

ul li ul li {
font-size: 100%;
margin: 0px 0px 0.25em 2em;
padding: 0px;
}

table {
border-collapse: collapse;
margin: 0px auto 1em;
padding: 0px;
border: 1px solid #999;
}

th, td {
font-size: 1.2em;
padding: 0.25em 0.5em;
text-align: left;
border: 1px solid #999;
}

.half {
margin: 0px;
padding: 0px;
}

.left-half {
float: left;
width: 427px;
}

.right-half {
float: right;
width: 427px;
}

.right-half-brd {
float: right;
width: 454px;
border-left: 1px solid #E0E0E0;
}

.third {
margin-bottom: 3em;
padding-bottom: 2px;
border-bottom: 1px solid #E0E0E0;
}

.left-two-third {
width: 574px;
float: left;
}

.right-one-third {
float: right;
width: 276px;
}

.right-one-third-brd {
float: right;
width: 303px;
border-left: 1px solid #E0E0E0;
}

.right-one-third-nobrd {
float: right;
width: 303px;
}

.quarter {
margin: 0px;
padding: 0px;
}

.left-three-quarter {
width: 654px;
float: left;
}

.left-three-quarter-brd {
float: left;
width: 683px;
border-right: 1px solid #E0E0E0;
}

.right-one-quarter {
float: right;
width: 200px;
}

.footer {
background: #CCC;
height: 18px;
}

.hr-medium {
padding: 0px;
width: 90%;
margin: 2em auto;
border-bottom: 1px solid #E0E0E0;
}

.mahalo {
font-weight: bold;
color: #093;
}

.missing {
font-weight: bold;
color: #F33;
}

.count {
font-weight: bold;
color: #06C;
}

.left-bar {
border-left: 6px solid #519CDD;
padding-left: 1em;
}

.float-left {
float: left;
margin-right: 2em;
}

.clear {
clear: both;
}

.highlight {
color: #486C98;
font-weight: bold;
}

.highlight-2 {
color: #C33;
font-weight: bold;
}

.img-brd {
border: 1px solid #999;
}
.img-brd-bot {
border: 1px solid #CCC;
margin-bottom: .75em;
}
.img-fr {
margin: 0px 0px 0.25em 1em;
padding: 0px;
float: right;
}

.img-lt {
margin: 0px .5em 0em 0em;
padding: 0px;
float: left;
border: 1px solid #999;
}
.img-lt-nobrd {
margin: 0px .75em 0em 0em;
padding: 0px;
float: left;
}
.copyright {
color: #999;
font-size: 1em;
}

.corner-section-people {
margin-left: -1em;
margin-bottom: .5em;
padding: 3.5em 0px 0px 4.25em;
background: url(upper-left-corner.gif) no-repeat left top;
}

.corner-staff-photo {
padding: 0px;
float: left;
width: 252px;
text-align: center;
font-size: 1.2em;
margin: 0px 0em 0em 0px;
}

.corner-staff-photo img {
border: 1px solid #CCC;
margin-bottom: .5em;
}

.corner-staff-details {
padding: 0px;
margin: 0px 0px 0px 270px;
}

.corner-staff-details ul {
margin-bottom: 1em;
}

.corner-staff-details li {
}

.note-bill {
color: #F00;
font-weight: bold;
font-variant: small-caps;
font-size: 1.3em;
}