:root {
    --base-font-size: 12px /*1em*/;
    --base-font-color: #000;
}

.art-header /*, 
.art-header-png*/ /*, 
.art-header-jpeg*/ /*, 
.art-logo*/ {
    background: linear-gradient(#3c83aa, #2a5d79, #3c83aa);
    background-image: linear-gradient(#3c83aa, #2a5d79, #3c83aa);
    background-color: #3c83aa;
}

.art-main, .art-sheet, .art-sheet-body {
    background-color: #ffffff;
}

.art-footer, art-footer-inner, .art-footer-text, .art-footer-background {
    background-color: #051929;
    border-bottom-left-radius: 1em;
    border-bottom-right-radius: 1em;
}

.art-sheet-body {
    background-color: #ffffff;
    border-radius: 1em;
    padding: 0px;
}

html {
    font-size: var(--base-font-size, 1em);
    /*line-height: 1.5em;
    letter-spacing: 0.12em;
    word-spacing: 0.16em;*/
}

/*#region resizable*/
/*begin resizable */

/*#region Page */
/*begin Page */
body, p {
    margin: 0.5em 0;
    font-family: Arial, Helvetica, Sans-Serif;
    font-style: normal;
    font-weight: normal;
    font-size: var(--base-font-size, 1em);
    text-align: left;
}

body {
    font-size: var(--base-font-size, 1em);
}

body.font-size-sm {
    font-size: calc(.75 * var(--base-font-size, 1em));
}

body.font-size-md {
    font-size: calc(1 * var(--base-font-size, 1em));
}

body.font-size-lg {
    font-size: calc(1.25 * var(--base-font-size, 1em));
}

.modalBackground {
    margin: 0 auto;
    padding: 0;
    color: var(--base-font-color, #404040);
    background-color: #D5E7F0;
    background-size: contain;
}

body {
    margin: 0 auto;
    padding: 0;
    color: var(--base-font-color, #404040);
    background-color: #D5E7F0;
    background-size: contain;
}

h1, h2, h4, h5, h6,
h1 a, h2 a, h4 a, h5 a, h6 a,
h1 a:hover, h2 a:hover, h4 a:hover, h5 a:hover, h6 a:hover,
h1 a.hover, h2 a.hover, h4 a.hover, h5 a.hover, h6 a.hover
h1 a:visited, h2 a:visited, h4 a:visited, h5 a:visited, h6 a:visited,
.art-postheader, .art-postheader a, .art-postheader a:link, .art-postheader a:visited, .art-postheader a:hover, .art-postheader a.hover,
.art-blockheader .t, .art-vmenublockheader .t, .art-logo-text, .art-logo-text a,
h1.art-logo-name, h1.art-logo-name a, h1.art-logo-name a:link, h1.art-logo-name a:visited, h1.art-logo-name a:hover, h1.art-logo-name a.hover {
    font-style: normal;
    text-decoration: none;
    font-weight: bold;
    font-size: calc(calc(28/12)*var(--base-font-size, 1em));
}

h3, h3 a, h3 a:hover, h3 a.hover, h3 a:visited {
    width: 97.5%;
    height: calc(calc(20/12)*var(--base-font-size, 1em));
    font-size: calc(calc(16/12)*var(--base-font-size, 1em));
    color: White;
    font-weight: bold;
    background-color: Black;
    background-size: contain;
    padding-left: calc(calc(7/12)*var(--base-font-size, 1em));
}

a,
.art-post li a {
    text-decoration: underline;
    color: #105084;
}

    a:link,
    .art-post li a:link {
        text-decoration: underline;
        color: #105084;
    }

    a:visited, a.visited,
    .art-post li a:visited, .art-post li a.visited {
        color: #6B6B6B;
    }

    a:hover, a.hover,
    .art-post li a:hover, .art-post li a.hover {
        text-decoration: none;
        color: #005748;
    }

h1, h1 a, h1 a:link, h1 a:visited, h1 a:hover, h1 a.hover {
    margin: 0.67em 0;
    color: #125891;
}

h2, h2 a, h2 a:link, h2 a:visited, h2 a:hover, h2 a.hover {
    margin: 0.8em 0;
    font-size: calc(calc(22/12)*var(--base-font-size, 1em));
    color: #105084;
}

h4, h4 a, h4 a:link, h4 a:visited, h4 a:hover, h4 a.hover {
    margin: 1.25em 0;
    font-size: calc(calc(16/12)*var(--base-font-size, 1em));
    color: var(--base-font-color, #5E5E5E);
}

h5, h5 a, h5 a:link, h5 a:visited, h5 a:hover, h5 a.hover {
    margin: 1.67em 0;
    font-size: calc(calc(14/12)*var(--base-font-size, 1em));
    color: var(--base-font-color, #5E5E5E);
}

h6, h6 a, h6 a:link, h6 a:visited, h6 a:hover, h6 a.hover {
    margin: 2.33em 0;
    font-size: calc(calc(14/12)*var(--base-font-size, 1em));
    color: var(--base-font-color, #5E5E5E);
}

    h1 a, h1 a:link, h1 a:visited, h1 a:hover, h1 a.hover,
    h2 a, h2 a:link, h2 a:visited, h2 a:hover, h2 a.hover,
    h4 a, h4 a:link, h4 a:visited, h4 a:hover, h4 a.hover,
    h5 a, h5 a:link, h5 a:visited, h5 a:hover, h5 a.hover,
    h6 a, h6 a:link, h6 a:visited, h6 a:hover, h6 a.hover {
        margin: 0;
    }

#art-main {
    position: relative;
    width: 100%;
    left: 0;
    top: 0;
    cursor: default;
}


#art-page-background-gradient {
    position: absolute;
    background-image: url('images/page_g.jpg');
    background-size: contain;
    background-repeat: repeat-x;
    top: 0;
    width: 100%;
    height: calc(calc(500/12)*var(--base-font-size, 1em));
}


#art-page-background-simple-gradient {
    position: absolute;
    background-image: url('images/page_sg.jpg');
    background-size: contain;
    background-repeat: repeat-x;
    top: 0;
    width: 100%;
    height: calc(calc(500/12)*var(--base-font-size, 1em));
}

.cleared {
    float: none;
    clear: both;
    margin: 0;
    padding: 0;
    border: none;
    font-size: 1px;
}

form {
    padding: 0 !important;
    margin: 0 !important;
}

table.position {
    position: relative;
    width: 100%;
    table-layout: fixed;
}
/* end Page */
/*#endregion Page */

/*#region Box, Sheet */
/* begin Box, Sheet */
.art-sheet {
    position: relative;
    z-index: 0;
    margin: 0 auto;
    width: 98%;
    min-width: calc(calc(51/12)*var(--base-font-size, 1em));
    min-height: calc(calc(51/12)*var(--base-font-size, 1em));
    max-width: max(974px, calc(calc(974/12)*var(--base-font-size, 1em)));
}

@media only screen and (max-width: calc(calc(600/12)*var(--base-font-size, 1em))) and (max-width: 600px) {
    .art-sheet {
        width: 98%;
        min-width: calc(calc(51/12)*var(--base-font-size, 1em));
        min-height: calc(calc(51/12)*var(--base-font-size, 1em));
        max-width: max(974px, calc(calc(974/12)*var(--base-font-size, 1em)), 100%, calc(calc(51/12)*var(--base-font-size, 1em)));
    }
}

@media only screen and (max-width: calc(calc(974/12)*var(--base-font-size, 1em))) and (max-width: 974px)) {
    .art-sheet {
        width: 98%;
        min-width: calc(calc(51/12)*var(--base-font-size, 1em));
        min-height: calc(calc(51/12)*var(--base-font-size, 1em));
        max-width: max(974px, calc(calc(974/12)*var(--base-font-size, 1em)), 100%, calc(calc(51/12)*var(--base-font-size, 1em)));
    }
}


.art-sheet-body {
    position: relative;
    z-index: 1;
    padding: calc(calc(5/12)*var(--base-font-size, 1em));
    padding: 0px;
}

.art-sheet-tr, .art-sheet-tl, .art-sheet-br, .art-sheet-bl, .art-sheet-tc, .art-sheet-bc, .art-sheet-cr, .art-sheet-cl {
    position: absolute;
    z-index: -1;
}

.art-sheet-tr, .art-sheet-tl, .art-sheet-br, .art-sheet-bl {
    width: calc(calc(70/12)*var(--base-font-size, 1em));
    height: calc(calc(70/12)*var(--base-font-size, 1em));
    background-image: url('images/sheet_s.png');
    background-size: contain;
}

.art-sheet-tl {
    top: 0;
    left: 0;
    clip: rect(auto, calc(calc(35/12)*var(--base-font-size, 1em)), calc(calc(35/12)*var(--base-font-size, 1em)), auto);
}

.art-sheet-tr {
    top: 0;
    right: 0;
    clip: rect(auto, auto, calc(calc(35/12)*var(--base-font-size, 1em)), calc(calc(35/12)*var(--base-font-size, 1em)));
}

.art-sheet-bl {
    bottom: 0;
    left: 0;
    clip: rect(calc(calc(35/12)*var(--base-font-size, 1em)), calc(calc(35/12)*var(--base-font-size, 1em)), auto, auto);
}

.art-sheet-br {
    bottom: 0;
    right: 0;
    clip: rect(calc(calc(35/12)*var(--base-font-size, 1em)), auto, auto, calc(calc(35/12)*var(--base-font-size, 1em)));
}

.art-sheet-tc, .art-sheet-bc {
    left: calc(calc(35/12)*var(--base-font-size, 1em));
    right: calc(calc(35/12)*var(--base-font-size, 1em));
    height: calc(calc(70/12)*var(--base-font-size, 1em));
    background-image: url('images/sheet_h.png');
    background-size: contain;
}

.art-sheet-tc {
    top: 0;
    clip: rect(auto, auto, calc(calc(35/12)*var(--base-font-size, 1em)), auto);
}

.art-sheet-bc {
    bottom: 0;
    clip: rect(calc(calc(35/12)*var(--base-font-size, 1em)), auto, auto, auto);
}

.art-sheet-cr, .art-sheet-cl {
    top: calc(calc(35/12)*var(--base-font-size, 1em));
    bottom: calc(calc(35/12)*var(--base-font-size, 1em));
    width: calc(calc(70/12)*var(--base-font-size, 1em));
    background-image: url('images/sheet_v.png');
    background-size: contain;
}

.art-sheet-cr {
    right: 0;
    clip: rect(auto, auto, auto, calc(calc(35/12)*var(--base-font-size, 1em)));
}

.art-sheet-cl {
    left: 0;
    clip: rect(auto, calc(calc(35/12)*var(--base-font-size, 1em)), auto, auto);
}

.art-sheet-cc {
    position: absolute;
    z-index: -1;
    top: calc(calc(35/12)*var(--base-font-size, 1em));
    left: calc(calc(35/12)*var(--base-font-size, 1em));
    right: calc(calc(35/12)*var(--base-font-size, 1em));
    bottom: calc(calc(35/12)*var(--base-font-size, 1em));
    background-color: #FCFCFC;
    background-size: contain;
}

.art-sheet {
    margin-top: calc(calc(10/12)*var(--base-font-size, 1em)) !important;
    margin-bottom: calc(calc(10 / 12) * 1em);
    cursor: auto;
}

/*# end Box, Sheet */
/*#endregion end Box, Sheet */

/*#region Header */
/* begin Header */
div.art-header {
    margin: 0 auto;
    position: relative;
    z-index: 0;
    width: 100%;
    height: calc(calc(100/12)*var(--base-font-size, 1em));
    overflow: hidden;
}

div.art-header-png {
    position: absolute;
    z-index: -2;
    top: 0;
    left: 0;
    width: calc(calc(964/12)*var(--base-font-size, 1em));
    height: calc(calc(100/12)*var(--base-font-size, 1em));
    background-image: url('images/header.png');
    background-repeat: no-repeat;
    background-position: left center;
    background-size: contain;
    background-size: cover;
}

div.art-header-jpeg {
    position: absolute;
    z-index: -1;
    top: calc(calc(2/12)*var(--base-font-size, 1em));
    left: calc(calc(10/12)*var(--base-font-size, 1em));
    width: 95%;
    height: calc(calc(150/12)*var(--base-font-size, 1em));
    background-image: url('images/header-object2.png');
    background-repeat: no-repeat;
}

/* end Header */
/*#endregion Header */

/*#region Logo */
/* begin Logo */
.art-logo {
    display: block;
    position: absolute;
    left: calc(calc(77/12)*var(--base-font-size, 1em));
    top: calc(calc(0/12)*var(--base-font-size, 1em));
    top: 0px;
    width: 93%;
}

h1.art-logo-name {
    display: block;
    text-align: center;
}

    h1.art-logo-name, h1.art-logo-name a, h1.art-logo-name a:link, h1.art-logo-name a:visited, h1.art-logo-name a:hover, h1.art-logo-name a.hover {
        /*font-size: 4.4vh;*/
        /*font-size: 2.6em;*/
        /*font-size: max(2em, 4.4vh, 4.4vw);*/
        font-size: min(2em, 4.4vh, 4.4vw);
        line-height: 100%;
        letter-spacing: 0em;
        white-space: normal;
        text-decoration: none;
        padding: 0;
        margin: 0;
        color: #FFFFFF !important;
    }

.art-logo-text {
    display: block;
    text-align: center;
}

    .art-logo-text, .art-logo-text a {
        font-size: calc(calc(36/12)*var(--base-font-size, 1em));
        padding: 0;
        margin: 0;
        color: #FFFFFF !important;
    }
/* end Logo */
/*#endregion Logo */

/*#region Beginning New menu CSS */
/* Beginning New menu CSS */

#page-nav-wrap label {
    color: #000;
    background: #7FB6E3; /* This is the red color right here */
    padding: calc(calc(10/12)*var(--base-font-size, 1em));
    font-size: var(--base-font-size, 1em);
    cursor: pointer;
}

#page-nav-wrap label, #hamburger {
    /* Hide the hamburger icon */
    display: none;
}
/* NAVIGATION BAR */
#page-nav-wrap, #page-nav {
    background: #004256; /* Menu bar color */
}

