#footer {
    display: block;
    font-family: Verdana, Arial, sans-serif;
    font-size: 10pt;
    color: white;
    padding: 20px 0 10px 0;
    text-align: center;
    background-color: #214A98
}

#footer a {
    color: white;
}

#footer p {
    line-height: 1;
}

body {
    margin: 0px;
    padding: 0px;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
}

/* Anchor Styles */
A {
    COLOR: #006633;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    FONT-SIZE: 10pt
}

    A:hover {
        COLOR: #CC0000;
        TEXT-DECORATION: underline;
        font-size: 10pt;
        font-family: Verdana, Arial, Helvetica, sans-serif;
    }

    /* Breadcrumb Styles */
    A.breadcrumb {
        COLOR: #006633;
        FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
        FONT-SIZE: 7pt;
        TEXT-DECORATION: none
    }

        A.breadcrumb:link {
            COLOR: #006633;
            FONT-FAMILY: Verdana, Arial, Helvetica;
            FONT-SIZE: 7pt;
            TEXT-DECORATION: none
        }

        A.breadcrumb:hover {
            COLOR: #CC0000;
            FONT-FAMILY: Verdana, Arial, Helvetica;
            FONT-SIZE: 7pt;
            TEXT-DECORATION: none
        }

.breadcrumb {
    COLOR: #006633;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    FONT-SIZE: 7pt;
    TEXT-DECORATION: none
}

/* Common Styles */
HR {
    color: dimgrey;
    height: 1pt;
    text-align: left;
}

/* Text Syles */
p {
    FONT-FAMILY: Verdana, Arial, Helvetica;
    FONT-SIZE: 10pt
}

.pagetitle {
    COLOR: #FFFFFF;
    FONT-FAMILY: Verdana, Arial, Helvetica;
    FONT-SIZE: 10pt;
    FONT-WEIGHT: bold
}

.sectiontitle {
    COLOR: #FFFFFF;
    FONT-FAMILY: Verdana, Arial, Helvetica;
    FONT-SIZE: 9pt;
    FONT-WEIGHT: bold
}

.coltitle {
    COLOR: #FFFFFF;
    FONT-FAMILY: Verdana, Arial, Helvetica;
    FONT-SIZE: 8pt;
    FONT-WEIGHT: bold
}

.smallfont {
    FONT-FAMILY: Verdana, Arial, Helvetica;
    FONT-SIZE: 7pt
}

A.smallfont {
    FONT-FAMILY: Verdana, Arial, Helvetica;
    FONT-SIZE: 7pt
}

    A.smallfont:link {
        FONT-FAMILY: Verdana, Arial, Helvetica;
        FONT-SIZE: 7pt
    }

    A.smallfont:hover {
        COLOR: #cc0000;
        TEXT-DECORATION: underline;
        font-family: Verdana, Arial, Helvetica;
        font-size: 7pt
    }

.medfont {
    FONT-FAMILY: Verdana, Arial, Helvetica;
    FONT-SIZE: 10pt
}

A.medfont {
    FONT-FAMILY: Verdana, Arial, Helvetica;
    FONT-SIZE: 10pt
}

    A.medfont:link {
        FONT-FAMILY: Verdana, Arial, Helvetica;
        FONT-SIZE: 10pt
    }

    A.medfont:hover {
        COLOR: #cc0000;
        TEXT-DECORATION: underline;
        font-family: Verdana, Arial, Helvetica;
        font-size: 10pt
    }

.largefont {
    FONT-FAMILY: Verdana, Arial, Helvetica;
    FONT-SIZE: 12pt
}

A.largefont {
    FONT-FAMILY: Verdana, Arial, Helvetica;
    FONT-SIZE: 12pt
}

    A.largefont:link {
        FONT-FAMILY: Verdana, Arial, Helvetica;
        FONT-SIZE: 12pt
    }

    A.largefont:hover {
        COLOR: #cc0000;
        TEXT-DECORATION: underline;
        font-family: Verdana, Arial, Helvetica;
        font-size: 12pt
    }

/* Following four classes are used by both header/footer hrefs */
A.help {
    COLOR: #FFFFFF;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    FONT-SIZE: 11px
}

    A.help:link {
        FONT-WEIGHT: normal;
        FONT-SIZE: 11px;
        COLOR: #FFFFFF;
        FONT-STYLE: normal;
        FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
        TEXT-DECORATION: none
    }

    A.help:visited {
        FONT-WEIGHT: normal;
        FONT-SIZE: 11px;
        COLOR: #FFFFFF;
        FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
        TEXT-DECORATION: none
    }

    A.help:hover {
        FONT-WEIGHT: normal;
        FONT-SIZE: 11px;
        COLOR: #CC0000;
        FONT-STYLE: normal;
        FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
        TEXT-DECORATION: none
    }

/* Following four classes are used by only left href */
.left {
    COLOR: #336633;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    FONT-SIZE: 11px
}

