P {
    FONT-SIZE: 8pt;
    COLOR: #ff0000;
    LINE-HEIGHT: normal;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif
}

H1 {
    FONT-WEIGHT: bold;
    FONT-SIZE: 13px;
    COLOR: #d86d1f;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif
}

H2 {
    FONT-WEIGHT: bold;
    FONT-SIZE: 11px;
    COLOR: #333333;
    FONT-FAMILY: Helvetica, Arial, sans-serif;
    LETTER-SPACING: 0.04em
}

A:link {
    FONT-SIZE: 8pt;
    COLOR: #333333;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    TEXT-DECORATION: none
}

A:visited {
    FONT-SIZE: 8pt;
    COLOR: #333333;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    TEXT-DECORATION: none
}

A:hover {
    FONT-SIZE: 8pt;
    COLOR: #d6641e;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    TEXT-DECORATION: none
}

A:active {
    FONT-SIZE: 8pt;
    COLOR: #d6641e;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    TEXT-DECORATION: none
}

.footer {
    FONT-WEIGHT: normal;
    FONT-SIZE: 10px;
    COLOR: #bebdb4;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif
}

A.footer:link {
    FONT-WEIGHT: normal;
    FONT-SIZE: 10px;
    COLOR: #999999;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    TEXT-DECORATION: none
}

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

A.footer:hover {
    FONT-WEIGHT: normal;
    FONT-SIZE: 10px;
    COLOR: #bebdb4;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    TEXT-DECORATION: none
}

A.footer:active {
    FONT-WEIGHT: normal;
    FONT-SIZE: 10px;
    COLOR: #999999;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    TEXT-DECORATION: none
}

.white {
    FONT-SIZE: 10px;
    COLOR: #ffffff;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif
}

A.white:link {
    FONT-SIZE: 10px;
    COLOR: #ffffff;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    TEXT-DECORATION: none
}

A.white:visited {
    FONT-SIZE: 10px;
    COLOR: #ffffff;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    TEXT-DECORATION: none
}

A.white:hover {
    FONT-SIZE: 10px;
    COLOR: #eeeeee;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    TEXT-DECORATION: none
}

A.white:active {
    FONT-SIZE: 10px;
    COLOR: #ffffff;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    TEXT-DECORATION: none
}

.orange {
    FONT-SIZE: 10px;
    COLOR: #d96714;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif
}

.black {
    FONT-SIZE: 10px;
    COLOR: #000000;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif
}

A.orange:link {
    FONT-SIZE: 10px;
    COLOR: #d96714;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    TEXT-DECORATION: none
}

A.orange:visited {
    FONT-SIZE: 10px;
    COLOR: #d96714;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    TEXT-DECORATION: none
}

A.orange:hover {
    FONT-SIZE: 10px;
    COLOR: #d96714;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    TEXT-DECORATION: none
}

A.orange:active {
    FONT-SIZE: 10px;
    COLOR: #d96714;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    TEXT-DECORATION: none
}

.gray {
    FONT-SIZE: 10px;
    COLOR: #7b7b7b;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif
}

A.gray:link {
    FONT-SIZE: 10px;
    COLOR: #7b7b7b;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    TEXT-DECORATION: none
}

A.gray:visited {
    FONT-SIZE: 10px;
    COLOR: #7b7b7b;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    TEXT-DECORATION: none
}

A.gray:hover {
    FONT-SIZE: 10px;
    COLOR: #d6641e;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    TEXT-DECORATION: none
}

A.gray:active {
    FONT-SIZE: 10px;
    COLOR: #d6641e;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    TEXT-DECORATION: none
}

A.grn:link {
    FONT-WEIGHT: bold;
    FONT-SIZE: 10px;
    COLOR: #a0ad7f;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif
}

A.grn:visited {
    FONT-WEIGHT: bold;
    FONT-SIZE: 10px;
    COLOR: #a0ad7f;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif
}

A.grn:hover {
    FONT-WEIGHT: bold;
    FONT-SIZE: 10px;
    COLOR: #a0ad7f;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    TEXT-DECORATION: none
}