#page-nav ul {
    list-style: none;
    padding: 0;
    margin: 0;
    z-index: 100;
}


#page-nav ul li {
    display: block;
    position: relative;
    float: left;
    height: calc(calc(40/12)*var(--base-font-size, 1em));
}

#page-nav {
    display: flex;
    flex-direction: row;
}

    #page-nav a {
        color: #fff; /* Not sure what color this is */
        padding: calc(calc(10/12)*var(--base-font-size, 1em));
        font-size: var(--base-font-size, 1em);
        text-decoration: none;
        text-align: center;
        /* Flex grow and basis will auto adjust the width */
        /* Remove these if you do not want auto width */
        flex-grow: 1;
        flex-basis: 0;
        /* A little bit of CSS animation magic */
        transition: all ease 0.3s;
    }

        #page-nav a:hover, #page-nav a.hover, #page-nav a[aria-expanded="true"] {
            background: White; /* Not sure what color this is */
        }

    #page-nav li ul {
        display: none;
    }

    #page-nav ul li a {
        display: block;
        padding: 1em;
        text-decoration: none;
        white-space: nowrap;
        color: #000; /* Menu text */
        background: #7FB6E3; /* Menu backcolor */
        height: calc(calc(10/12)*var(--base-font-size, 1em));
        margin-top: calc(calc(6/12)*var(--base-font-size, 1em));
        margin-right: 1px;
        border-top-left-radius: calc(calc(5/12)*var(--base-font-size, 1em));
        border-top-right-radius: calc(calc(5/12)*var(--base-font-size, 1em));
    }

        #page-nav ul li a:hover, #page-nav ul li a.hover, #page-nav ul li a[aria-expanded="true"] {
            background: #2990E5; /* Menu hover color */
            border-top-left-radius: calc(calc(5/12)*var(--base-font-size, 1em));
            border-top-right-radius: calc(calc(5/12)*var(--base-font-size, 1em));
            height: calc(calc(10/12)*var(--base-font-size, 1em));
            margin-top: calc(calc(6/12)*var(--base-font-size, 1em));
            margin-right: 1px;
        }

    /* ************************************ This is the .R2 section ************************************************ */

    #page-nav ul .r2 {
        list-style: none;
        padding: 0;
        margin: 0;
        z-index: 100;
    }


    #page-nav ul .r2 {
        display: block;
        position: relative;
        float: left;
        height: calc(calc(40/12)*var(--base-font-size, 1em));
    }

    #page-nav .r2 {
        display: flex;
        flex-direction: row;
    }

    #page-nav .r2 a {
        color: #fff; /* Not sure what color this is */
        padding: calc(calc(10/12)*var(--base-font-size, 1em));
        font-size: var(--base-font-size, 1em);
        text-decoration: none;
        text-align: center;
        /* Flex grow and basis will auto adjust the width */
        /* Remove these if you do not want auto width */
        flex-grow: 1;
        flex-basis: 0;
        /* A little bit of CSS animation magic */
        transition: all ease 0.3s;
    }

        #page-nav .r2 a:hover, #page-nav .r2 a.hover, #page-nav .r2 a[aria-expanded="true"] {
            background: White; /* Not sure what color this is */
        }

    #page-nav .r2 ul {
        display: none;
    }

    #page-nav ul .r2 a {
        display: block;
        padding: 1em;
        text-decoration: none;
        white-space: nowrap;
        color: #000; /* Menu text */
        background: #f96068; /* Menu backcolor */
        height: calc(calc(10/12)*var(--base-font-size, 1em));
        margin-top: calc(calc(6/12)*var(--base-font-size, 1em));
        margin-right: 1px;
        border-top-left-radius: calc(calc(5/12)*var(--base-font-size, 1em));
        border-top-right-radius: calc(calc(5/12)*var(--base-font-size, 1em));
    }

        #page-nav ul .r2 a:hover, #page-nav ul .r2 a.hover, #page-nav ul .r2 a[aria-expanded="true"] {
            background: #f68499; /* Menu hover color */
            border-top-left-radius: calc(calc(5/12)*var(--base-font-size, 1em));
            border-top-right-radius: calc(calc(5/12)*var(--base-font-size, 1em));
            height: calc(calc(10/12)*var(--base-font-size, 1em));
            margin-top: calc(calc(6/12)*var(--base-font-size, 1em));
            margin-right: 1px;
        }

    /* *************************** Ending of the R2 section ******************************** */

    #page-nav li:hover > ul, #page-nav li.hover > ul, #page-nav li[aria-expanded="true"] > ul {
        display: block;
        position: absolute;
        border-top-left-radius: calc(calc(0/12)*var(--base-font-size, 1em));
        border-top-right-radius: calc(calc(0/12)*var(--base-font-size, 1em));
        height: calc(calc(10/12)*var(--base-font-size, 1em));
        /*margin-top: calc(calc(6/12)*var(--base-font-size, 1em));*/
        /*margin-right: 1px;*/
        margin-top: calc(calc(0/12)*var(--base-font-size, 1em));
    }

    #page-nav li:hover li, #page-nav li.hover li, #page-nav li[aria-expanded="true"] li {
        float: none;
        z-index: 100;
        margin-top: calc(calc(6/12)*-1em);
    }

    /* 07/13/2020 - CMCV
    Added 'li' to this style, otherwise the border-radius of the parent item
    would get mucked up when hovering on the margin or a sub-item.*/
        #page-nav li:hover li a, #page-nav li.hover li a, #page-nav li[aria-expanded="true"] li a {
            background: #72B6EE; /* Menu Sub-Menu color */
            /*margin-top: calc(calc(6/12)*-1em);*/
            border-top-left-radius: calc(calc(0/12)*var(--base-font-size, 1em));
            border-top-right-radius: calc(calc(0/12)*var(--base-font-size, 1em));
            z-index: 100;
        }

    #page-nav li:hover li a:hover,
    #page-nav li.hover li a:hover,
    #page-nav li:hover li a.hover,
    #page-nav li.hover li a.hover,
    #page-nav li[aria-expanded="true"] li a[aria-expanded="true"],
    #page-nav li[aria-expanded="true"] li a:hover,
    #page-nav li:hover li a[aria-expanded="true"],
    #page-nav li.hover li a[aria-expanded="true"],
    #page-nav li[aria-expanded="true"] li a.hover
    {
        background: #125891; /* Menu Sub-Menu hover color */
        color: #fff;
        border-top-left-radius: calc(calc(0/12)*var(--base-font-size, 1em));
        border-top-right-radius: calc(calc(0/12)*var(--base-font-size, 1em));
        height: calc(calc(10/12)*var(--base-font-size, 1em));
        margin-top: calc(calc(6/12)*-1em);
        /*margin-top: calc(calc(6/12)*var(--base-font-size, 1em));*/
        /*margin-right: 1px;*/
    }

    #page-nav ul li a {
        background-image: url(images/spacer.gif);
        /*padding: calc(calc(10/12)*var(--base-font-size, 1em)) calc(calc(30/12)*var(--base-font-size, 1em)) calc(calc(30/12)*var(--base-font-size, 1em)) calc(calc(30/12)*var(--base-font-size, 1em));
    margin: calc(calc(10/12)*-1em) 0 0 calc(calc(30/12)*-1em);*/
    }

    /*#page-nav .l, #page-nav .r
{
    position: absolute;
    z-index: -1;
    top: 0;
    height: calc(calc(37/12)*var(--base-font-size, 1em));
    background-image: url('images/nav.png');
}*/

    #page-nav .l {
        left: 0;
        right: 0;
    }

    #page-nav .r {
        right: 0;
        width: 95%;
        clip: rect(auto, auto, auto, calc(calc(964/12)*var(--base-font-size, 1em)));
    }

    #page-nav ul li a.active {
        color: #000;
        background: #e3e3e3;
    }

        #page-nav ul li a.active a:hover, #page-nav ul li a.active a.hover, #page-nav ul li a.active a[aria-expanded="true"] {
            background: #2990E5; /* Menu hover color */
            border-top-left-radius: calc(calc(0/12)*var(--base-font-size, 1em));
            border-top-right-radius: calc(calc(0/12)*var(--base-font-size, 1em));
            height: calc(calc(10/12)*var(--base-font-size, 1em));
            margin-top: calc(calc(6/12)*var(--base-font-size, 1em));
            margin-right: 1px;
        }

.main-navigation li ul li #page-nav ul li a.active a:hover,
.main-navigation li ul li #page-nav ul li a.active a.hover,
.main-navigation li ul li #page-nav ul li a.active a[aria-expanded="true"] {
    color: #000;
    background: #e3e3e3;
    margin-top: 0;
}

#page-nav li ul li a {
    margin-top: 0;
}

