﻿/*
TOC

    ELEMENTS
    MAIN WRAPPERS
    HEADER AREA
    SECTION HEADER AREA
    MIDDLE AREA
    FOOTER AREA
    HOME PAGE-SPECIFIC
    OTHER IDs
    OTHER CLASSES

*/

* {
    margin: 0;
    padding: 0;
    border: 0;
    outline: none;
}

body {
    font-family: Arial, Verdana, Helvetica, Sans-Serif;
    font-size: 10pt;
    color: #555;
}

/* ELEMENTS */
a {
    color: #0f6734;
}

a.contentBullet2Link {
    padding-left: 8px;
}

h3 {
    margin-bottom: 14pt;
    font-size: 11pt;
    font-weight: bold;
    color: #0e5d2f;
}

h4 {
    margin-bottom: 10pt;
    font-size: 11pt;
    color: #96ae4e;
}

h4.h4_ContentHeader {
    margin-bottom: 3pt;
    font-size: 11pt;
    color: #96ae4e;
}

h5 {
    font-size: 10pt;
    color: #555555;
}

p {
    margin-bottom: 18px;
}

ul {
    list-style: square;
}

ul.bullet {
    margin: 0 0 18px 25px;
}

ul.bullet li {
    padding-left: 3px;
}

ul.bullet2 {
    /* Look for variations in specific content areas */
    margin: 0 0 18px 25px;
}

ul.bullet2 li {
    margin-bottom: 14px;
    padding-left: 3px;
}

ul.bullet2 li ul {
    margin-left: 5px;
    padding-bottom: 5px;
}

/* MAIN WRAPPERS */
#wrapperMain {
    /* contains all centered content */
    width: 945px;
}

#wrapperContent {
    /* Main White area */ /*width: 945px;*/
    float: left;
    width: 875px;
    padding: 0 35px 33px 35px;
    background-color: #fff;
}
/* END MAIN WRAPPERS */

/* HEADER AREA */
#headerArea {
    /* Contains Logo and Tagline */
    width: 875px;
    height: 98px;
}

#headerAreaTagline {
    float: left;
    width: 655px;
    height: 35px;
    padding: 63px 0 0 20px;
}

#headerAreaTagline h2 {
    font-size: 13pt;
}

#logo {
    float: left;
    width: 200px;
    height: 98px;
}
/* END HEADER AREA */

/* SECTION HEADER AREA */
.sectionHeader {
    /* contains main section images and titles */
    width: 875px;
    height: 25px;
}

.mainImage {
    display: none;
}

.mainTitleBG {
    float: left;
    width: 875px;
    height: 25px;
}

.mainTitle h2 {
    padding: 14pt 0 14pt 0;
    font-size: 13pt;
    font-weight: bold;
    color: #0e5d2f;
}

.mainTitle h2 a {
    text-decoration: none;
}
/* END SECTION HEADER AREA */

/* MIDDLE AREA */
#wrapperMiddle {
    clear: both;
    width: 875px;
}

/* Main Navigation */
#navMain {
    display: none;
}

/* Content Areas */
#contentHolder {
    float: left;
    width: 875px;
    padding-bottom: 75px;
}

#contentMiddle {
    float: left; /* width: 487px */
    width: 655px;
    padding: 21px 32px 0 0;
}

#contentMiddleWide {
    float: left; /* width: 655px */
    width: 855px;
    padding: 21px 0 0 0;
}

#contentBio {
    padding-bottom: 45px;
}

#contentBio h3 {
    margin-bottom: 0px;
}

#contentBio ul.bullet2 li {
    margin-bottom: 2px;
}

#contentRight {
    /* Contains L4 Navigation and Promos */
    float: left;
    width: 168px;
    padding-top: 19px;
}

/* L4 Nav area */
#navL4 {
    display: none;
}

.navL4Header {
    float: left;
    width: 162px;
    height: 38px;
}

.navL4Header_divider {
    float: left;
    width: 162px;
    height: 5px;
}

.sectorNavLogos {
    float: left;
    width: 110px;
    padding-left: 26px;
}

.sectorNavLogos img {
    float: left;
}

.bioImage {
    padding: 45px 0 0 29px;
}
/* END MIDDLE AREA */

/* FOOTER AREA */
#wrapperFooter {
    /* Dark green footer area */
    float: left;
    width: 785px;
    padding: 22px 45px;
    border-top: 1px solid #7d987e;
    background-color: #708b71;
}

#footerArea ul {
    display: none;
}

#footerArea p {
    float: left;
    color: #e1e7e1;
}
/* END FOOTER AREA */

/* HOME PAGE-SPECIFIC */
#flashHome {
    width: 875px;
    height: 413px;
    background-color: #7d987e;
}
/* END HOME PAGE-SPECIFIC */

/* OTHER IDs */

/* END OTHER IDs */

/* OTHER CLASSES */
.backToPrevious {
    padding-top: 18px;
}

.clear {
    clear: both;
    font-size: 0;
}

.content2Column {
    float: left;
    width: 195px;
    padding-right: 15px;
}

.content2Column h4 {
    margin-bottom: 2px;
}

.content2Column ul.bullet2 li {
    margin-bottom: 2px;
}

.contentWideDivider {
    margin-bottom: 12px;
}

.introPara {
    clear: both;
    width: 430px;
    height: 36px;
    margin-bottom: 16px;
}

.investmentLogo {
    width: 125px;
    height: 70px;
    border: 1px solid #eee;
}

.investmentLogoDivider {
    margin: 15px 0;
}

.investmentSectorHolder {
    width: 514px; /*height: 90px;*/
}

.investmentSectorHolder h4 {
    margin-bottom: 0;
}

.transactionHolder {
    width: 385px;
    height: 85px;
    margin-bottom: 5px;
}
/* END OTHER CLASSES */


