BODY {
    background-position: top left;
    padding-bottom: 0px;
    margin: 0px;
    padding-left: 0px;
    padding-right: 0px;
    font-family: "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
    background: #f3eeca url('../CFDStandard/images/bg.jpg');
    color: #333;
    font-size: 12px;
    padding-top: 0px;
    background-image: url('../CFDStandard/images/bg.jpg');
}

#back {
    background-position: top left;
    background-repeat: repeat-x;
    padding-bottom: 0px;
    margin: 0px;
    padding-left: 0px;
    padding-right: 0px;
    background: url('../CFDStandard/images/bg2b.jpg') repeat-x;
    padding-top: 0px;
    background-color: white;
}

#back2
{
    background-position: top left;
    padding-bottom: 0px;
    margin: 0px;
    padding-left: 0px;
    padding-right: 0px;
    background: url(../CFDStandard/images/bg2b.jpg);
    background-repeat: repeat-x;
    padding-top: 0px;
    background-color: red;
}

.canvas
{
    MARGIN: 0px auto;
    /*width: 1037px;*/
    /*padding-left: 10px;*/
}

.midcanvas
{
    background: #fff;
}

.midcanvas2
{
}

#header {
    background-position: left top;
    background: url(../CFDStandard/images/combined-fund-drive-logo2.png) no-repeat left top;
    height: 163px;
}

    #header a span
    {
        visibility: hidden;
        top: 0;
        left: 0;
        width: 180px;
        height: 135px;
    }

STRONG
{
    FONT-FAMILY: "Lucida Sans", "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
}

EM
{
    FONT-FAMILY: "Lucida Sans", "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
}

B
{
    FONT-FAMILY: "Lucida Sans", "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
}

I
{
    FONT-FAMILY: "Lucida Sans", "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
}

H1
{
    FONT-SIZE: 16px;
}

H2
{
    FONT-SIZE: 15px;
}

H3
{
    FONT-SIZE: 14px;
}

H4
{
    FONT-SIZE: 13px;
}

.top
{
    MARGIN-TOP: 0px;
    PADDING-TOP: 0px;
}

.right
{
    float: right;
    padding-right: 50px;
}

.left
{
    float: left;
}

.clear
{
    CLEAR: both;
}

.clearright
{
    CLEAR: right;
}

IMG
{
    border-style: none;
    border-color: inherit;
    border-width: 0px;
    margin-top: 7px;
}

.topnav
{
    TEXT-ALIGN: right;
    MARGIN-TOP: 27px;
    PADDING-RIGHT: 85px;
}

    .topnav A
    {
        BORDER-BOTTOM: #dad6c7 1px solid;
        BORDER-LEFT: #dad6c7 1px solid;
        PADDING-BOTTOM: 12px;
        PADDING-LEFT: 15px;
        PADDING-RIGHT: 15px;
        DISPLAY: block;
        BACKGROUND: url(/images/btn-bg.jpg) #f6f2e0 repeat-x 50% top;
        MARGIN-LEFT: 12px;
        FONT-SIZE: 14px;
        BORDER-TOP: #dad6c7 1px solid;
        BORDER-RIGHT: #dad6c7 1px solid;
        PADDING-TOP: 12px;
    }

.subnav
{
    TEXT-ALIGN: right;
    PADDING-BOTTOM: 0px;
    MARGIN: 31px 0px 15px;
    PADDING-LEFT: 0px;
    WIDTH: 645px;
    PADDING-RIGHT: 15px;
    /*BACKGROUND: url(/images/sub-nav-bg.jpg) repeat-y;*/
    HEIGHT: 33px;
    PADDING-TOP: 40px;
}

    .subnav A
    {
        COLOR: #333;
        MARGIN-LEFT: 8px;
        FONT-SIZE: 14px;
    }

        .subnav A:hover
        {
            COLOR: #666;
        }

#middle
{
    PADDING-BOTTOM: 20px;
    PADDING-LEFT: 34px;
    PADDING-RIGHT: 34px;
    BACKGROUND: #fff;
    MARGIN-LEFT: 74px;
    PADDING-TOP: 0px;
}

