/* CSS by Carey Best 2007 - www.stubbystudios.com */

#top_shadow, #bottom_shadow, #content{
    width:600px;
}

#content{
    float:right;
    margin:-570px 5px 60px 0;
    background:url(images/content_side1.gif) right repeat-y #FDFEEC;
}
	
#top_shadow{
    margin:0;
    height:20px;
    background:url(images/content_top1.gif) top no-repeat #FDFEEC;
}

#bottom_shadow{
    margin:0;
    height:20px;
    background:url(images/content_bottom1.gif) bottom no-repeat #000;
}

/* Sets margins displayed for main content area. */
#content p, #content h1, #content h2, #content h4,
#content ul, em{
    padding:0 30px 10px 30px;
}
	
#content hr{
    border-top:#105f00 dashed 1px;
    padding-bottom:15px;
    margin:0 30px;
    width:540px;
}

/* All greens on page, except the "generalList" classes, are hex code #105F00 */
h1, h5, #content a, .endowmentFAQ li{
    color:#105f00;
}

/* Control hover displays. Color #69693b */
#content a:hover, #content a.dim:hover{
    color:#69693B !important;
    text-decoration:none;
}

#content a img{
    padding:5px;
}

/* Collapsing on legacy.html page begins */
.legacyList li {
    padding: 0;
    margin: 0 0 0 -15px;
}

.messageHeader {
    padding: 3px 0 0 70px;
    cursor: pointer;
    position: relative;
}

.messageHeader h2{
    font-weight:400 !important;
    }

.messageHeader:hover{
    padding: 3px 0 0 70px;
    cursor: pointer;
    position: relative;
    color:#105f00;
}

.messageHeader:hover p{
    color:#000;
    }
    
p.messageBody, .legacyList h1{
    width:480px;
    }

/* Begin thumbnail images for Legacy List */

.legOfFaith {
    background:url('images/legacyThumb_legacyOfFaith.gif') top left no-repeat;
}

.legOfFaith:hover{
    background:url('images/legacyThumbHOVER_legacyOfFaith.gif') top left no-repeat #D7D7A0;
}

.zion {
    background:url('images/legacyThumb_zion.gif') top left no-repeat;
}

.zion:hover{
    background:url('images/legacyThumbHOVER_zion.gif') top left no-repeat #D7D7A0;
}

.LWML {
    background:url('images/legacyThumb_LWML.gif') top left no-repeat;
}

.LWML:hover{
    background:url('images/legacyThumbHOVER_LWML.gif') top left no-repeat #D7D7A0;
}

.LOMT {
    background:url('images/legacyThumb_LOMT.gif') top left no-repeat;
}

.LOMT:hover{
    background:url('images/legacyThumbHOVER_LOMT.gif') top left no-repeat #D7D7A0;
}

.lubbock {
    background:url('images/legacyThumb_lubbock.gif') top left no-repeat;
}

.lubbock:hover{
    background:url('images/legacyThumbHOVER_lubbock.gif') top left no-repeat #D7D7A0;
}

.LFOT {
    background:url('images/legacyThumb_LFOT.gif') top left no-repeat;
    height:70px;
}

.LFOT:hover{
    background:url('images/legacyThumbHOVER_LFOT.gif') top left no-repeat #D7D7A0;
    height:70px;
}

/* End thumbnail images for Legacy List */

.messageBody {
    padding: 5px 10px 15px;
}

.collapseButton {
    text-align: center;
    padding: 5px 0;
}
/* Collapsing on legacy.html page ends */

/* ========================================================================
These styles below are mostly only affecting images on inv_strategy.html. */
.imgBG{
    background:url(images/pieGraph_bg.gif) bottom left repeat-x #105f00;
    margin:0 30px 10px 30px;
}

table{
    /* table for annual yield chart on inv_strategy.html */
    margin:0 30px 10px 30px;
    border:3px solid #DDE199;
}

table tr td{
    padding:2px 10px 2px 5px;
    border-bottom:1px solid #DDE199;
}
/* ======================================================================= */




#content img{
    padding-bottom:5px;
    display:block;
}

#content h5{
    /* Control caption below images */
    clear:both;
    font-size:.8em;
    font-weight:400;
    padding-left:20px;
}

/* !!!!!Caption widths below wide images!!!!! 
Change class name (class="_____") to fit the size of new images. */
.headerImg h5, .picLeft h5, .picRight h5{
    max-width:325px;
    width:expression(document.body.clientWidth > 325? "325px": "auto" );
}


/* !!!!!Caption widths below narrow images!!!!!
Change class (class="_____") name to fit the size of new images */
.narrow_picLeft h5, .narrow_picRight h5,
.narrow_headerImg h5{
    max-width:175px;
    width:expression(document.body.clientWidth > 175? "175px": "auto" );
}




/* =======================================================================
The styles below control positioning of all images on the site. */
.headerImg, .narrow_headerImg{
    float:right;
    margin-top:-10px;
    padding:0 10px 10px 10px;
}

.picLeft, .narrow_picLeft{
    float:left;
    padding:0 10px;
}

.picRight, .narrow_picRight{
    float:right;
    padding:0 10px;
}
/* ======================================================================= */





#content h1{
    font-weight:600;
    font-size:1.3em;
    display:block;
}

#content h2{
    font-weight:600;
    font-size:1em;
    display:block;
}

#content h4{
    /* This heading is only located on witness.html page. */
    font-size:.8em;
}

#content em.disclaim{
    font-size:.8em;
    color:#000;
    padding:0 20px 10px 45px;
    display:block;
}

#content ul li{
    padding:0 0 0 15px;
}

.endowmentFAQ li{
    font-weight:600;
    margin-left:-15px;
}

li.FAQresponse{
    font-weight:400;
    margin:3px 0 7px 0;
    color:#000;
}

.archivedWitnessList li a{
    /* This style only affects display of archivedWitness.html. */
    position:relative;
    top:-40px;
    left:60px;
}

.page_nav li{
    padding:0 30px 12px 30px;
}

.generalList li{
    margin-bottom:.5em;
    color:#040;
    width:90%;
}

.generalList span{
    /* Keeps the list under inv_overview.html, inv_strategy.html and
    schedule_of_fees.html flush to the left */
    display:block;
    margin:-1.4em 0 0 3.6em;
}

.bulletList li{
    /* For lists with bullets. All others are without. */
    list-style-type:circle;
    margin-left:10px;
}

.beneficiariesList a{
    color:#000;
}

.beneficiariesList a:visited{
    color:#6E96CA;
}



/* ===================================================================
Styles below control display of "Back to top" links on all pages */
#content h3{
    text-align:center;
    padding-bottom:20px;
}

#content h3 a{
    font-weight:400;
    font-size:.9em;
}

#content hr.dim{
    border-top:#DDE199 dashed 1px;
}

#content a.dim{
    color:#dde199 !important;
    border:0;
}
/* ================================================================ */