@media only screen and (min-width: calc(calc(600/12)*var(--base-font-size, 1em))) and (min-width: 600px) {
    #page-nav-wrap label, #hamburger {
        display: none;
    }
}

    /* [ON THE SMALL SCREEN] */
    @media only screen and (max-width: calc(calc(600/12)*var(--base-font-size, 1em))), only screen and (max-width: 600px) {
        nav:has( li:hover[aria-haspopup="true"]) li.menulistitem.menutab:not(:hover):not(:focus):not(:focus-visible):not(:focus-within),
        nav:has( li:focus[aria-haspopup="true"]) li.menulistitem.menutab:not(:hover):not(:focus):not(:focus-visible):not(:focus-within),
        nav:has( li:focus-visible[aria-haspopup="true"]) li.menulistitem.menutab:not(:hover):not(:focus):not(:focus-visible):not(:focus-within),
        nav:has( li:focus-within[aria-haspopup="true"]) li.menulistitem.menutab:not(:hover):not(:focus):not(:focus-visible):not(:focus-within) {
            opacity: .85;
        }

        #page-nav-wrap:has(> label[for="hamburger"]) {
            overflow-x: clip;
        }

        #page-nav-wrap label {
            display: block;
            position: relative;
        }

        #hamburger {
            display: inline-flex;
            display: inline-block;
            min-height: max(calc(calc(10/12)*var(--base-font-size, 1em)), 16px, 1em);
            padding: 1em;
            /*position: relative;
            left: calc(calc(16 / 12) * -2em);*/
            /*height: 0px;
            width: 0px;*/
            /*padding: 0px;
            margin: 0px;*/
            /*min-width: 0px;
            min-height: 0px;*/
        }

        #page-nav-wrap label:focus, #page-nav-wrap label:focus-within, #page-nav-wrap label:focus-visible,
        #page-nav-wrap label:has(+ #hamburger:focus), #page-nav-wrap label:has(+ #hamburger:focus-within), #page-nav-wrap label:has(+ #hamburger:focus-visible),
        #page-nav-wrap label[for="hamburger"]:focus, #page-nav-wrap label[for="hamburger"]:focus-within, #page-nav-wrap label[for="hamburger"]:focus-visible,
        #page-nav-wrap label[for="hamburger"]:has(+ #hamburger:focus), #page-nav-wrap label[for="hamburger"]:has(+ #hamburger:focus-within), #page-nav-wrap label[for="hamburger"]:has(+ #hamburger:focus-visible),
        label[for="hamburger"]:focus, label[for="hamburger"]:focus-within, label[for="hamburger"]:focus-visible,
        label[for="hamburger"]:has(+ #hamburger:focus), label[for="hamburger"]:has(+ #hamburger:focus-within), label[for="hamburger"]:has(+ #hamburger:focus-visible),
        #page-nav-wrap label:has(+ #hamburger:focus),
        #page-nav-wrap label[for="hamburger"]:has(+ #hamburger:focus),
        label[for="hamburger"]:has(+ #hamburger:focus) {
            outline: -webkit-focus-ring-color auto 1px;
        }

        /* Show hamburger icon */
        #page-nav-wrap label, #page-nav-wrap button#hamburger {
            display: inline-block;
            z-index: 20000;
            color: #000;
            background: #7FB6E3; /* This is the red color right here */
            padding: calc(calc(10/12)*var(--base-font-size, 1em));
            font-size: var(--base-font-size, 1em);
            cursor: pointer;
            border-right-color: #5CA2DB;
            border-bottom-color: #5CA2DB;
            border-left-color: #A3CAEB;
            border-top-color: #A3CAEB;
        }

            #page-nav-wrap button#hamburger[expanded], #page-nav-wrap button#hamburger[aria-expanded="true"] {
                background: #2990E5;
                color: #fff;
                border-right-color: #1A7ED1;
                border-bottom-color: #1A7ED1;
                border-left-color: #53A6EA;
                border-top-color: #53A6EA;
            }

            #page-nav-wrap button#hamburger:hover, #page-nav-wrap button#hamburger.hover {
                background: #125891;
                color: #fff;
                border-right-color: #0F4775;
                border-bottom-color: #0F4775;
                border-left-color: #1568AC;
                border-top-color: #1568AC;
            }

        nav ul ul, #page-nav-wrap ul ul, #page-nav ul ul {
            max-width: 50%;
        }

        nav ul ul li,
        #page-nav-wrap ul ul li,
        #page-nav ul ul li,
        nav ul ul li a,
        #page-nav-wrap ul ul li a,
        #page-nav ul ul li a {
            flex-wrap: wrap;
            overflow-wrap: anywhere;
            text-wrap-mode: wrap;
            text-wrap-style: auto;
        }

        /* Collapse menu */
        #page-nav {
            flex-direction: column;
        }
        /* Show/hide menu on checkbox click */
        #page-nav {
            display: none;
        }

        #page-nav-wrap input:checked ~ #page-nav, #page-nav-wrap[expanded] ~ #page-nav, #page-nav-wrap [expanded] ~ #page-nav {
            display: flex;
        }

        #page-nav ul li {
            display: block;
            float: none;
            position: static;
            height: auto;
        }
        /* ********* R2 new menu section *********** */

        #page-nav-wrap .r2 label {
            display: inline-block;
            z-index: 20000;
            color: #000;
            background: #7FB6E3; /* This is the red color right here */
            padding: calc(calc(10/12)*var(--base-font-size, 1em));
            font-size: var(--base-font-size, 1em);
            cursor: pointer;
        }
        /* Collapse menu */
        #page-nav .r2 {
            flex-direction: column;
        }
        /* Show/hide menu on checkbox click */
        #page-nav .r2 {
            display: none;
        }

        #page-nav-wrap .r2 input:checked ~ #page-nav, #page-nav-wrap[expanded] .r2 ~ #page-nav, #page-nav-wrap .r2 [expanded] ~ #page-nav {
            display: flex;
        }

        #page-nav ul .r2 {
            display: block;
            float: none;
            position: static;
            height: auto;
        }


        /* ********* End of R2 new menu section *********** */

    }

    /* Ending of New menu CSS */
    /*#endregion Ending of New menu CSS */

    /*#region Layout */
    /* begin Layout */
    .art-content-layout {
        display: table;
        padding: 0;
        border: none;
        width: 100%;
    }

        .art-content-layout .art-content-layout {
            width: auto;
            margin: 0;
        }

    div.art-content-layout div.art-layout-cell, div.art-content-layout div.art-layout-cell div.art-content-layout div.art-layout-cell {
        display: table-cell;
    }

    div.art-layout-cell div.art-layout-cell {
        display: block;
    }

    div.art-content-layout-row {
        display: table-row;
    }

    .art-content-layout {
        table-layout: fixed;
        border-collapse: collapse;
        background-color: Transparent;
        background-size: contain;
        border: none !important;
        padding: 0 !important;
    }

    .art-layout-cell, .art-content-layout-row {
        background-color: Transparent;
        background-size: contain;
        vertical-align: top;
        text-align: left;
        border: none !important;
        margin: 0 !important;
        padding: 0 !important;
    }
    /* end Layout */
    /*#endregion Layout */

    /*#region Box, Block, VMenuBlock */
    /* begin Box, Block, VMenuBlock */
    .art-vmenublock {
        position: relative;
        z-index: 0;
        margin: 0 auto;
        min-width: 1px;
        min-height: 1px;
    }

    .art-vmenublock-body {
        position: relative;
        z-index: 1;
        padding: 0;
    }

    .art-vmenublock-cc {
        position: absolute;
        z-index: -1;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background-color: #FFFFFF;
        background-size: contain;
    }

    .art-vmenublock {
        margin: calc(calc(7/12)*var(--base-font-size, 1em));
    }

    /* end Box, Block, VMenuBlock */
    /*#endregion Box, Block, VMenuBlock */

    /*#region Box, Box, VMenuBlockContent */
    /* begin Box, Box, VMenuBlockContent */
    .art-vmenublockcontent {
        position: relative;
        z-index: 0;
        margin: 0 auto;
        min-width: 1px;
        min-height: 1px;
    }

    .art-vmenublockcontent-body {
        position: relative;
        z-index: 1;
        padding: calc(calc(5/12)*var(--base-font-size, 1em));
    }

    .art-vmenublockcontent-cc {
        position: absolute;
        z-index: -1;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background-color: #FFFFFF;
        background-size: contain;
    }

    .art-vmenublockcontent {
        position: relative;
        z-index: 0;
        margin: 0 auto;
        min-width: 1px;
        min-height: 1px;
    }

    .art-vmenublockcontent-body {
        position: relative;
        z-index: 1;
        padding: calc(calc(5/12)*var(--base-font-size, 1em));
    }

    .art-vmenublockcontent-cc {
        position: absolute;
        z-index: -1;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background-color: #FFFFFF;
        background-size: contain;
    }

    /* end Box, Box, VMenuBlockContent */
    /*#endregion Box, Box, VMenuBlockContent */

    /*#region Box, Block */
    /* begin Box, Block */
    .art-block {
        position: relative;
        z-index: 0;
        margin: 0 auto;
        min-width: 1px;
        min-height: 1px;
    }

    .art-block-body {
        position: relative;
        z-index: 1;
        padding: 0;
    }


    .art-block {
        margin: calc(calc(7/12)*var(--base-font-size, 1em));
    }

    /* end Box, Block */
    /*#endregion Box, Block */

    /*#region begin BlockHeader */
    .art-blockheader {
        position: relative;
        z-index: 0;
        height: calc(calc(32/12)*var(--base-font-size, 1em));
        margin-bottom: 0;
    }

        .art-blockheader .t {
            height: calc(calc(32/12)*var(--base-font-size, 1em));
            color: #000000;
            margin-right: calc(calc(10/12)*var(--base-font-size, 1em));
            margin-left: calc(calc(10/12)*var(--base-font-size, 1em));
            font-size: var(--base-font-size, 1em);
            margin: 0;
            padding: 0 calc(calc(10/12)*var(--base-font-size, 1em)) 0 calc(calc(28/12)*var(--base-font-size, 1em));
            white-space: nowrap;
            line-height: calc(calc(32/12)*var(--base-font-size, 1em));
        }

        .art-blockheader .l, .art-blockheader .r {
            display: block;
            position: absolute;
            z-index: -1;
            height: calc(calc(32/12)*var(--base-font-size, 1em));
            background-image: url('images/blockheader.png');
            background-size: contain;
        }

        .art-blockheader .l {
            left: 0;
            right: calc(calc(22/12)*var(--base-font-size, 1em));
        }

        .art-blockheader .r {
            width: 95%;
            right: 0;
            clip: rect(auto, auto, auto, calc(calc(942/12)*var(--base-font-size, 1em)));
        }

    /*#endregion end BlockHeader */

    /*#region begin Box, BlockContent */
    .art-blockcontent {
        position: relative;
        z-index: 0;
        margin: 0 auto;
        min-width: 1px;
        min-height: 1px;
    }

    .art-blockcontent-body {
        position: relative;
        z-index: 1;
        padding: calc(calc(7/12)*var(--base-font-size, 1em));
    }


        .art-blockcontent-body,
        .art-blockcontent-body a,
        .art-blockcontent-body li a {
            color: #858585;
        }

            .art-blockcontent-body a,
            .art-blockcontent-body li a {
                color: #1A7ED1;
                text-decoration: underline;
            }

                .art-blockcontent-body a:link,
                .art-blockcontent-body li a:link {
                    color: #1A7ED1;
                    text-decoration: underline;
                }

                .art-blockcontent-body a:visited, .art-blockcontent-body a.visited,
                .art-blockcontent-body li a:visited, .art-blockcontent-body li a.visited {
                    color: #A3A3A3;
                }

                .art-blockcontent-body a:hover, .art-blockcontent-body a.hover,
                .art-blockcontent-body li a:hover, .art-blockcontent-body li a.hover {
                    color: #005748;
                    text-decoration: none;
                }

            .art-blockcontent-body ul {
                list-style-type: none;
                color: #696969;
                margin: 0;
                padding: 0;
            }

                .art-blockcontent-body ul li {
                    text-decoration: none;
                    line-height: 1.25em;
                    padding: 0 0 0 calc(calc(13/12)*var(--base-font-size, 1em));
                    /*background-image: url('images/blockcontentbullets.png');*/
                    background-image: none;
                    /*list-style-image: url('images/blockcontentbullets.png');*/
                    list-style: circle;
                    background-repeat: no-repeat;
                    /*background-size: contain;*/
                }


    /*#endregion end Box, BlockContent */

    /*#region begin Button */
    .art-button-wrapper .art-button {
        display: inline-block;
        vertical-align: middle;
        white-space: nowrap;
        text-align: center;
        text-decoration: none !important;
        color: #000000 !important;
        width: auto;
        outline: none;
        border: none;
        background: none;
        background-size: contain;
        background-size: cover;
        line-height: calc(calc(33/12)*var(--base-font-size, 1em));
        height: calc(calc(33/12)*var(--base-font-size, 1em));
        margin: 0;
        padding: 0 calc(calc(21/12)*var(--base-font-size, 1em)) !important;
        overflow: visible;
        cursor: default;
        z-index: 0;
    }

    .art-button img, .art-button-wrapper img {
        margin: 0;
        vertical-align: middle;
    }

    .art-button-wrapper {
        vertical-align: middle;
        display: inline-block;
        position: relative;
        height: calc(calc(33/12)*var(--base-font-size, 1em));
        overflow: hidden;
        white-space: nowrap;
        width: auto;
        margin: 0;
        padding: 0;
        z-index: 0;
    }

    .firefox2 .art-button-wrapper {
        display: block;
        float: left;
    }

    input, select, textarea, select {
        vertical-align: middle;
        margin-left: 1px;
    }

    .art-block select {
        width: 96%;
    }