.section
{
    WIDTH: 430px;
    OVERFLOW: hidden;
}

HR
{
    BORDER-BOTTOM: 0px;
    BORDER-LEFT: 0px;
    HEIGHT: 2px;
    BORDER-TOP: 0px;
    BORDER-RIGHT: 0px;
}

.dotted
{
    BORDER-BOTTOM: #ccc 1px dotted;
    BACKGROUND: none transparent scroll repeat 0% 0%;
    HEIGHT: 1px;
}

.social A
{
    MARGIN-LEFT: 8px;
}

.social
{
    MARGIN: 5px 0px 0px 8px;
    WIDTH: 280px;
}

.roundedCorners
{
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}

.roundedCornersExtra
{
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}

.footerIcons
{
    BORDER-BOTTOM: #c0301a 8px solid;
    TEXT-ALIGN: center;
    PADDING-BOTTOM: 26px;
    MARGIN: 0px 0px 0px 74px;
    PADDING-LEFT: 0px;
    PADDING-RIGHT: 0px;
    BACKGROUND: url(/images/footer-bg.jpg);
    PADDING-TOP: 31px;
}

    .footerIcons A
    {
        MARGIN: 0px 5px;
    }

.foot
{
    background-color: #f3eeca;
    padding-bottom: 29px;
    margin: 0px;
    padding-top: 20px;
    width: 100%;
    min-width: 1020px;
    height: 85px;
}

.footer
{
    padding-bottom: 20px;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 20px;
    /*width: 1020px;*/
    height: 150px;
    margin: 0px auto;
    background: url(../CFDStandard/images/bg.jpg) repeat-x;
}

    .footer P
    {
        MARGIN: 0px 8px;
        width: 435px;
        height: 20px;
    }

.slide
{
    MARGIN: -172px 0px 0px 15px;
}

    .slide LI
    {
        TEXT-ALIGN: center;
        MARGIN: 0px 4px;
        WIDTH: 80px;
        BACKGROUND: #ccc;
        HEIGHT: 80px;
        OVERFLOW: hidden;
    }

        .slide LI IMG
        {
            HEIGHT: 120px;
            CURSOR: pointer;
        }

.newsframe
{
    DISPLAY: none;
    HEIGHT: 461px;
    OVERFLOW: hidden;
}

.mainImg
{
    WIDTH: 430px;
    MAX-HEIGHT: 270px;
    OVERFLOW: hidden;
}

.next
{
    MARGIN-TOP: -144px;
    CURSOR: pointer;
}

.prev
{
    MARGIN-TOP: -144px;
    CURSOR: pointer;
}

DIV.story
{
    MARGIN-TOP: 100px;
}

.allDotted
{
    BORDER-BOTTOM: #ccc 1px dotted;
    BORDER-LEFT: #ccc 1px dotted;
    BORDER-TOP: #ccc 1px dotted;
    BORDER-RIGHT: #ccc 1px dotted;
}

.standardPadding
{
    PADDING-BOTTOM: 10px;
    PADDING-LEFT: 10px;
    PADDING-RIGHT: 10px;
    PADDING-TOP: 10px;
}

.box
{
    BORDER-BOTTOM: #c6c8c3 1px solid;
    BORDER-LEFT: #c6c8c3 1px solid;
    MARGIN-BOTTOM: 22px;
    BACKGROUND: url(../images/box-bg.jpg) #fefefe repeat-x 50% top;
    BORDER-TOP: #c6c8c3 1px solid;
    BORDER-RIGHT: #c6c8c3 1px solid;
}

.onethird
{
    WIDTH: 273px;
}

.carousel
{
    POSITION: relative;
    VISIBILITY: hidden;
    LEFT: -5000px;
}

.headline
{
    MAX-WIDTH: 430px;
    WHITE-SPACE: nowrap;
    COLOR: #c0301a;
    FONT-SIZE: 13px;
    OVERFLOW: hidden;
    FONT-WEIGHT: bold;
}

A.headline:hover
{
    COLOR: #a92410;
}



.collapsePanel
{
    width: 1020px;
    height: 0px;
    background-color: white;
    overflow: hidden;
}