A.grn:active {
    FONT-WEIGHT: bold;
    FONT-SIZE: 10px;
    COLOR: #a0ad7f;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    TEXT-DECORATION: none
}

.header1 {
    FONT-WEIGHT: bold;
    FONT-SIZE: 10px;
    COLOR: #a0ad7f;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif
}

.header2 {
    FONT-WEIGHT: bold;
    FONT-SIZE: 10px;
    COLOR: #a0ad7f;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif
}

.header3 {
    FONT-WEIGHT: bold;
    FONT-SIZE: 12px;
    COLOR: #cd470d;
    FONT-FAMILY: Helvetica, Arial, sans-serif;
    LETTER-SPACING: 0.05em
}

.text-accent {
    FONT-SIZE: 10px;
    COLOR: #d6641e;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif
}

.picture-border {
    BORDER-RIGHT: #7b7b7b 1px solid;
    BORDER-TOP: #7b7b7b 1px solid;
    BORDER-LEFT: #7b7b7b 1px solid;
    BORDER-BOTTOM: #7b7b7b 1px solid
}

.textMedium {
    FONT-SIZE: 10px;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    BACKGROUND-COLOR: #efefef
}

.itemText {
    FONT: bold 10px Verdana, Arial, Helvetica, sans-serif;
    COLOR: #7b7b7b;
    TEXT-ALIGN: center;
    TEXT-DECORATION: none
}

.itemHover {
    FONT: bold 10px Verdana, Arial, Helvetica, sans-serif;
    COLOR: #d6641e;
    TEXT-ALIGN: center;
    TEXT-DECORATION: none
}

.itemBorder {
    BORDER-RIGHT: #b5b6b5 1px solid;
    BORDER-TOP: #b5b6b5 1px solid;
    BORDER-LEFT: #b5b6b5 1px solid;
    BORDER-BOTTOM: #b5b6b5 1px solid
}

.itemSubText {
    FONT: bold 10px Verdana, Arial, Helvetica, sans-serif;
    COLOR: #ffffff;
    TEXT-DECORATION: none
}

.itemSubHover {
    FONT: bold 10px Verdana, Arial, Helvetica, sans-serif;
    COLOR: #d6641e;
    TEXT-DECORATION: none
}

TH {
    FONT-WEIGHT: normal;
    FONT-SIZE: 10px;
    COLOR: #ffffff;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    BACKGROUND-COLOR: #aaaaaa
}

SELECT {
    BORDER-RIGHT: #7b7b7b 1px solid;
    BORDER-TOP: #7b7b7b 1px solid;
    FONT-SIZE: 11px;
    BORDER-LEFT: #7b7b7b 1px solid;
    COLOR: #7b7b7b;
    BORDER-BOTTOM: #7b7b7b 1px solid;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif
}

INPUT {
    BORDER-RIGHT: #aca899 1px solid;
    PADDING-RIGHT: 1px;
    BORDER-TOP: #aca899 1px solid;
    PADDING-LEFT: 1px;
    FONT-SIZE: 11px;
    PADDING-BOTTOM: 1px;
    BORDER-LEFT: #aca899 1px solid;
    COLOR: #7b7b7b;
    PADDING-TOP: 1px;
    BORDER-BOTTOM: #aca899 1px solid;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif
}

TEXTAREA {
    BORDER-RIGHT: #aca899 1px solid;
    PADDING-RIGHT: 1px;
    BORDER-TOP: #aca899 1px solid;
    PADDING-LEFT: 1px;
    FONT-SIZE: 11px;
    PADDING-BOTTOM: 1px;
    BORDER-LEFT: #aca899 1px solid;
    COLOR: #7b7b7b;
    PADDING-TOP: 1px;
    BORDER-BOTTOM: #aca899 1px solid;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif
}

