:root {
    --main-link-color: #b20933;
    --title-bg-color: #B30938;
    --main-text-color: #161616;
    --content--bg-color: #ffffe6 /*#FFFFE6*/;
    --nav--bg-color: #FEE4E8; /*#FDD1D7; #fff1f3; #FEE4E8 pink*/
    --grey: #515151; /*#404040*/
}

BODY, H3, H4, H5, DT, H6, TFOOT, THEAD, TH, A, SPAN, INPUT, .Grid, .GridHeader, .GridItem, .GridSelectItem, .FormBackground, .FormBackground A, .FormBackground INPUT, .FormBackground textarea, .FormBackground SELECT, .progress, .popupObject, .popupObject textarea, .pageFooter, #paging, #paging SELECT, .PageHeader, .PageHeader SPAN, .Report, .Report SPAN, .Report A, .Report P, .Report TD {
    font-family: Verdana, Helvetica, sans-serif;
}

#welcomeheader {
    font-family: GillSans;
    font-size: 23px;
    font-weight: bold /*;text-transform:uppercase*/
}

#page_header {
    height: 140px;
    background: #B30938 /*IE Fallback*/ url( '../images/header2new.jpg' ) no-repeat right bottom;
    background: var(--title-bg-color) url( '../images/header2new.jpg' ) no-repeat right bottom;
    clear: both;
}

    #page_header h1 {
        padding-top: 50px;
        padding-left: 5px; /*15px*/
        margin: 0px;
        font-size: 24px;
        color: #ffffff;
        line-height: 26px;
        letter-spacing: -1px;
    }

    #page_header img {
    }

    #page_header h2 {
        margin: 0px;
        padding-left: 15px;
        font-size: 14px;
        color: white; /*#D5D0B0;*/
        line-height: 22px;
    }

#menu_bar {
    margin: 0px;
    padding: 0px;
    border: 0px dashed #cccccc;
    height: 31px;
    clear: both;
    background: #FFFFFF url( '../images/menu_bg.gif' ) bottom left no-repeat;
}

#content_wrapper {
    margin-top: 10px;
    margin-bottom: 10px;
    margin-left: 10px;
    margin-right: 10px;
    border: 0px dashed #FFFFFF;
}

#ContentBanner {
    margin-top: 0px;
    margin-bottom: 5px;
    font-size: 11px;
    color: #ffffff;
    padding: 4px;
    border: 1px solid #425227;
    background-color: #739240;
}

#center {
    margin-left: 160px;
    margin-right: 160px;
    border: 0px dashed #cccccc;
}

    #center h3 {
        margin-top: 0px;
        margin-bottom: 5px;
        font-size: 11px;
        color: #ffffff;
        padding: 4px;
        border: 1px solid #425227;
        background-color: #739240;
    }

    #center p {
        margin-top: 5px;
        margin-bottom: 15px;
        padding: 4px;
        font-size: 11px;
        line-height: 16px;
    }

/*Top Menu - 2*/
div#topmenucontainer {
    background: #B30938 /*IE Fallback*/ url( '../images/bar2new.jpg' ) top right no-repeat;
    background: var(--title-bg-color) url( '../images/bar2new.jpg' ) top right no-repeat;
    color: White; /*float: left;*/
    width: 100%;
    height: 28px;
    clear: both;
    font-size: 12px;
}

ul.menu {
    list-style: none;
    margin: 0;
    padding: 0 0 0 0px;
}

    ul.menu * {
        margin: 0;
        padding: 0;
    }

    ul.menu a {
        display: block;
        color: #FFF;
        text-decoration: none;
    }

    ul.menu li {
        list-style-type: none;
        position: relative;
        float: left;
        margin-right: 0px;
    }

        ul.menu li a {
            line-height: 16px;
        }

        ul.menu li div, ul.menu li div span {
            line-height: 13px;
            height: 13px;
        }

    ul.menu ul {
        position: absolute;
        top: 28px;
        left: 0;
        background: white; /*#d1d1d1;*/
        display: none;
        opacity: 0;
        list-style: none;
        font-size: 11px;
    }

        ul.menu ul li {
            position: relative;
            border: 1px solid #009855; /*Green*/ /*#aaa;*/
            border-top: none;
            width: 168px;
            margin: 0;
        }

            ul.menu ul li a {
                display: block;
                padding: 5px 7px 8px; /*3px 7px 5px;*/
                color: var(--main-link-color);
                font-size: 11px;
                font-weight: bold;
                background-color: white;
            }

                ul.menu ul li a:hover {
                    background-color: var(--title-bg-color);
                    color: white;
                }

        ul.menu ul ul {
            left: 168px;
            top: -1px;
        }

    ul.menu .menulink {
        border: 2px solid #00D875;
        border-top: 0;
        border-left: 0;
        border-bottom: 0;
        padding: 5px 20px 7px 20px; /*5px 7px 7px 8px;*/
        font-weight: bold;
        font-size: 13px;
        background: var(--title-bg-color);
        white-space: nowrap /*text-align:center*/;
        border-right: 1px solid #BD620E;
    }

    ul.menu a.menulink:hover, ul.menu .menuhover {
        background: #FDD1D7; /*LightPink/*#00D875; /*LightGreen #FDD1D7; /*LightPink/*url(../images/header_over.gif);*/
        color: white;
    }

    ul.menu .sub {
        background: white url( '../images/arrow_green.gif' ) 156px 8px no-repeat;
        color: #009855;
    }

        ul.menu .sub:hover {
            background: #00D875 /*LightGreen*/ url( '../images/arrow_white.gif' ) 156px 8px no-repeat;
        }

    ul.menu .topline {
        border-top: 1px solid #00D875;
    }
/*End Top Menu2*/

@media only screen and (max-width: 768px) {
    #page_header {
        background: var(--title-bg-color) url( '/lab/images/header-nologo.jpg' ) no-repeat right bottom !important;
    }

    div#topmenucontainer {
        background: var(--title-bg-color);
    }
}

.RadMenu_Default .rmRootToggle {
    background: var(--title-bg-colorr) !important;
    border: none !important
}

.mobilemenucontainer {
    background: var(--title-bg-color);
}