.art-button-wrapper.hover .art-button, .art-button:hover, .art-button.hover {
    color: #000000 !important;
    text-decoration: none !important;
}

    .art-button-wrapper.active .art-button {
        color: #E8F2F7 !important;
    }

    .art-button-wrapper .l, .art-button-wrapper .r {
        display: block;
        position: absolute;
        z-index: -1;
        height: calc(calc(99/12)*var(--base-font-size, 1em));
        margin: 0;
        padding: 0;
        background-image: url('images/button.png');
        background-size: contain;
        background-size: cover;
    }

    .art-button-wrapper .l {
        left: 0;
        right: calc(calc(10/12)*var(--base-font-size, 1em));
    }

    .art-button-wrapper .r {
        width: calc(calc(409/12)*var(--base-font-size, 1em));
        right: 0;
        clip: rect(auto, auto, auto, calc(calc(399/12)*var(--base-font-size, 1em)));
    }

    .art-button-wrapper.hover .l, .art-button-wrapper.hover .r {
        top: calc(calc(33/12)*-1em);
    }

    .art-button-wrapper.active .l, .art-button-wrapper.active .r {
        top: calc(calc(66/12)*-1em);
    }

    .art-button-wrapper input {
        float: none !important;
    }
    /*#endregion end Button */

    /*#region begin Box, Post */
    .art-post {
        position: relative;
        z-index: 0;
        margin: 0 auto;
        min-width: calc(calc(15/12)*var(--base-font-size, 1em));
        min-height: calc(calc(15/12)*var(--base-font-size, 1em));
    }

    .art-post-body {
        position: relative;
        z-index: 1;
        padding: calc(calc(11/12)*var(--base-font-size, 1em));
    }

    .art-post-tr, .art-post-tl, .art-post-br, .art-post-bl, .art-post-tc, .art-post-bc, .art-post-cr, .art-post-cl {
        position: absolute;
        z-index: -1;
    }

    .art-post-tr, .art-post-tl, .art-post-br, .art-post-bl {
        width: calc(calc(14/12)*var(--base-font-size, 1em));
        height: calc(calc(14/12)*var(--base-font-size, 1em));
        background-image: url('images/post_s.png');
        background-size: contain;
    }

    .art-post-tl {
        top: 0;
        left: 0;
        clip: rect(auto, calc(calc(7/12)*var(--base-font-size, 1em)), calc(calc(7/12)*var(--base-font-size, 1em)), auto);
    }

    .art-post-tr {
        top: 0;
        right: 0;
        clip: rect(auto, auto, calc(calc(7/12)*var(--base-font-size, 1em)), calc(calc(7/12)*var(--base-font-size, 1em)));
    }

    .art-post-bl {
        bottom: 0;
        left: 0;
        clip: rect(calc(calc(7/12)*var(--base-font-size, 1em)), calc(calc(7/12)*var(--base-font-size, 1em)), auto, auto);
    }

    .art-post-br {
        bottom: 0;
        right: 0;
        clip: rect(calc(calc(7/12)*var(--base-font-size, 1em)), auto, auto, calc(calc(7/12)*var(--base-font-size, 1em)));
    }

    .art-post-tc, .art-post-bc {
        left: calc(calc(7/12)*var(--base-font-size, 1em));
        right: calc(calc(7/12)*var(--base-font-size, 1em));
        height: calc(calc(14/12)*var(--base-font-size, 1em));
        background-image: url('images/post_h.png');
        background-size: contain;
    }

    .art-post-tc {
        top: 0;
        clip: rect(auto, auto, calc(calc(7/12)*var(--base-font-size, 1em)), auto);
    }

    .art-post-bc {
        bottom: 0;
        clip: rect(calc(calc(7/12)*var(--base-font-size, 1em)), auto, auto, auto);
    }

    .art-post-cr, .art-post-cl {
        top: calc(calc(7/12)*var(--base-font-size, 1em));
        bottom: calc(calc(7/12)*var(--base-font-size, 1em));
        width: calc(calc(14/12)*var(--base-font-size, 1em));
        background-image: url('images/post_v.png');
        /*background-size: contain;*/
    }

    .art-post-cr {
        right: 0;
        clip: rect(auto, auto, auto, calc(calc(7/12)*var(--base-font-size, 1em)));
    }

    .art-post-cl {
        left: 0;
        clip: rect(auto, calc(calc(7/12)*var(--base-font-size, 1em)), auto, auto);
    }

    .art-post-cc {
        position: absolute;
        z-index: -1;
        top: calc(calc(7/12)*var(--base-font-size, 1em));
        left: calc(calc(7/12)*var(--base-font-size, 1em));
        right: calc(calc(7/12)*var(--base-font-size, 1em));
        bottom: calc(calc(7/12)*var(--base-font-size, 1em));
        background-color: #E6EFF4;
        background-size: contain;
    }

    .art-post {
        margin: calc(calc(10/12)*var(--base-font-size, 1em));
    }

    a img {
        border: 0;
    }

    .art-article img, img.art-article {
        border: solid 1px #C7C7C7;
        margin: calc(calc(10/12)*var(--base-font-size, 1em));
    }

    .art-metadata-icons img {
        border: none;
        vertical-align: middle;
        margin: calc(calc(2/12)*var(--base-font-size, 1em));
    }

    .art-article table, table.art-article {
        border-collapse: collapse;
        margin: 1px;
        width: auto;
    }

        .art-article table, table.art-article .art-article tr, .art-article th, .art-article td {
            background-color: Transparent;
            background-size: contain;
        }

    .art-article th, .art-article td {
        padding: calc(calc(2/12)*var(--base-font-size, 1em));
        border: solid 1px #A6A6A6;
        vertical-align: top;
        text-align: left;
    }

    .art-article th {
        text-align: center;
        vertical-align: middle;
        padding: calc(calc(7/12)*var(--base-font-size, 1em));
    }

    pre {
        overflow: auto;
        padding: 0.1em;
    }

    /*#endregion end Box, Post */

    /*#region begin PostMetadata, PostMetadataHeader */
    .art-postmetadataheader {
        padding: 1px;
        background-color: #BFDDF8;
        background-size: contain;
        border-color: #C7C7C7;
        border-style: solid;
        border-width: 1px;
    }
    /*#endregion end PostMetadata, PostMetadataHeader */

    /*#region begin PostHeaderIcon */
.art-post h2.art-postheader,
.art-post h2.art-postheader a,
.art-post h2.art-postheader a:link,
.art-post h2.art-postheader a:visited,
.art-post h2.art-postheader a.visited,
.art-post h2.art-postheader a:hover,
.art-post h2.art-postheader a.hover,
.art-post h2.art-postheader a.hovered {
    margin: 0.2em 0;
    padding: 0;
    font-size: calc(calc(22/12)*var(--base-font-size, 1em));
    color: #0E4571;
}

    .art-post h2.art-postheader a,
    .art-post h2.art-postheader a:link,
    .art-post h2.art-postheader a:visited,
    .art-post h2.art-postheader a.visited,
    .art-post h2.art-postheader a:hover,
    .art-post h2.art-postheader a.hover,
    .art-post h2.art-postheader a.hovered {
        margin: 0;
        text-decoration: none;
        color: #11558D;
    }

    .art-post h2.art-postheader a:visited,
    .art-post h2.art-postheader a.visited {
        color: #4F4F4F;
    }


    .art-post h2.art-postheader a:hover,
    .art-post h2.art-postheader a.hover,
    .art-post h2.art-postheader a.hovered {
        color: #005748;
    }

    /*#endregion end PostHeaderIcon */

    /*#region begin PostBullets */
    .art-post ol, .art-post ul {
        color: #041320;
        margin: 1em 0 1em 2em;
        padding: 0;
    }

    .art-post li ol, .art-post li ul {
        margin: 0.5em 0 0.5em 2em;
        padding: 0;
    }

    .art-post li {
        margin: 0.2em 0;
        padding: 0;
    }

    .art-post ul {
        list-style-type: none;
    }

    .art-post ol {
        list-style-position: inside;
    }



    .art-post li {
        padding: 0 0 0 calc(calc(13/12)*var(--base-font-size, 1em));
        line-height: 1em;
    }

    .art-post ol li, .art-post ul ol li {
        background: none;
        /*background-size: contain;*/
        padding-left: 0;
    }

    .art-post ul li, .art-post ol ul li {
        /*background-image: url('images/postbullets.png');*/
        background-image: none;
        /*list-style-image: url('images/postbullets.png');*/
        list-style: circle;
        background-repeat: no-repeat;
        /*background-size: contain;*/
        padding-left: calc(calc(13/12)*var(--base-font-size, 1em));
    }


    /*#endregion end PostBullets */

    /*#region begin PostQuote */
    blockquote,
    blockquote p,
    .art-postcontent blockquote p {
        color: #0F0F0F;
        font-style: italic;
    }

    blockquote,
    .art-postcontent blockquote {
        border: solid 1px #C7C7C7;
        margin: calc(calc(10/12)*var(--base-font-size, 1em)) calc(calc(10/12)*var(--base-font-size, 1em)) calc(calc(10/12)*var(--base-font-size, 1em)) calc(calc(50/12)*var(--base-font-size, 1em));
        padding: calc(calc(5/12)*var(--base-font-size, 1em)) calc(calc(5/12)*var(--base-font-size, 1em)) calc(calc(5/12)*var(--base-font-size, 1em)) calc(calc(41/12)*var(--base-font-size, 1em));
        background-color: #E0E0E0;
        background-image: url('images/postquote.png');
        background-position: left top;
        background-repeat: no-repeat;
        background-size: contain;
    }

    /*#endregion end PostQuote */

    /*#region begin Footer */
    .art-footer {
        position: relative;
        z-index: 0;
        overflow: hidden;
        /*width: calc(calc(964/12)*var(--base-font-size, 1em));*/
        width: 100%;
        margin: 0 auto;
    }

        .art-footer .art-footer-inner {
            height: 1%;
            position: relative;
            z-index: 0;
            padding: calc(calc(8/12)*var(--base-font-size, 1em));
        }

        .art-footer .art-footer-background {
            position: absolute;
            z-index: -1;
            background-repeat: no-repeat;
            background-image: url('images/footer.png');
            background-size: contain;
            width: 100%;
            height: calc(calc(150/12)*var(--base-font-size, 1em));
            bottom: 0;
            left: 0;
        }


        .art-footer .art-footer-text p {
            margin: 0;
        }

    .art-footer, .art-footer-text, .art-footer-text p {
        color: #A3A3A3;
        text-align: center;
    }

        .art-footer .art-footer-text,
        .art-footer .art-footer-text a,
        .art-footer .art-footer-text a:link,
        .art-footer .art-footer-text a:visited,
        .art-footer .art-footer-text a:hover,
        .art-footer .art-footer-text a.hover {
            font-size: calc(calc(11/12)*var(--base-font-size, 1em));
        }

        .art-footer .art-footer-text a,
        .art-footer .art-footer-text a:link {
            color: #6EB4ED;
            text-decoration: underline;
        }

        .art-footer .art-footer-text a:visited {
            text-decoration: none;
            color: #ADADAD;
        }

            .art-footer .art-footer-text a:hover, .art-footer .art-footer-text a.hover {
                color: #00B899;
                text-decoration: none;
            }
    /*#endregion end Footer */

    /*#region begin PageFooter */