UL#sidelinks {
    PADDING-RIGHT: 0px;
    PADDING-LEFT: 0px;
    PADDING-BOTTOM: 0px;
    MARGIN: 0px;
    PADDING-TOP: 0px;
    LIST-STYLE-TYPE: none
}

    UL#sidelinks LI {
        DISPLAY: block;
        WIDTH: 100%
    }

        UL#sidelinks LI A {
            DISPLAY: block;
            FONT-SIZE: 10px;
            PADDING-BOTTOM: 0px;
            TEXT-TRANSFORM: capitalize;
            WIDTH: 100%;
            COLOR: #666666;
            PADDING-TOP: 0px;
            BORDER-BOTTOM: #cccccc 0px solid;
            FONT-FAMILY: Verdana;
            TEXT-DECORATION: none
        }

            UL#sidelinks LI A:hover {
                FONT-SIZE: 10px;
                PADDING-BOTTOM: 0px;
                TEXT-TRANSFORM: capitalize;
                WIDTH: 100%;
                COLOR: #d96714;
                PADDING-TOP: 0px;
                FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
                BACKGROUND-COLOR: #eef3f6;
                TEXT-DECORATION: none
            }

A.sol:link {
    FONT-SIZE: 10px;
    COLOR: #666666;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    TEXT-DECORATION: none
}

A.sol:visited {
    FONT-SIZE: 10px;
    COLOR: #666666;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    TEXT-DECORATION: none
}

A.sol:hover {
    FONT-SIZE: 10px;
    COLOR: #d96714;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif
}

TABLE.assess {
    BORDER-RIGHT: #e2f2fa 1px solid;
    BORDER-TOP: #e2f2fa 1px solid;
    BORDER-LEFT: #e2f2fa 1px solid;
    BORDER-BOTTOM: #e2f2fa 1px solid;
    BACKGROUND-COLOR: #eff4fc
}

TABLE.assess1 {
    BORDER-RIGHT: #e2f2fa 1px solid;
    BORDER-TOP: #e2f2fa 1px solid;
    BORDER-LEFT: #e2f2fa 1px solid;
    BORDER-BOTTOM: #e2f2fa 1px solid;
    BACKGROUND-COLOR: #eff4fc
}

TABLE.assess2 {
    BORDER-RIGHT: #e2f2fa 1px solid;
    BORDER-TOP: #e2f2fa 1px solid;
    BORDER-LEFT: #e2f2fa 1px solid;
    BORDER-BOTTOM: #e2f2fa 1px solid;
    BACKGROUND-COLOR: #f4f8fd
}

DIV.assess_info {
    BORDER-RIGHT: #666666 1px solid;
    PADDING-RIGHT: 5px;
    BORDER-TOP: #666666 1px solid;
    PADDING-LEFT: 5px;
    PADDING-BOTTOM: 5px;
    BORDER-LEFT: #666666 1px solid;
    PADDING-TOP: 5px;
    BORDER-BOTTOM: #666666 1px solid;
    BACKGROUND-COLOR: #ffffe8
}

.archive {
    COLOR: #000000
}

H2.sitemap {
    MARGIN: 5px;
    COLOR: #d96714
}

TD {
    FONT-SIZE: 8pt;
    LIST-STYLE-IMAGE: url(/img/bullet3.gif);
    COLOR: #666666;
    LINE-HEIGHT: 1.4;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif
}