A.left {
    COLOR: #FFFFFF;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    FONT-SIZE: 11px
}

    A.left:link {
        FONT-WEIGHT: normal;
        FONT-SIZE: 11px;
        COLOR: #FFFFFF;
        FONT-STYLE: normal;
        FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
        TEXT-DECORATION: none
    }

    A.left:visited {
        FONT-WEIGHT: normal;
        FONT-SIZE: 11px;
        COLOR: #FFFFFF;
        FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
        TEXT-DECORATION: none
    }

    A.left:hover {
        FONT-WEIGHT: normal;
        FONT-SIZE: 11px;
        COLOR: #CCCC99;
        FONT-STYLE: normal;
        FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
        TEXT-DECORATION: none
    }

A.IndexMenu {
    COLOR: #990000;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    FONT-SIZE: 11px;
    TEXT-DECORATION: NONE
}

/* Form Styles */
INPUT {
    COLOR: black;
    COLOR: black;
    FONT-FAMILY: Verdana;
    FONT-SIZE: 10pt
}

.TblReportRow1 /*Table Report Row 1 with different bgcolor  */ {
    BORDER-BOTTOM: medium none;
    BORDER-LEFT: medium none;
    BORDER-RIGHT: medium none;
    BORDER-TOP: medium none;
    FONT-WEIGHT: normal;
    FONT-SIZE: 11px;
    COLOR: #000000;
    BACKGROUND: #e6e6e6;
    FONT-FAMILY: Verdana,Arial, Sans-serif
}

.TblReportRow2 /* Table Report Row 2 with different bgcolor */ {
    BORDER-BOTTOM: medium none;
    BORDER-LEFT: medium none;
    BORDER-RIGHT: medium none;
    BORDER-TOP: medium none;
    FONT-WEIGHT: normal;
    FONT-SIZE: 11px;
    COLOR: #000000;
    BACKGROUND: #CCCCCC;
    FONT-FAMILY: Verdana,Arial, Sans-serif
}

.FrmBodyColor {
    background-color: #FFFFFF
}

.FrmBackGrnd {
    background-color: #F5F5F5
}

.FrmTitleBackGrnd {
    background-color: #A9C6C2;
}

.FrmTitleTxt {
    COLOR: #FFFFFF;
    FONT-SIZE: 9pt;
    FONT-WEIGHT: bold;
    FONT-FAMILY: Verdana, Arial,Helvetica;
    VERTICAL-ALIGN: top;
    TEXT-ALIGN: left;
    TEXT-DECORATION: none
}

.FrmFieldTxt {
    COLOR: #000000;
    FONT-SIZE: 10px;
    FONT-FAMILY: Verdana, Arial,Helvetica;
    TEXT-ALIGN: right
}

.FrmSecHead {
    COLOR: #000000;
    FONT-SIZE: 10px;
    FONT-FAMILY: Verdana, Arial,Helvetica;
    TEXT-ALIGN: left;
    FONT-WEIGHT: bold;
}

.FrmError {
    COLOR: red;
    FONT-SIZE: 12px;
    FONT-WEIGHT: normal;
    FONT-FAMILY: Verdana, Arial, Helvetica;
    VERTICAL-ALIGN: top;
    TEXT-ALIGN: left
}

.FrmInfo {
    COLOR: #990000;
    FONT-SIZE: 10px;
    FONT-WEIGHT: normal;
    FONT-FAMILY: Verdana, Arial, Helvetica;
    TEXT-ALIGN: left
}

.FrmInfoBig {
    COLOR: #990000;
    FONT-SIZE: 12px;
    FONT-WEIGHT: normal;
    FONT-FAMILY: Verdana, Arial, Helvetica;
    TEXT-ALIGN: left
}

.FrmHint {
    COLOR: blue;
    FONT-SIZE: 10px;
    FONT-WEIGHT: normal;
    FONT-FAMILY: Verdana, Arial, Helvetica;
    VERTICAL-ALIGN: top
}

.FrmHintBig {
    COLOR: blue;
    FONT-SIZE: 12px;
    FONT-WEIGHT: normal;
    FONT-FAMILY: Verdana, Arial, Helvetica;
    VERTICAL-ALIGN: top
}

.FormLine {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #000000
}

.tan {
    COLOR: #cccc99;
}

.Required {
    COLOR: red;
    FONT-SIZE: 9pt;
    FONT-WEIGHT: normal;
    FONT-FAMILY: Verdana, Arial, Helvetica;
    VERTICAL-ALIGN: top;
    TEXT-ALIGN: left
}

.toolbar {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 8px;
    color: #FFFFFF;
}

.director1 {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #006633;
    font-weight: bold;
}

.director2 {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 9px;
    color: #006633;
}

.tableborder {
    border-color: #A9C6C2;
}

.gridHilight {
    background-color: Blue;
    color: White;
}

.fieldHeader {
    margin: 10px 0px 10px 0px;
    width: 100%;
    background-color: White;
    font-weight: bold;
    font-size: small;
}

div.field {
    width: 450px;
}

    div.field span {
        font-size: small;
    }

    div.field input {
        position: relative;
        left: 100px;
        width: 300px;
    }

.leftButton /* float a button to the left of the container */ {
    position: relative;
    float: left;
}