/*** BODY ****/
body {
   padding: 0;
   margin: 0;
   background-color: #2e3436;
   font-family: sans-serif;
   font-size: 16px;
}

/*** CONTAINER ***/
#container {
   width: 934px;
   margin: 8px auto 4px auto;
   padding: 0;
   background-color: #eeeeec;
   color: #2e3436;
}

/*** LOGO ***/
#logo {
   padding: 24px 0 12px 0;
   margin: 0 0 0 0;
   text-align: center;
   background-color: #888a85;
   color: #fff;
}

/*** NAVIGATION TOP ***/
#navcontainer ul {
   text-align: center;
   font-size: 16px;
   padding: 8px 0 8px 0;
   margin: 0 0 0 0;
   background-color: #555753;
   color: #d3d7cf;
   width: 100%;
   border-top: 2px solid #2e3436;
   border-bottom: 2px solid #2e3436;
}

#navcontainer ul li {
   display: inline;
   padding: 5px 0 5px 0;
   margin: 0;
}

#navcontainer ul li a {
   padding: 4px 8px 4px 8px;
   margin: 0;
   color: #d3d7cf;
   text-decoration: none;
   font-weight: bold;
   border-right: 1px solid #555753;
   border-left: 1px solid #555753;
}

#navcontainer ul li a:hover {
   color: #eeeeec;
   text-decoration: underline overline;
}

#navlist li:before {
   content: "- ";
}
#navlist li:first-child:before {
   content: "";
}

/*** MISSION STATEMENT ***/
#mission_container {
   background-color: #d3d7cf;
   color: #2e3436;
   border-top: 0px solid #2e3436;
   border-right: 0px solid #2e3436;
   border-bottom: 0px solid #2e3436;
   border-left: 0px solid #2e3436;
   margin-top: 36px;
   margin-right: 24px;
   margin-bottom: 32px;
   margin-left: 24px;
   padding-top: 16px;
   padding-right: 8px;
   padding-bottom: 12px;
   padding-left: 8px;
}
#mission_container h1,h2,h3,h4,h5,h6,p {
   padding: 0;
}
.mission_heading {
   text-decoration: none;
   border-bottom: 0px solid #2e3436;
   padding-top: 0px;
}
.mission_paragraph {
   font-size: 16px;
   margin-top: 8px;
   padding-top: 2px;
   padding-bottom: 2px;
}

/*** CONTENT ***/
#content_container {
   margin-top: 0;
   margin-right: 24px;
   margin-bottom: 0;
   margin-left: 24px;
   padding-top: 0;
   padding-right: 0px;
   padding-bottom: 0;
   padding-left: 0px;
}
#content_container h1,h2,h3,h4,h5,h6,p {
   padding: 0;
}
.content_heading {
   font-size: 14px;
   border-bottom: 2px ridge #2e3436;
   border-left: 1px solid #2e3436;
   padding-left: 4px;
   margin-top: 12px;
}
.content_paragraph {
   font-size: 14px;
   padding-top: 2px;
   padding-right: 5px;
   padding-bottom: 2px;
   padding-left: 5px;
   margin-top: 6px;
}

/*** FOOTER ***/
#footer {
   font-size: 12px;
   font-weight: normal;
   text-align: center;
   background-color: #888a85;
   color: #2e3436;
   padding: 24px 2px 12px 2px;
   margin: 16px 0 0 0;
   border-top: 2px solid #2e3436;
/*   height: 32px;*/
}

#footer a:link, #footer a:visited {
   color: #2e3436;
}

#footer a:hover, #footer a:active {
   text-decoration: underline;
}


/* ===== GENERAL STYLING ===== */

/*** HEADERS ***/
h1,h2,h3,h4,h5,h6 {
   color: #2e3436;
   padding: 4px 4px 2px 4px;
   margin: 0 0 0 0;
}

/* underlined headers */
.underline {
   border-bottom: 1px solid #2e3436;
   padding: 1em 0 0 0;
}

/*** PARAGRAPHS ***/
p {
   font-weight: normal;
   font-size: 14px;
   padding: 0 4px 4px 4px;
   margin: 0 0 0 0;
}

/*** UNORDERED LIST ***/
ul {
   margin: 0;
   padding: 0 0 0 2em;
}

/*** HYPERLINKS ***/
a:link {
   color: #204a87;
   font-weight: normal;
   text-decoration: none;
}

a:visited {
   color: #204a87;
   font-weight: normal;
   text-decoration: none;
}

a:hover {
   color: #8f5902;
   font-weight: normal;
   text-decoration: underline;
}

a:active {
   color: #8f5902;
   font-weight: normal;
   text-decoration: underline;
}

/*** FLOATS ***/
img.float_left {
   float:left;
   padding: 0 8px 0 0;
   margin: 0;
}

.float_left {
   float: left;
}
.float_right {
   float:right;
}
.clear {
   clear: both;
}

/*** MISC ***/
.bold {
   font-weight: bold;
}