.g2 {
    FONT-SIZE: 10px;
    COLOR: #9c9c9c;
    LINE-HEIGHT: 1.3em;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif
}
/* Basic Grey */
.basic-grey {
    width: 500px;
    margin-right: auto;
    margin-left: auto;
    background: #EEE;
    padding: 20px 30px 20px 30px;
    font: 12px Georgia, "Times New Roman", Times, serif;
    color: #888;
    text-shadow: 1px 1px 1px #FFF;
    border: 1px solid #DADADA;
}

    .basic-grey h1 {
        font: 25px Georgia, "Times New Roman", Times, serif;
        padding: 0px 0px 10px 40px;
        display: block;
        border-bottom: 1px solid #DADADA;
        margin: -10px -30px 30px -30px;
        color: #888;
    }

        .basic-grey h1 > span {
            display: block;
            font-size: 11px;
        }

    .basic-grey label {
        display: block;
        margin: 0px 0px 5px;
    }

        .basic-grey label > span {
            float: left;
            width: 80px;
            text-align: right;
            padding-right: 10px;
            margin-top: 10px;
            color: #888;
        }

    .basic-grey input[type="text"], .basic-grey input[type="email"], .basic-grey textarea, .basic-grey select {
        border: 1px solid #DADADA;
        color: #888;
        height: 24px;
        margin-bottom: 16px;
        margin-right: 6px;
        margin-top: 2px;
        outline: 0 none;
        padding: 3px 3px 3px 5px;
        width: 70%;
        font: normal 12px/12px Georgia, "Times New Roman", Times, serif;
    }

    .basic-grey select {
        background: #FFF url('down-arrow.png') no-repeat right;
        background: #FFF url('down-arrow.png') no-repeat right);
        appearance: none;
        -webkit-appearance: none;
        -moz-appearance: none;
        text-indent: 0.01px;
        text-overflow: '';
        width: 72%;
        height: 30px;
    }

    .basic-grey textarea {
        height: 100px;
    }

    .basic-grey .button {
        background: #E48F8F;
        border: none;
        padding: 10px 25px 10px 25px;
        color: #FFF;
    }

        .basic-grey .button:hover {
            background: #CF7A7A
        }
/* #### Dark Matter #### */
.dark-matter {
    width: 500px;
    margin-right: auto;
    margin-left: auto;
    background: #333;
    padding: 10px 10px 10px 10px;
    font: 12px "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #888;
    text-shadow: 1px 1px 1px #000;
    border: none;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
}

    .dark-matter h1 {
        font: 25px "Helvetica Neue", Helvetica, Arial, sans-serif;
        padding: 0px 0px 10px 20px;
        display: block;
        border-bottom: 1px solid #444;
        margin: -10px -30px 30px -30px;
        color: #FFF;
    }

        .dark-matter h1 > span {
            display: block;
            font-size: 11px;
        }

    .dark-matter label {
        display: block;
        margin: 0px 0px 5px;
    }

        .dark-matter label > span {
            float: left;
            width: 80px;
            text-align: right;
            padding-right: 10px;
            margin-top: 10px;
            color: #FFF;
            font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
            font-weight: bold;
        }

    .dark-matter input[type="text"], .dark-matter input[type="email"], .dark-matter textarea, .dark-matter select {
        border: none;
        color: #4B4B4B;
        height: 20px;
        margin-bottom: 16px;
        margin-right: 6px;
        margin-top: 2px;
        outline: 0 none;
        padding: 1px 1px;
        width: 68%;
        border-radius: 4px;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        font: normal 12px/12px "Helvetica Neue", Helvetica, Arial, sans-serif;
        -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
        box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
        -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    }

    .dark-matter select {
        background: #FFF url('down-arrow.png') no-repeat right;
        background: #FFF url('down-arrow.png') no-repeat right);
        appearance: none;
        -webkit-appearance: none;
        -moz-appearance: none;
        text-indent: 0.01px;
        text-overflow: '';
        width: 72%;
        height: 30px;
    }

    .dark-matter textarea {
        height: 100px;
    }

    .dark-matter .button {
        background: #FFF;
        border: none;
        padding: 10px 25px 10px 25px;
        color: #333;
        border-radius: 4px;
    }

        .dark-matter .button:hover {
            color: #333;
            background-color: #EBEBEB;
        }