.art-page-footer, .art-page-footer a, .art-page-footer a:link, .art-page-footer a:visited,
.art-page-footer a:hover, .art-page-footer a.hover {
    font-family: Arial;
    font-size: calc(calc(10/12)*var(--base-font-size, 1em));
    letter-spacing: normal;
    word-spacing: normal;
    font-style: normal;
    font-weight: normal;
    text-decoration: underline;
    color: #5CAAEB;
}

    .art-page-footer {
        margin: 1em;
        text-align: center;
        text-decoration: none;
        color: #A3A3A3;
    }
    /*#endregion end PageFooter */

    /*#region begin LayoutCell, content */
    .art-content-layout .art-content {
        width: 100%;
    }

        .art-content-layout .art-content .art-block {
            background-color: #FFFFFF;
            background-size: contain;
        }
    /*#endregion end LayoutCell, content */

    .overview-table .art-layout-cell {
        width: 33%;
    }

    .overview-table-inner {
        margin: calc(calc(10/12)*var(--base-font-size, 1em));
    }

    table.table {
        width: 100%;
        border-collapse: collapse;
        table-layout: fixed;
        text-align: left;
        vertical-align: top;
    }

    table.table, table.table tr, table.table td {
        border: none;
        margin: 0;
        padding: 0;
        background-color: Transparent;
        background-size: contain;
    }

    img.image {
        margin: 0;
        padding: 0;
        border: none;
    }

    .tdtitle {
        background-color: #0e4571;
        background-size: contain;
        color: #BFDDF8;
        font-weight: bolder;
        border: solid 1px #E6EFF4;
    }

    .button {
        background-color: Green;
        background-size: contain;
    }

    /* end resizable */
    /*#endregion resizable*/

    /*#region style_customb resizable*/
    /* begin Page  */

    .gridview {
        background-color: #D5E7F0;
        border: solid calc(calc(2/12)*var(--base-font-size, 1em)) #d3d3d3;
        color: Black;
        /*font-size: 2vh;*/
        font-size: 1em;
    }

        .gridview tr {
            background-color: White;
        }

        .gridview th {
            color: #BFDDF8;
            background-color: #0e4571;
            padding: calc(calc(4/12)*var(--base-font-size, 1em));
        }

        .gridview td {
            padding: calc(calc(4/12)*var(--base-font-size, 1em));
        }

    .gridview_header a {
        color: #BFDDF8;
        font-weight: bolder;
        text-decoration: none;
    }

    .tdcustomlabel {
        background-color: #D3D3D3;
    }

    .tb {
        border: solid 1px #7f9db9;
    }

    .tb_inactive {
        border: solid 1px #BBBBBB;
    }

    .error {
        text-align: center;
        padding: calc(calc(10/12)*var(--base-font-size, 1em));
        color: #800000;
        font-size: large;
    }

    .error2 {
        text-align: center;
        color: #800000;
        font-size: large;
    }

    .systemMsg {
        text-align: center;
        padding: calc(calc(25/12)*var(--base-font-size, 1em));
        color: #800000;
        font-size: large;
    }

    .welcomeMsg {
        font-style: normal;
        text-decoration: none;
        font-weight: bold;
        margin: 2.33em 0;
        font-size: calc(calc(14/12)*var(--base-font-size, 1em));
        color: var(--base-font-color, #5E5E5E);
    }

.homeMsg {
    font-style: normal;
    text-decoration: none;
    font-weight: bold;
    margin: 0.8em 0;
    font-size: calc(calc(22/12)*var(--base-font-size, 1em));
    color: #0B3D65 /*#105084*/;
}

    .buttonPlacement {
        text-align: right;
        padding: calc(calc(25/12)*var(--base-font-size, 1em));
        padding-right: calc(calc(15/12)*var(--base-font-size, 1em));
    }

.buttonDown {
    display: block;
    width: calc(calc(21/12)*var(--base-font-size, 1em));
    height: calc(calc(21/12)*var(--base-font-size, 1em));
    background-image: url('images/down.png');
    background-repeat: no-repeat;
    background-size: cover;
}

        .buttonDown:hover, .buttonDown.hover, .buttonDown:active {
            background-image: url('images/down.active.png');
            background-repeat: no-repeat;
            background-size: cover;
        }

.buttonUp {
    display: block;
    width: calc(calc(21/12)*var(--base-font-size, 1em));
    height: calc(calc(21/12)*var(--base-font-size, 1em));
    background-image: url('images/up.png');
    background-repeat: no-repeat;
    background-size: cover;
}

        .buttonUp:hover, .buttonUp.hover, .buttonUp:active {
            background-image: url('images/up.active.png');
            background-repeat: no-repeat;
            background-size: cover;
        }


.buttonRemove {
    display: block;
    width: calc(calc(20/12)*var(--base-font-size, 1em));
    height: calc(calc(20/12)*var(--base-font-size, 1em));
    background-image: url('images/remove.png');
    background-repeat: no-repeat;
    background-size: cover;
}

    .buttonRemove:hover, .buttonRemove.hover, .buttonRemove:active {
        background-image: url('images/remove.active.png');
        background-repeat: no-repeat;
        background-size: cover;
    }

.buttonExpand {
    display: block;
    width: calc(calc(20/12)*var(--base-font-size, 1em));
    height: calc(calc(20/12)*var(--base-font-size, 1em));
    background-image: url('images/expand.png');
    background-repeat: no-repeat;
    background-size: cover;
}

    .buttonExpand:hover, .buttonExpand.hover, .buttonExpand:active {
        background-image: url('images/expand.active.png');
        background-repeat: no-repeat;
        background-size: cover;
    }

.buttonPreview {
    display: block;
    width: calc(calc(20/12)*var(--base-font-size, 1em));
    height: calc(calc(20/12)*var(--base-font-size, 1em));
    background-image: url('images/mglass.png');
    background-repeat: no-repeat;
    background-size: cover;
}

    .buttonPreview:hover, .buttonPreview.hover, .buttonPreview:active {
        background-image: url('images/mglass.active.png');
        background-repeat: no-repeat;
        background-size: cover;
    }

    .art-body-padding {
        padding-left: calc(calc(30/12)*var(--base-font-size, 1em));
    }

    .efileEdit {
        display: block;
        width: calc(calc(21/12)*var(--base-font-size, 1em));
        height: calc(calc(21/12)*var(--base-font-size, 1em));
        background-image: url('images/e-file edit.png');
    }

    /* This is to remove the "Powered by NeatUpload Branding "*/
    /*div > span*/
    div > input[type="file"] + span:has(>a[href*="neatupload"]) 
    {
        display: none;
    }

    span.spanvisible, .spanvisible > span, div > span.spanvisible, div > span:has(> .spanvisible),
    span.spanVisible, .spanVisible > span, div > span.spanVisible, div > span:has(> .spanVisible) 
    {
        display: inherit;
    }

    .infoMsg {
        font-style: normal;
        text-decoration: none;
        font-weight: bold;
        font-size: calc(calc(14/12)*var(--base-font-size, 1em));
        color: var(--base-font-color, #5E5E5E);
    }

    .summaryTextBox, .summaryTextBoxAlt {
        display: inline-block;
        width: 100%;
        color: Black;
    }

    .summaryTextBox {
        background-color: #D3D3D3;
    }

    .summaryTextBoxAlt {
        background-color: #DCDCDC;
    }

    .blackText {
        color: Black;
    }

    .searchSeparator {
        width: 97.5%;
        height: calc(calc(20/12)*var(--base-font-size, 1em));
        color: White;
        font-weight: bold;
        background-color: Black;
        padding-top: calc(calc(5/12)*var(--base-font-size, 1em));
        padding-left: calc(calc(7/12)*var(--base-font-size, 1em));
    }

    .searchRadioButtons {
        display: block;
        font-weight: bold;
        color: #0e4571;
        margin-top: calc(calc(3/12)*var(--base-font-size, 1em));
        margin-bottom: calc(calc(5/12)*var(--base-font-size, 1em));
        padding-left: calc(calc(2/12)*var(--base-font-size, 1em));
    }

    #divJournalEntry {
        display: none;
    }

    .hidden {
        display: none;
    }

    .maintHeaderMsg {
        font-style: normal;
        text-decoration: none;
        font-weight: bold;
        margin: 0.8em 0;
        font-size: calc(calc(22/12)*var(--base-font-size, 1em));
        color: var(--base-font-color, #5E5E5E);
        text-align: center;
    }

    .maintMsg {
        font-style: normal;
        text-decoration: none;
        font-weight: bold;
        margin: 2.33em 0;
        font-size: calc(calc(14/12)*var(--base-font-size, 1em));
        color: var(--base-font-color, #5E5E5E);
    }

    /* skip to content link */
    a.skip {
        position: absolute;
        left: calc(calc(5555/12)*-1em);
        top: calc(calc(0/12)*var(--base-font-size, 1em));
        padding: calc(calc(5/12)*var(--base-font-size, 1em));
        font-size: larger;
        color: White;
        border: calc(calc(3/12)*var(--base-font-size, 1em)) solid white;
        background: transparent;
        z-index: -100;
        overflow: hidden;
        width: 1px;
        height: 1px;
    }

        a.skip:focus, a.skip:active {
            left: calc(calc(5/12)*var(--base-font-size, 1em));
            top: calc(calc(5/12)*var(--base-font-size, 1em));
            position: absolute;
            background: #0e4571;
            outline: 0;
            z-index: 100;
            overflow: auto;
            width: calc(calc(200/12)*var(--base-font-size, 1em));
            height: calc(calc(25/12)*var(--base-font-size, 1em));
            text-align: center;
            font-size: large;
        }
    /* end skip to content link */

    /* end Page */
    /*#endregion*/

    /*#region fixing art buttons*/

    .art-button-wrapper > input,
    .art-button-wrapper > input[type="submit"],
    .art-button-wrapper > input[type="button"],
    .art-button-wrapper > input.art-button,
    .art-button-wrapper > input.art-button[type="submit"],
    .art-button-wrapper > input.art-button[type="button"],
    .art-button-wrapper > .art-button,
    .art-button-wrapper > .art-button[type="submit"],
    .art-button-wrapper > .art-button[type="button"] {
        height: -webkit-fill-available;
    }

    /*.art-button-wrapper > input,
.art-button-wrapper > input[type="submit"],
.art-button-wrapper > input[type="button"],
.art-button-wrapper > input.art-button,
.art-button-wrapper > input.art-button[type="submit"],
.art-button-wrapper > input.art-button[type="button"],
.art-button-wrapper > .art-button,*/
    /*input[type="submit"],
input[type="button"],*/
    /*input.art-button,
input.art-button[type="submit"],
input.art-button[type="button"] {
    vertical-align: middle;
    display: inline-block;*/
    /*position: relative;*/
    /*height: calc(calc(33 / 12) * 1em);
    min-height: calc(calc(33 / 12) * 1em);*/
    /*overflow: hidden;
    white-space: nowrap;*/
    /*min-width: calc(calc(66 / 12) * 1em);
    width: auto;*/
    /*margin: 0;*/
    /*padding: 0;*/
    /*z-index: 0;*/
    /*padding: 1em calc(calc(21 / 12) * 1em) !important;*/
    /*background-color: #92c0d9;
    background-image: linear-gradient(#92c0d9, #69a8ca);
    background-size: contain;
    border-radius: .25em;
    border-color: #387b9f;
    border-width: thin;*/
    /*margin: .25em;*/
    /*box-shadow: 0 0 .25em 0 #69a8ca;
    box-shadow: 0 0 .25em 0 #92c0d9;
    height: auto;
    border-radius: .5em;
}*/
    /*.art-button-wrapper > input.hover, .art-button-wrapper > input[type="submit"].hover, .art-button-wrapper > input[type="button"].hover,
.art-button-wrapper > input:hover, .art-button-wrapper > input[type="submit"]:hover, .art-button-wrapper > input[type="button"]:hover,
.art-button-wrapper > inpu.art-buttont:hover, .art-button-wrapper > input.art-button[type="submit"]:hover, .art-button-wrapper > input.art-button[type="button"]:hover
{
    background-color: #5eabeb;
    background-image: linear-gradient(#8fc5f1, #5eabeb);
    background-size: contain;
    border-color: #3c9ae7;
    box-shadow: 0 0 .25em 0 #8fc5f1;
}*/
    /*.art-button-wrapper > input.active, .art-button-wrapper > input[type="submit"].active, .art-button-wrapper > input[type="button"].active,
.art-button-wrapper > input:active, .art-button-wrapper > input[type="submit"]:active, .art-button-wrapper > input[type="button"]:active,
.art-button-wrapper > input.art-button:active, .art-button-wrapper > input.art-button[type="submit"]:active, .art-button-wrapper > input.art-button[type="button"]:active
{
    background-color: #54a6ea;
    background-image: linear-gradient(#54a6ea, #268ee4);
    background-size: contain;
    border-color: #197ccc;
    box-shadow: 0 0 .25em 0 #54a6ea;
    color: white;
}*/
    /*.art-button-wrapper:has(> input) {
    min-height: calc(calc(33 / 12) * 1em);
    height: min-content;
    border-radius: .5em;
}*/
    /*#endregion*/

    .art-sheet-body, .art-header, .art-logo, #name-text, .art-logo-name,
    .art-sheet-body > .art-header > .art-logo > table {
        border-top-left-radius: 1em;
        border-top-right-radius: 1em;
    }

    .art-sheet {
        border-radius: 1em;
        box-shadow: 0 0 1em #718f9f;
        box-shadow: 0 0 .5em #2a5d79, 0 0 1em #718f9f;
    }

    /*#region qlj ada 2025*/
    input, select, button {
        min-height: calc(calc(16/12)*var(--base-font-size, 1em));
        min-width: calc(calc(16/12)*var(--base-font-size, 1em));
        min-height: max(1em, 16px);
        min-width: max(1em, 16px);
    }

        a:not(.skip):focus, a:not(.skip):focus-within, a:not(.skip):focus-visible,
        input:not(.skip):focus, input:not(.skip):focus-within, input:not(.skip):focus-visible,
        select:not(.skip):focus, select:not(.skip):focus-within, select:not(.skip):focus-visible,
        button:not(.skip):focus, button:not(.skip):focus-within, button:not(.skip):focus-visible,
        .art-button-wrapper:not(.skip):focus, .art-button-wrapper:not(.skip):focus-within, .art-button-wrapper:not(.skip):focus-visible,
        .art-button-wrapper:not(.skip):has(> input:not(.skip):focus), .art-button-wrapper:not(.skip):has(> input:not(.skip):focus-within).art-button-wrapper:not(.skip):has(> input:not(.skip):focus-visible) {
            outline: -webkit-focus-ring-color auto 1px
        }

    .liststylenone, ul.liststylenone, li.liststylenone, .liststylenone ul, .liststylenone li {
        list-style: none;
        background-image: inherit;
        /*background-size: contain;*/
    }

    .sitemaplistitem, ul.sitemaplistitem, li.sitemaplistitem, .sitemaplistitem ul, .sitemaplistitem li, .sitemaplistitem ul li, ul.sitemaplistitem li ul {
        list-style: none !important;
        background-image: inherit !important;
        /*background-size: contain;*/
        padding: .5em;
        min-height: calc(calc(16/12)*var(--base-font-size, 1em));
        font-weight: bold;
    }

        .sitemaplistitem a {
            min-height: calc(calc(16/12)*var(--base-font-size, 1em));
            font-weight: bold;
        }

        ul.sitemaplistitem li.sitemaplistitem ul.sitemaplistitem {
            margin-top: 0em;
            margin-bottom: 0em;
            padding-top: 0em;
            padding-bottom: 0em;
        }

            ul.sitemaplistitem li.sitemaplistitem ul.sitemaplistitem li.sitemaplistitem:last-child {
                margin-bottom: 0em;
                padding-bottom: 0em;
            }

.visually-hidden, .visuallyhidden, .visuallyHidden {
    border: 0;
    padding: 0;
    margin: 0;
    position: absolute !important;
    height: 1px;
    width: 1px;
    overflow: hidden;
    clip: rect(1px 1px 1px 1px);
    clip: rect(1px, 1px, 1px, 1px);
    clip-path: inset(50%);
    white-space: nowrap;
}

/*th > .visually-hidden, th > .visuallyhidden, th > .visuallyhidden,
th > span.visually-hidden, th > span.visuallyhidden, th > span.visuallyhidden {
    padding: 0;
    margin: 0;
    border:0;
    width:0;
    height:0;
}*/

/*th:has( > .visually-hidden), th:has( > .visuallyhidden), th:has( > .visuallyhidden),
th:has( > span.visually-hidden), th:has( > span.visuallyhidden), th:has( > span.visuallyhidden) {
    padding: 0;
    margin: 0;
    border: 0;
    width: 0;
    height: 0;
}*/
/*#endregion*/
/* #region resizing inputs */
select, input[type="text"] {
    min-height: max(1em, 16px);
    min-width: max(1em, 16px);
    /*min-height: min-content;
    min-width: min-content;
    width: auto*/ /*!important*/ /*;
    max-width: -webkit-fill-available;*/
}
/* #endregion */
/*#region custom buttons*/
input.pw-button, input.pw-button[type="submit"], input.pw-button[type="button"], .pw-button, .pw-button[type="submit"], .pw-button[type="button"] {
        vertical-align: middle;
        display: inline-block;
        position: relative;
        height: calc(calc(33 / 12) * 1em);
        overflow: hidden;
        white-space: nowrap;
        min-width: calc(calc(66 / 12) * 1em);
        width: auto;
        margin: 0;
        padding: 0;
        z-index: 0;
        padding: .25em .5em;
        background-color: #92c0d9;
        background-image: linear-gradient(#92c0d9, #69a8ca);
        background-size: contain;
        border-radius: .25em;
        border-color: #387b9f;
        border-width: thin;
        margin: .25em;
        box-shadow: 0 0 .25em 0 #69a8ca;
        box-shadow: 0 0 .25em 0 #92c0d9;
    } input.pw-button.hover, input.pw-button[type="submit"].hover, input.pw-button[type="button"].hover, input.pw-button:hover, input.pw-button[type="submit"]:hover, input.pw-button[type="button"]:hover, .pw-button.hover, .pw-button[type="submit"].hover, .pw-button[type="button"].hover, .pw-button:hover, .pw-button[type="submit"]:hover, .pw-button[type="button"]:hover {
            background-color: #5eabeb;
            background-image: linear-gradient(#8fc5f1, #5eabeb);
            background-size: contain;
            border-color: #3c9ae7;
            box-shadow: 0 0 .25em 0 #8fc5f1;
        } input.pw-button.active, input.pw-button[type="submit"].active, input.pw-button[type="button"].active, input.pw-button:active, input.pw-button[type="submit"]:active, input.pw-button[type="button"]:active, .pw-button.active, .pw-button[type="submit"].active, .pw-button[type="button"].active, .pw-button:active, .pw-button[type="submit"]:active, .pw-button[type="button"]:active {
            background-color: #54a6ea;
            background-image: linear-gradient(#54a6ea, #268ee4);
            background-size: contain;
            border-color: #197ccc;
            box-shadow: 0 0 .25em 0 #54a6ea;
            color: white;
        }
/*#endregion*/
/*#region custom header*/
.pw-header-user-info div, .pw-header-user-info a, .pw-header-user-info input {
        margin: 2px;
        padding: 2px;
    } .pw-header, div.pw-header {
        background: linear-gradient(#3c83aa, #2a5d79, #3c83aa);
        background-image: linear-gradient(#3c83aa, #2a5d79, #3c83aa);
        background-color: #3c83aa;
        min-height: 100px;
        height: auto;
        /* overflow: visible; */
        text-align: center;
        vertical-align: middle;
        align-content: center;
        align-items: center;
        align-self: center;
        border-top-left-radius: .9em;
        border-top-right-radius: .9em;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        align-content: center;
    } .pw-header, div.pw-header, .pw-header-img, .pw-header-txt-container, .pw-header-text, .pw-header-user-info {
        vertical-align: middle;
        align-content: center;
        align-items: center;
        align-self: center;
    } .pw-header-txt-container, .pw-header-txt, #header-clerk-name-text, #header-header-title-text, #name-text {
    color: #FFFFFF;
} .pw-header > h1, .pw-header-txt-container > h1, .pw-header-txt > h1, h1#header-clerk-name-text, h1#header-header-title-text, h1#name-text {
        /*font-size: max(calc(calc(28/12)*var(--base-font-size, 1em)), 4.4vh);
        font-size: max(calc(calc(28/12)*var(--base-font-size, 1em)), 4.4vw);*/
        font-size: min(calc(calc(28/12)*var(--base-font-size, 1em)), 4.4vw, 4.4vh);
    } .pw-header-txt-container, .pw-header-txt {
        text-align: center;
    } .pw-header-img {
        display: inline-block;
        background-color: transparent;
        margin-right: auto;
        text-align: left;
        /*float: left;*/
        background-color: transparent;
    } .pw-header-user-info {
        display: inline-block;
        background-color: transparent;
        margin-left: auto;
        text-align: right;
        /*float: left;*/
        background-color: transparent;
        margin-top: 2px;
        margin-right: 10px;
    } .pw-header-txt-container {
        display: inline-block;
        /*vertical-align: top;*/
        /* max-width: 83%; */
        text-align: center;
        max-width: calc(90% - 110px);
        vertical-align: middle;
        align-content: center;
        align-items: center;
        align-self: center;
        /*margin-right: auto;*/
    } .pw-header-img > img.art-header-jpeg {
        /* position: absolute; */
        z-index: -1;
        margin-top: 2px;
        margin-left: 10px;
        /* width: 964px; */
        /* width: 95%; */
        /* height: 150px; */
        background-image: url(images/header-object2.png);
        background-repeat: no-repeat;
        background-color: transparent;
    } .pw-header-txt > h1:not(:empty), #header-clerk-name-text:not(:empty), #header-header-title-text:not(:empty), #name-text:not(:empty) {
    margin: .1em;
    margin-top: 2px;
}
/*#endregion*/
.art-header > .art-logo > td:has(> h1), .art-header .art-logo td:has(> h1) {
        flex-wrap: wrap;
        overflow-wrap: break-word;
        text-wrap: auto;
        text-wrap-mode: wrap;
        text-wrap-style: auto;
    } .art-header .art-logo, .art-header > .art-logo {
    flex-wrap: wrap;
    overflow-wrap: break-word;
    text-wrap: auto;
    text-wrap-mode: wrap;
    text-wrap-style: auto;
    width: auto;
} .art-header .art-logo h1.art-logo-name, .art-header > .art-logo > h1.art-logo-name {
            flex-wrap: wrap;
            overflow-wrap: break-word;
            text-wrap: auto;
            text-wrap-mode: wrap;
            text-wrap-style: auto;
            /*font-size: max(2em, 4.4vh, 4.4vw);*/
            font-size: min(2em, 4.4vh, 4.4vw);
        } .art-header, div.art-header, .art-header[role="banner"], div.art-header[role="banner"] {
        flex-wrap: wrap;
        overflow-wrap: break-word;
        text-wrap: auto;
        text-wrap-mode: wrap;
        text-wrap-style: auto;
    } ol, li, ul {
        padding-left: 0px !important;
    } ol::marker, li::marker, ul::marker {
        color: #447ca8;
        font-size: 1.5em;
        font-weight: bold;
    } a.skip[href="#main"] {
        color: White !important;
    }
/*#region editors min sizing*/
select, input[type="text"] {
        min-width: max(2em, 16px);
    } select[maxlength="2"], input[type="text"][maxlength="2"] {
        max-width: max(3em, 3rem) /*!important*/;
        min-width: max(2em, 16px) !important;
    } select[maxlength="3"], input[type="text"][maxlength="3"] {
        max-width: max(4em, 4rem) /*!important*/;
        min-width: max(2em, 16px) !important;
    } select[maxlength="4"], input[type="text"][maxlength="4"] {
        max-width: max(5em, 5rem) /*!important*/;
        min-width: 3em !important;
    } select[maxlength="5"], input[type="text"][maxlength="5"] {
        max-width: max(6em, 6rem) /*!important*/;
        min-width: 4em !important;
    } select[maxlength="6"], input[type="text"][maxlength="6"] {
        max-width: max(7em, 7rem) /*!important*/;
        min-width: 5em !important;
    } select[maxlength="7"], input[type="text"][maxlength="7"] {
        max-width: max(8em, 8rem) /*!important*/;
        min-width: 6em !important;
    } select[maxlength="8"], input[type="text"][maxlength="8"] {
        max-width: max(9em, 9rem) /*!important*/;
        min-width: 7em !important;
    } select[maxlength="9"], input[type="text"][maxlength="9"] {
        max-width: max(10em, 10rem) /*!important*/;
        min-width: 8em !important;
    } select[maxlength="10"], input[type="text"][maxlength="10"] {
        max-width: max(11em, 11rem) /*!important*/;
        min-width: 9em !important;
    } .date, input[placeholder="MM/DD/YYYY"] {
    min-width: 6em !important;
    max-width: max(10em, 10rem);
    /*width: 8em;*/
    width: 6em;
} input[placeholder="MM/DD/YYYY hh:mm"], input[placeholder="MM/DD/YYYY hh:mm"].date {
    min-width: 10em !important;
    max-width: max(16em, 16rem);
    /*width: 8em;*/
    width: 10em;
}
/*#endregion*/
.menuexpandcollapsebutton::before, .menuexpandcollapsebutton {
    content: '\2228';
} li[aria-expanded="true"] > .menuexpandcollapsebutton::before, li[aria-expanded="true"] > .menuexpandcollapsebutton, .menuexpandcollapsebutton[aria-expanded="true"]::before, .menuexpandcollapsebutton[aria-expanded="true"] {
    content: '\2227';
} #page-nav ul li[aria-haspopup="true"] .menulistitemcontainer, #page-nav ul li .menulistitemcontainer {
    display: block;
    /*padding: 1em;*/
    text-decoration: none;
    white-space: nowrap;
    color: #000; /* Menu text */
    background: #7FB6E3; /* Menu backcolor */
    /*height: calc(calc(10/12)*var(--base-font-size, 1em));
    margin-top: calc(calc(6/12)*var(--base-font-size, 1em));
    margin-right: 1px;*/
    border-top-left-radius: calc(calc(5/12)*var(--base-font-size, 1em));
    border-top-right-radius: calc(calc(5/12)*var(--base-font-size, 1em));
} #page-nav ul li[aria-haspopup="true"] a:hover, #page-nav ul li[aria-haspopup="true"] .menulistitemcontainer:hover, #page-nav ul li[aria-haspopup="true"] .menulistitemcontainer:hover a, #page-nav ul li[aria-haspopup="true"] .menulistitemcontainer:has(> a:hover), #page-nav ul li[aria-haspopup="true"] .menulistitemcontainer:has(> a:hover) a, #page-nav ul li[aria-haspopup="true"] a.hover, #page-nav ul li[aria-haspopup="true"] .menulistitemcontainer.hover, #page-nav ul li[aria-haspopup="true"] .menulistitemcontainer.hover a, #page-nav ul li[aria-haspopup="true"] .menulistitemcontainer:has(> a.hover), #page-nav ul li[aria-haspopup="true"] .menulistitemcontainer:has(> a.hover) a {
        background: #2990E5; /* Menu hover color */
        border-top-left-radius: calc(calc(5/12)*var(--base-font-size, 1em));
        border-top-right-radius: calc(calc(5/12)*var(--base-font-size, 1em));
        background: #125891;
        color: #fff;
        /*height: calc(calc(10/12)*var(--base-font-size, 1em));
    margin-top: calc(calc(6/12)*var(--base-font-size, 1em));
    margin-right: 1px;*/
    } #page-nav ul li[aria-haspopup="true"] a, #page-nav ul li[aria-haspopup="true"] .menulistitemcontainer {
    background-image: url(images/spacer.gif);
} #page-nav ul li[aria-haspopup="true"] a.active, #page-nav ul li[aria-haspopup="true"] .menulistitemcontainer.active, #page-nav ul li[aria-haspopup="true"] .menulistitemcontainer.active a, #page-nav ul li[aria-haspopup="true"] .menulistitemcontainer:has(> a.active), #page-nav ul li[aria-haspopup="true"] .menulistitemcontainer:has(> a.active) a, #page-nav ul li[aria-haspopup="true"] a.active, #page-nav ul li[aria-haspopup="true"].active .menulistitemcontainer, #page-nav ul li[aria-haspopup="true"].active .menulistitemcontainer a, #page-nav ul li[aria-haspopup="true"].active .menulistitemcontainer:has(> a), #page-nav ul li[aria-haspopup="true"].active .menulistitemcontainer:has(> a) a {
        color: #000;
        background: #e3e3e3;
    } #page-nav ul li[aria-haspopup="true"] a.active a:hover, #page-nav ul li[aria-haspopup="true"] a.active .menulistitemcontainer:hover, #page-nav ul li[aria-haspopup="true"] a.active .menulistitemcontainer:hover a, #page-nav ul li[aria-haspopup="true"] a.active .menulistitemcontainer:has(> a:hover), #page-nav ul li[aria-haspopup="true"] a.active a.hover, #page-nav ul li[aria-haspopup="true"] a.active .menulistitemcontainer.hover, #page-nav ul li[aria-haspopup="true"] a.active .menulistitemcontainer.hover a, #page-nav ul li[aria-haspopup="true"] a.active .menulistitemcontainer:has(> a.hover) {
        background: #2990E5; /* Menu hover color */
        border-top-left-radius: calc(calc(0/12)*var(--base-font-size, 1em));
        border-top-right-radius: calc(calc(0/12)*var(--base-font-size, 1em));
        /*height: calc(calc(10/12)*var(--base-font-size, 1em));
        margin-top: calc(calc(6/12)*var(--base-font-size, 1em));
        margin-right: 1px;*/
    } .main-navigation li ul li #page-nav ul li[aria-haspopup="true"] a.active a:hover, .main-navigation li ul li #page-nav ul li[aria-haspopup="true"] a.active .menulistitemcontainer:hover, .main-navigation li ul li #page-nav ul li[aria-haspopup="true"] a.active .menulistitemcontainer:has(a:hover), .main-navigation li ul li #page-nav ul li[aria-haspopup="true"] a.active a.hover, .main-navigation li ul li #page-nav ul li[aria-haspopup="true"] a.active .menulistitemcontainer.hover, .main-navigation li ul li #page-nav ul li[aria-haspopup="true"] a.active .menulistitemcontainer:has(a.hover) {
    color: #000;
    background: #e3e3e3;
    margin-top: 0;
} .menulistitemcontainer:has(> a):has(> button), .menulistitemcontainer:has(> a):has(> input[type="button"]), .menulistitemcontainer a:has(+ button), .menulistitemcontainer a:has(+ input[type="button"]), #page-nav ul li .menulistitemcontainer a:has(+ button), #page-nav ul li .menulistitemcontainer a:has(+ input[type="button"]), .menulistitemcontainer button, .menulistitemcontainer input[type="button"] {
    display: inline-block;
} .menulistitemcontainer:not(:focus):not(:focus-within):not(:focus-visible) button, .menulistitemcontainer:not(:focus):not(:focus-within):not(:focus-visible) input[type="button"] {
    display: none;
} #page-nav li:hover li a:hover, #page-nav li.hover li a:hover, #page-nav li:hover li a.hover, #page-nav li.hover li a.hover,
/***/
#page-nav li:hover li a:focus, #page-nav li.hover li a:focus, #page-nav li:hover li a:focus, #page-nav li.hover li a:focus,
/***/
#page-nav li:hover li a.focus, #page-nav li.hover li a.focus, #page-nav li:hover li a.focus, #page-nav li.hover li a.focus,
/***/
#page-nav li[aria-expanded="true"] li a:hover, #page-nav li[aria-expanded="true"] li a.hover,
/***/
#page-nav li[aria-expanded="true"] li a:focus, #page-nav li[aria-expanded="true"] li a.focus
/***/ {
    background: #125891; /* Menu Sub-Menu hover color */
    color: #fff;
    border-radius: 0px;
} .menulistitemcontainer:focus, .menulistitemcontainer:focus-within, .menulistitemcontainer:focus-visible, .menulistitemcontainer:has(input[type="button"]:focus), .menulistitemcontainer:has(input[type="button"]:focus-within), .menulistitemcontainer:has(input[type="button"]:focus-visible), .menulistitemcontainer:has(button:focus), .menulistitemcontainer:has(button:focus-within), .menulistitemcontainer:has(button:focus-visible), .menulistitemcontainer:has(a:focus), .menulistitemcontainer:has(a:focus-within), .menulistitemcontainer:has(a:focus-visible), li:focus > a, li:focus-within > a, li:focus-visible > a, li > a:focus, li > a:focus-within, li > a:focus-visible {
    outline: -webkit-focus-ring-color auto 1px;
} .menulistitemcontainer:focus > a, .menulistitemcontainer:focus-within > a, .menulistitemcontainer:focus-visible > a, .menulistitemcontainer:has(input[type="button"]:focus) > a, .menulistitemcontainer:has(input[type="button"]:focus-within) > a, .menulistitemcontainer:has(input[type="button"]:focus-visible) > a, .menulistitemcontainer:has(button:focus) > a, .menulistitemcontainer:has(button:focus-within) > a, .menulistitemcontainer:has(button:focus-visible) > a, .menulistitemcontainer:has(a:focus) > a, .menulistitemcontainer:has(a:focus-within) > a, .menulistitemcontainer:has(a:focus-visible) > a {
    outline: none;
} #page-nav li:hover > ul, #page-nav li.hover > ul, #page-nav li[aria-expanded="true"] > ul, #page-nav li:has(> [aria-expanded="true"]) > ul,
/***/
#page-nav li > ul:focus, #page-nav li > ul:focus, #page-nav li[aria-expanded="true"] > ul:focus, #page-nav li:has(> [aria-expanded="true"]) > ul:focus,
/***/
#page-nav li > ul:has( :focus), #page-nav li > ul:has( :focus), #page-nav li[aria-expanded="true"] > ul:has( :focus), #page-nav li:has(> [aria-expanded="true"]) > ul:has( :focus),
/***/
#page-nav li > ul.focus, #page-nav li > ul.focus, #page-nav li[aria-expanded="true"] > ul.focus, #page-nav li:has(> [aria-expanded="true"]) > ul.focus,
/***/
#page-nav li > ul:has( .focus), #page-nav li > ul:has( .focus), #page-nav li[aria-expanded="true"] > ul:has( .focus), #page-nav li:has(> [aria-expanded="true"]) > ul:has( .focus) {
    display: block;
    position: absolute;
    border-top-left-radius: calc(calc(0/12)*var(--base-font-size, 1em));
    border-top-right-radius: calc(calc(0/12)*var(--base-font-size, 1em));
    height: calc(calc(10/12)*var(--base-font-size, 1em));
    /*margin-top: calc(calc(6/12)*var(--base-font-size, 1em));*/
    /*margin-right: 1px;*/
    /*margin-top: calc(calc(0/12)*var(--base-font-size, 1em));*/
} nav li span.menulistitemcontainer a, #page-nav ul li span.menulistitemcontainer a {
    margin: 0;
} #page-nav ul li a, #page-nav ul li a:hover, #page-nav ul li a.hover, #page-nav ul li a[aria-expanded="true"] {
    margin-right: 0;
    display:block;
} nav li span.menulistitemcontainer, #page-nav ul li span.menulistitemcontainer, nav li:has(> span.menulistitemcontainer), #page-nav ul li:has(> span.menulistitemcontainer) {
    vertical-align: bottom;
    align-content: end;
    align-items: end;
    align-self: end;
} nav li {
    /*margin-right: calc(calc(5 / 12) * 1em);
    margin-right: calc(calc(1 / 12) * 1em);
    margin-top: calc(calc(6 / 12) * 1em);*/
} nav li .menulistitemcontainer{
    display:block;
} .menulistitemcontainer, nav li .menulistitemcontainer, nav li[aria-haspopup="true"] span.menulistitemcontainer:has(> a + .menuexpandcollapsebutton), #page-nav ul li[aria-haspopup="true"] span.menulistitemcontainer:has(> a + .menuexpandcollapsebutton), #page-nav ul li[aria-haspopup="true"] .menulistitemcontainer, #page-nav ul li .menulistitemcontainer {
    width: 100%;
    display: inline-flex;
    align-content: center;
    justify-content: center;
    align-items: center;
    flex-wrap: nowrap;
} nav li[aria-haspopup="true"] a:has(+ .menuexpandcollapsebutton), nav li[aria-haspopup="true"] span.menulistitemcontainer a:has(+ .menuexpandcollapsebutton), #page-nav ul li[aria-haspopup="true"] span.menulistitemcontainer a:has(+ .menuexpandcollapsebutton) {
    max-width: 100%;
    max-width: -webkit-fill-available;
    width: calc(100% - max(1em, 16px));
}
/*#page-nav li:hover,*/
#page-nav li:hover a:hover, #page-nav ul li[aria-haspopup="true"] a.active:hover, #page-nav ul li[aria-haspopup="true"] .menulistitemcontainer.active:hover, #page-nav ul li[aria-haspopup="true"] .menulistitemcontainer.active a:hover, #page-nav ul li[aria-haspopup="true"] .menulistitemcontainer:has(> a.active):hover, #page-nav ul li[aria-haspopup="true"] .menulistitemcontainer:has(> a.active) a:hover, #page-nav ul li[aria-haspopup="true"] a.active:hover, #page-nav ul li[aria-haspopup="true"].active .menulistitemcontainer:hover, #page-nav ul li[aria-haspopup="true"].active .menulistitemcontainer a:hover, #page-nav ul li[aria-haspopup="true"].active .menulistitemcontainer:has(> a):hover, #page-nav ul li[aria-haspopup="true"].active .menulistitemcontainer:has(> a) a:hover
/***/
, #page-nav ul li[aria-haspopup="true"] a.active:has(+ .menuexpandcollapsebutton:hover), #page-nav ul li[aria-haspopup="true"] .menulistitemcontainer.active:has(+ .menuexpandcollapsebutton:hover), #page-nav ul li[aria-haspopup="true"] .menulistitemcontainer.active a:has(+ .menuexpandcollapsebutton:hover), #page-nav ul li[aria-haspopup="true"] .menulistitemcontainer:has(> a.active):has(+ .menuexpandcollapsebutton:hover), #page-nav ul li[aria-haspopup="true"] .menulistitemcontainer:has(> a.active) a:has(+ .menuexpandcollapsebutton:hover), #page-nav ul li[aria-haspopup="true"] a.active:has(+ .menuexpandcollapsebutton:hover), #page-nav ul li[aria-haspopup="true"].active .menulistitemcontainer:has(+ .menuexpandcollapsebutton:hover), #page-nav ul li[aria-haspopup="true"].active .menulistitemcontainer a:has(+ .menuexpandcollapsebutton:hover), #page-nav ul li[aria-haspopup="true"].active .menulistitemcontainer:has(> a):has(+ .menuexpandcollapsebutton:hover), #page-nav ul li[aria-haspopup="true"].active .menulistitemcontainer:has(> a) a:has(+ .menuexpandcollapsebutton:hover) {
    background: #125891;
    color: #fff;
    border-radius: 0px;
    border-top-left-radius: calc(calc(5 / 12) * 1em);
    border-top-right-radius: calc(calc(5 / 12) * 1em);
}
/*div:not(#main):has(> table.gridview tr td) {
    overflow-x: scroll;
}*/
#page-nav li li a, #page-nav li > a, #page-nav li > .menulistitemcontainer {
    margin-top: calc(calc(6 / 12) * 1em) !important;
    margin-right: calc(calc(1 / 12) * 1em) !important;
    margin-right: 1px !important;
} #page-nav li, #page-nav li li a, #page-nav li > a, #page-nav li > .menulistitemcontainer {
    margin-right: 1px !important;
} #page-nav ul li {
    height: auto;
} div:has(> table.gridview) {
    overflow-x: auto;
}
/*input, select, button, a, input[type="text"] {
    min-height: max(1em, 16px, 44px);
    min-width: max(1em, 16px, 44px);
}*/
a.skip:visited:not(.hover):not(:hover), a.skip.visited:not(.hover):not(:hover), a.skip:hover, a.skip:focus {
    color: white;
} .inputContainer, .inputLabel, .inputInput, .inputEditor {
    display: inline-block;
    padding:1px;
    margin:1px;
} .inputContainer {
    padding: 2px;
    margin: 2px;
} .inputLabel{
    text-align:right;
} .inputInput, .inputEditor {
    text-align: left;
} .subheader {
    text-align: center;
    margin-top: max(2px, .2em);
    padding-top: max(2px, .2em);
    margin-bottom: max(2px, .1em);
    padding-bottom: max(2px, .1em);
} .efileid{
    width:10em;
} .divTable:not(:empty) {
    margin-top: .1em;
    margin-bottom: .1em;
    padding-top: .1em;
    padding-bottom: .1em;
    vertical-align: middle;
    align-content: center;
    align-items: center;
    align-self: center;
} .divRow:not(:empty) {
    margin-top: .1em;
    margin-bottom: .1em;
    padding-top: .1em;
    padding-bottom: .1em;
    vertical-align: middle;
    align-content: center;
    align-items: center;
    align-self: center;
} .divRow:not(:has( > :not(:empty))){
    display:none;
} .divCell:not(:empty) {
    margin-top: .025em;
    margin-bottom: .025em;
    padding-top: .025em;
    padding-bottom: .025em;
    vertical-align: middle;
    align-content: center;
    align-items: center;
    align-self: center;
} .divCell:has(> label), .divCell > label, .divCell label, .divCell:has(> span:not(:empty)[id*="lbl"]:last-child), .divCell > span:not(:empty)[id*="lbl"]:last-child, .divCell span:not(:empty)[id*="lbl"]:last-child {
    display: inline-block;
    text-align: right;
} .divCell:has(> input), .divCell > input, .divCell:has( input), .divCell input, .divCell:has(> select), .divCell > select, .divCell:has( select), .divCell select {
    display: inline-block;
    text-align: left;
} div:has(> table:not(:has( input))), div:has(> table:not(:has( > input))), div:has(> table:not(:has( > tbody > tr > td > input))) {
    overflow: auto;
} p, h1, h2, h3, h4, h5, h6, h7, a, td, label {
    flex-wrap: wrap;
    overflow-wrap: break-word;
    text-wrap-mode: wrap;
    text-wrap-style: auto;
}
/*nav ul ul, #page-nav-wrap ul ul, #page-nav ul ul{
    max-width:50%;
}*/
/*nav ul ul li, 
#page-nav-wrap ul ul li, 
#page-nav ul ul li,
nav ul ul li a, 
#page-nav-wrap ul ul li a, 
#page-nav ul ul li a {
    flex-wrap: wrap;
    overflow-wrap: anywhere;
    text-wrap-mode: wrap;
    text-wrap-style: auto;
}*/
nav ul ul li a, #page-nav-wrap ul ul li a, #page-nav ul ul li a, nav ul ul li a:hover, #page-nav-wrap ul ul li a:hover, #page-nav ul ul li a:hover, nav ul ul li:hover a:hover, #page-nav-wrap ul ul li:hover a:hover, #page-nav ul ul li:hover a:hover, nav ul ul li:hover a, #page-nav-wrap ul ul li:hover a, #page-nav ul ul li:hover a, #page-nav ul ul li:hover li a:hover, #page-nav ul ul li.hover li a:hover, #page-nav ul ul li:hover li a.hover, #page-nav ul ul li.hover li a.hover, #page-nav ul ul li[aria-expanded="true"] li a[aria-expanded="true"], #page-nav ul ul li[aria-expanded="true"] li a:hover, #page-nav ul ul li:hover li a[aria-expanded="true"], #page-nav ul ul li.hover li a[aria-expanded="true"], #page-nav ul ul li[aria-expanded="true"] li a.hover {
        height: auto;
    }
