.preload {
    display: none;
}

html {
    background-color: #88BB88;
}

#hd {
    background-image: url( "/images/header.png" );
    height: 262px;
}


#navbar {
    position: relative;
    top: 232px;
    left: 25px;
    width: 950px;
    height: 30px;
    z-index: 2;
}

#navbar > li {
    height: 30px;
}

#navbar .no-link {
    cursor: default;
}



#bd {
    background-image: url( "/images/center.png" );
    padding: 3em 8em;
    position: relative;
}

#ft {
    background-image: url( "/images/footer.png" );
    height: 195px;
}

#footer-text {
    text-align: center;
    padding: 4em 0em 0em 0em;
}

/* Page-specific styles */


/* Home */
#blurb .title {
    font-size: 2.5em;
    padding: 0.5em 0em;
}

#blurb p {
    font-size: 1.2em;
    line-height: 1.5em;
    text-align: justify;
}

/* History/Facts */
.history_facts h1 {
    padding: 6px 0px 2px 0px;
}
.history_facts h3 {
    padding: 2px 0px 6px 0px;
}

.history_facts .section {
    padding-bottom: 2em;
}

.history_facts .text {
    font-size: 1.2em;
    line-height: 1.5em;
    text-align: justify;
}

/* Officers */
.officersheader {
    text-align: center;   
}

#officerstable {
    width: 96%;
    max-width: 1000px;
    margin: auto;
    padding: 1px;
}

#officerstable td {
    padding: 12pt;
    line-height: 16pt;
    vertical-align: top;
}

#officerstable .personal {
    width: 25%;
    text-align: right;
}

#officerstable .personal .name {
    font-weight: bold;
}

#officerstable .desc {
    width: 75%;
    text-align: justify;
}

#officerstable, #officerstable td {
    border: 1px solid black;
}

#officerstable tr:hover {
    background-color: #fed9a6;
}

/* Getting Involved / How It Works */

.getting_involved, .how_it_works {
    line-height: 160%;
    text-align: justify;
    font-size: 13pt;
}

.getting_involved h1, .how_it_works h1 {
    margin: 0px;
    padding: 6px 0px;
    text-align: left;
    line-height: 120%;
}

.getting_involved a, .how_it_works a {
    font-size: 13pt;
}

.getting_involved ul {
    margin-top: 0pt;
    margin-bottom: 2em;
}

.getting_involved li, .how_it_works li {
    padding: 3px;
}

.getting_involved li:hover, .how_it_works li:hover {
    padding: 2px;
    background-color: rgba(255, 255, 255, 0.2);
    border: 1px solid #065F9C;
}

.getting_involved em, .how_it_works em {
    font-weight: bold;
}

.getting_involved ul.qna li {
    margin: 10pt 0pt;
    padding: 4px;
    display: block;
}

.getting_involved ul.qna li:hover {
    display: block;
    padding: 3px;
    margin: 10pt 0pt;
    background-color: rgba(255, 255, 255, 0.2);
    border: 1px solid #065F9C;
}

.getting_involved ul.qna li .question {
    display: block;
    font-weight: bold;
}

.getting_involved ul.qna li .answer {
    display: block;
    margin-left: 2.5em;
    font-size: 80%;
}