/* #### bootstrap Form #### */
.bootstrap-frm {
    width: 500px;
    margin-right: auto;
    margin-left: auto;
    background: #FFF;
    padding: 20px 30px 20px 30px;
    font: 12px "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #888;
    text-shadow: 1px 1px 1px #FFF;
    border: 1px solid #DDD;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
}

    .bootstrap-frm h1 {
        font: 25px "Helvetica Neue", Helvetica, Arial, sans-serif;
        padding: 0px 0px 10px 40px;
        display: block;
        border-bottom: 1px solid #DADADA;
        margin: -10px -30px 30px -30px;
        color: #888;
    }

        .bootstrap-frm h1 > span {
            display: block;
            font-size: 11px;
        }

    .bootstrap-frm label {
        display: block;
        margin: 0px 0px 5px;
    }

        .bootstrap-frm label > span {
            float: left;
            width: 80px;
            text-align: right;
            padding-right: 10px;
            margin-top: 10px;
            color: #333;
            font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
            font-weight: bold;
        }

    .bootstrap-frm input[type="text"], .bootstrap-frm input[type="email"], .bootstrap-frm textarea, .bootstrap-frm select {
        border: 1px solid #CCC;
        color: #888;
        height: 20px;
        margin-bottom: 16px;
        margin-right: 6px;
        margin-top: 2px;
        outline: 0 none;
        padding: 6px 12px;
        width: 68%;
        border-radius: 4px;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        font: normal 14px/14px "Helvetica Neue", Helvetica, Arial, sans-serif;
        -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
        box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
        -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    }

    .bootstrap-frm select {
        background: #FFF url('down-arrow.png') no-repeat right;
        background: #FFF url('down-arrow.png') no-repeat right);
        appearance: none;
        -webkit-appearance: none;
        -moz-appearance: none;
        text-indent: 0.01px;
        text-overflow: '';
        width: 72%;
        height: 30px;
    }

    .bootstrap-frm textarea {
        height: 100px;
    }

    .bootstrap-frm .button {
        background: #FFF;
        border: 1px solid #CCC;
        padding: 10px 25px 10px 25px;
        color: #333;
        border-radius: 4px;
    }

        .bootstrap-frm .button:hover {
            color: #333;
            background-color: #EBEBEB;
            border-color: #ADADAD;
        }

.myButton {
    -moz-box-shadow: inset 0px 39px 0px -24px #7a8eb9;
    -webkit-box-shadow: inset 0px 39px 0px -24px #7a8eb9;
    box-shadow: inset 0px 39px 0px -24px #7a8eb9;
    background-color: #637aad;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    border: 1px solid #314179;
    display: inline-block;
    cursor: pointer;
    color: #ffffff;
    font-family: arial;
    font-size: 11px;
    padding: 6px 8px;
    text-decoration: none;
    text-shadow: 0px 1px 0px #7a8eb9;
}

    .myButton:hover {
        background-color: #5972a7;
    }

    .myButton:active {
        position: relative;
        top: 1px;
    }

.paging {
}

    .paging a {
        background-color: #00C157;
        padding: 5px 7px;
        text-decoration: none;
        border: 1px solid #00C157;
    }

        .paging a:hover {
            background-color: #E1FFEF;
            color: #00C157;
            border: 1px solid #00C157;
        }

    .paging span {
        background-color: #E1FFEF;
        padding: 5px 7px;
        color: #00C157;
        border: 1px solid #00C157;
    }

tr.paging {
    background: none !important;
}

    tr.paging tr {
        background: none !important;
    }

    tr.paging td {
        border: none;
    }

.gridview {
    background-color: #fff;
    padding: 2px;
    margin: 2% auto;
}

    .gridview a {
        margin: auto 1%;
        border-radius: 50%;
        background-color: #444;
        padding: 5px 10px 5px 10px;
        color: #fff;
        text-decoration: none;
        -o-box-shadow: 1px 1px 1px #111;
        -moz-box-shadow: 1px 1px 1px #111;
        -webkit-box-shadow: 1px 1px 1px #111;
        box-shadow: 1px 1px 1px #111;
    }

        .gridview a:hover {
            background-color: #1e8d12;
            color: #fff;
        }

    .gridview span {
        background-color: #ae2676;
        color: #fff;
        -o-box-shadow: 1px 1px 1px #111;
        -moz-box-shadow: 1px 1px 1px #111;
        -webkit-box-shadow: 1px 1px 1px #111;
        box-shadow: 1px 1px 1px #111;
        border-radius: 50%;
        padding: 5px 10px 5px 10px;
    }