/*@media (max-width:379px) {
    body, form, #art-main, #art-sheet, #art-sheet-body, #main:not(:has( > table > tbody > tr > td > input)), .art-post-body, .art-body-padding {
        overflow: auto;
    }

    p, h1, h2, h3, h4, h5, h6, h7, a, td, label, div:not(:has( > :not(:empty))) {
        flex-wrap: wrap;
        overflow-wrap: anywhere;
        text-wrap-mode: wrap;
        text-wrap-style: auto;
    }

    th, th > a {
        flex-wrap: wrap;
        overflow-wrap: break-word;
        text-wrap-mode: wrap;
        text-wrap-style: auto;
    }

    input, textarea {
        flex-wrap: wrap;
        overflow-wrap: anywhere;
        text-wrap-mode: wrap;
        text-wrap-style: stable;
    }
}*/
nav ul ul li:not(:has( button)) a, #page-nav-wrap ul ul li:not(:has( button)) a, #page-nav ul ul li:not(:has( button)) a, nav li li:not(:has( button)) a, #page-nav-wrap li li:not(:has( button)) a, #page-nav li li:not(:has( button)) a, nav ul ul li:not(:has( button)) a, #page-nav-wrap li:not(:has( button)) a, #page-nav li:not(:has( button)) a,
/***/
.menulistitemcontainer {
    border-width: 1px;
    border-style: solid;
    border-color: #004256;
    border-bottom-style:none;
} nav ul ul li:not(:has( button)):last-child a, #page-nav-wrap ul ul li:not(:has( button)):last-child a, #page-nav ul ul li:not(:has( button)):last-child a, nav li li:not(:has( button)):last-child a, #page-nav-wrap li li:not(:has( button)):last-child a, #page-nav li li:not(:has( button)):last-child a, nav ul ul li:not(:has( button)):last-child a {
    border-width: 1px;
    border-style: solid;
    border-color: #004256;
} .width-webkit-fill-available {
    width: -webkit-fill-available;
} div.divCell, div.divCell > input, div.divCell > select {
    max-width: 100%;
    max-width: -webkit-fill-available;
} #page-nav li:has(> .menulistitemcontainer) {
    padding-right: 2px;
    margin-right: 2px !important;
} #page-nav li:has(> .menulistitemcontainer):not(:first-child) {
    padding-left: 1px !important;
} .art-body-padding {
    padding-left: min(calc(calc(30/12)*var(--base-font-size, 1em)), 5vw, 30px);
} .ajax__calendar_dayname {
    overflow: hidden;
} div.divRow > div.divCell > input[type="text"] {
    max-width: 100%;
    max-width: -webkit-fill-available;
    width: -webkit-fill-available;
} .table-fill-availablee {
    max-width: -webkit-fill-available;
} table.table-fill-available {
    max-width: -webkit-fill-available;
    width: -webkit-fill-available;
} .table-fill-available tbody, tbody.table-fill-available {
    max-width: -webkit-fill-available;
    width: -webkit-fill-available;
} .table-fill-available tr, tr.table-fill-available {
    max-width: -webkit-fill-available;
    width: -webkit-fill-available;
} .table-fill-available thead, thead.table-fill-available {
    max-width: -webkit-fill-available;
    width: -webkit-fill-available;
} .table-fill-available th, th.table-fill-available {
    max-width: -webkit-fill-available;
    width: -webkit-fill-available;
} .table-fill-available tfoot, tfoot.table-fill-available {
    max-width: -webkit-fill-available;
    width: -webkit-fill-available;
} .table-fill-available td, td.table-fill-available {
    max-width: -webkit-fill-available;
}

.art-footer{
    z-index:-1;
}