.collapsePanelHeader
{
    height: 20px;
    color: #FFFFFF;
    padding: 5px;
    cursor: pointer;
    color: #000;
}

.collapsePanelHeader2
{
    width: 740px;
    height: 20px;
    color: olive;
    background-color: #FFFFFF;
    float: left;
    padding: 5px;
    cursor: pointer;
    font-family: "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
    font-weight: bold;
}

.accordionHeader
{
    border: 1px solid #2F4F4F;
    color: white;
    background-color: #2E4d7B;
    font-family: "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
    padding: 5px;
    margin-top: 5px;
    cursor: pointer;
}

.accordionContent
{
    background-color: #D3DEEF;
    border: 1px dashed #2F4F4F;
    border-top: none;
    padding: 5px;
    padding-top: 10px;
}

.accordionLink
{
    background-color: #D3DEEF;
    color: white;
}

.watermark
{
    background: #FFAAFF;
}

.popupControl
{
    background-color: #AAD4FF;
    position: absolute;
    visibility: hidden;
    border-style: solid;
    border-color: Black;
    border-width: 2px;
}

.modalBackground
{
    background-color: Gray;
    filter: alpha(opacity=70);
    opacity: 0.7;
}

.modalPopup
{
    background-color: #ffffdd;
    border-width: 3px;
    border-style: solid;
    border-color: Gray;
    padding: 3px;
    width: 250px;
}

.sampleStyleA
{
    background-color: #FFF;
}

.sampleStyleB
{
    background-color: #FFF;
    font-family: monospace;
    font-size: 10pt;
    font-weight: bold;
}

.sampleStyleC
{
    background-color: #ddffdd;
    font-family: sans-serif;
    font-size: 10pt;
    font-style: italic;
}

.sampleStyleD
{
    background-color: Blue;
    color: White;
    font-family: Arial;
    font-size: 10pt;
}

#fullcanvas
{
    width: 100%;
    /*min-width: 1024px;*/
}


#DarkMask
{
    width: 100%;
    height: 100%;
    overflow: hidden;
    background-color: rgba(0,0,0,.8);
    position: fixed;
    z-index: 100;
    display: none;

}

.modal {
    overflow:auto;
}
.modal-dialog {
    width:75%;
}
.modal-backdrop {
    overflow:auto;
}
.modal-backdrop.in {
    opacity: 1;
}
@media (max-width: 768px) {
    .modal-dialog {
        width: auto;
    }
}
.no-screen {
    display: none;
}

@media print {
    .no-screen {
        display: block;
    }
    .modal {
        position: absolute;
        left: 0;
        top: 0;
        bottom:0!important;
        padding-left: 0 !important;
        width: 100% !important;
        overflow: visible !important;
        font-size: 6px !important;
        padding-bottom:0!important;
        margin-bottom:0!important;
    }
    .modal-dialog, .modal-content {
        bottom:0!important;
    }
    body, .container {
        min-height:50px!important;
        height:auto!important;
        margin:0!important;
        padding:0!important;
    }
    label, legend, #CharityBalance, th, select, input, textarea, fieldset {
        font-size: 6px !important;
        margin:0!important;
        padding:0!important;
    }
    legend, fieldset {
        font-size: 8px !important;
        border: 1px solid transparent !important;
        padding: 0 !important;
        background-color: inherit !important;
    }
    BODY, .container {
        height:auto!important;
    }
    .table-bordered {
        border: 1px solid black!important;
    }
    .table>tbody>tr>td {
        padding:0!important;
    }
    input[type='radio'] {
        width:1em;
        height:1em;
    }
    textarea {
        resize:none;
    }
    .form-group {
        margin:0!important;
    }
    .form-control {
        padding:0!important;
        margin:0!important;
        height:auto!important;
    }
    .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12,
    .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12,
    .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {
        padding: 0 !important;
        margin: 0 !important;
    }

    .modal-header {
        display: none;
    }

    select {
        -webkit-appearance: none;
        -moz-appearance: none;
        text-indent: 1px;
        text-overflow: '';
    }
}