html, body {
/*    height: 98%;*/
}

body {
    font-family: Arial;
    font-size: 10pt;
    background-color: #f2f2f2;
}

input, textarea, select {
    font-family: inherit;
    font-size: inherit;
}

table {
/*    border: 3px solid #999;*/
/*    border-collapse: collapse;*/
/*    background-color: #fff;*/
}

table th {
    background-color: #B8DBFD;
    color: #333;
    font-weight: bold;
}

table th, table td {
    padding: 2px;
/*    border: 1px solid #999;*/
}

table, table table td {
/*    border: 0px solid #999;*/
}

.siteBody {
/*    height: 100vh;*/
    padding: 2px;
    margin: 0px;
}
.siteContainer {
    /*    height: 600px;*/
    /*    height: 100vh;*/
    /*    display: inline-flex;*/
    /*min-height: 100%;*/
    /*    border-top: 2px solid purple;
    border-bottom: 2px solid purple;*/
    padding: 0px;
    padding-left: 5px;
    padding-right: 5px;
    display: grid;
    grid-template-columns: 135px auto;
    grid-gap: 5px;
    /*border: 1px solid red;*/
}
/* #e6e6e6 #99ceff #B8DBFD */
.siteNavContainer {
    background-color: #f2f2f2;
}
.siteHeader {
    height: 80px;
    /*    border-top: 2px solid blue;
    border-bottom: 2px solid blue;
    background-color: #B8DBFD;*/
    background-image: linear-gradient(to right, #f2f2f2, #B8DBFD);
    padding-left: 0px;
    padding-right: 20px;
    /*    padding-top: 0px;*/
}
    .siteHeader table {
        font-weight: bold;
/*        border: 1px solid black;*/
/*        margin: auto;*/
        /*        margin-top: 10px;*/
    }
    /* blue #0033cc  dark gold #997a00*/
    .siteHeader a:link {
        color: #0033cc;
        text-decoration: none;
    }
    .siteHeader a:visited {
        color: #0033cc;
        text-decoration: none;
    }
    .siteHeader a:hover {
        color: #997a00;
        text-decoration: underline;
    }
.siteContentContainer {
    min-height: calc(100vh - 10px);
    display: grid;
    grid-template-rows: 80px auto 70px;
    grid-gap: 0px;
    min-width: 780px;
}
.siteContent {
    /*    min-height: calc(100% - 100px);  without footer, using percent*/
    /*    min-height: calc(100vh - 85px); without footer */
    /*    min-height: calc(100vh - 130px); with footer */
    /* background-color: #e3b5ff;*/
    /* min-height: calc(100vh - 135px);*/
    border-top: 2px solid #bfbfbf;
    border-bottom: 2px solid #bfbfbf;
    padding-top: 0px;
    /*    margin-top: 2px;
    margin-bottom: 2px;*/
}
.siteFooter {
    height: 70px;
    /*    border-top: 2px solid red;
    border-bottom: 2px solid red;*/
    /* background-color: #B8DBFD;*/
    background-image: linear-gradient(to right, #f2f2f2, #B8DBFD);
    padding-left: 0px;
    padding-right: 20px;
    /*display: none;*/ /* for now hiding footer */
}
.siteFooter table {
    height: 70px;
    font-weight: bold;
    /*        border: 1px solid black;*/
    /*        margin: auto;*/
    /*        margin-top: 10px;*/
}
/* blue #0033cc  dark gold #997a00*/
.siteFooter a:link {
    color: #0033cc;
    text-decoration: none;
}

.siteFooter a:visited {
    color: #0033cc;
    text-decoration: none;
}

.siteFooter a:hover {
    color: #997a00;
    text-decoration: underline;
}

.siteTitle {
    font: bold 36pt 'Arial',sans-serif; /* 'Times New Roman',serif */
    background: linear-gradient(to right, #0d2c8c, #0066ff, #0d2c8c);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    line-height: 40px;
}

.siteSubTitle {
    font: bold 12pt 'Arial',sans-serif;
    color: #0d2c8c;
    text-align: center;
}

.pageTitleTable {
    width: 100%;
    border-collapse:collapse;
    border: none;
    margin-bottom:2px;
    /*border: 1px solid red;*/
}

    .pageTitleTable td {
        background-image: linear-gradient(to right, #f2f2f2, #B8DBFD, #4da6ff);
        font: bold 12pt 'Arial',sans-serif;
        color: #0d2c8c;
    }

.siteNavContainer td {
    /*background-color: blue;*/
    border-bottom: 1px solid lightgray;
}

    .siteNavContainer td:hover {
        background-color: inherit; /* palegoldenrod, #e6d500, #e6d500 */
        border-left: 5px solid #ccbe00;
        padding-left: 5px;
    }

    .siteNavContainer td.menuLogo {
        background-color: inherit;
        border-left: inherit;
        padding-left: inherit;
        border-bottom: none;
    }

.siteNavContainer a {
    display: inline-block;
    width: 100%;
}
    .siteNavContainer a:link {
        color: #0059b3; /* #0033cc - blue */
        text-decoration: none;
        font-weight: bold;
    }
    .siteNavContainer a:visited {
        color: #0059b3;
        text-decoration: none;
        font-weight: bold;
    }
    .siteNavContainer a:hover {
        color: blue; /* #997a00 - gold, 0033cc blue */
        text-decoration: none;
        font-weight: bold;
    }

.productMenu td {
    /*background-color: blue;*/
    border-bottom: 1px solid lightgray;
    padding-left: 5px;
    padding-right: 15px;
}
    .productMenu td:hover {
        background-color: inherit; /* palegoldenrod, #e6d500, #e6d500, #ccbe00 */
        border-left: 5px solid #ccbe00;
        padding-left: 5px;
        padding-right: 10px;
    }

    .productMenu td:focus-within {
        background-color: inherit; /* palegoldenrod, #e6d500, #e6d500, #ccbe00 */
        border-left: 5px solid #ccbe00;
        padding-left: 5px;
        padding-right: 10px;
    }

.productMenu a {
    display: inline-block;
    width: 100%;
}
    .productMenu a:link {
        color: #0059b3; /* #0033cc - blue */
        text-decoration: none;
        font-weight: bold;
    }
    .productMenu a:visited {
        color: #0059b3;
        text-decoration: none;
        font-weight: bold;
    }
    .productMenu a:hover {
        color: blue; /* #997a00 - gold, 0033cc blue */
        text-decoration: none;
        font-weight: bold;
    }
    .productMenu a:focus {
        outline: none;
        color: blue; /* #997a00 - gold, 0033cc blue */
        text-decoration: none;
        font-weight: bold;
    }

.subMenu td {
    /*background-color: blue;*/
    border-bottom: 1px solid lightgray;
}

    .subMenu td:hover {
        background-color: inherit; /* palegoldenrod, #e6d500, #e6d500 */
        border-left: 5px solid #ccbe00;
        padding-left: 5px;
    }

    .subMenu td:focus-within {
        background-color: inherit; /* palegoldenrod, #e6d500, #e6d500 */
        border-left: 5px solid #ccbe00;
        padding-left: 5px;
    }

    .subMenu td.nolink {
        background-color: inherit;
        border-left: inherit;
        padding-left: inherit;
        font-weight: bold;
        color: #0d2c8c;
    }

.subMenu a {
    display: inline-block;
    width: 100%;
}

    .subMenu a:link {
        color: #0059b3; /* #0033cc - blue */
        text-decoration: none;
        font-weight: bold;
    }

    .subMenu a:visited {
        color: #0059b3;
        text-decoration: none;
        font-weight: bold;
    }

    .subMenu a:hover {
        color: blue; /* #997a00 - gold, 0033cc blue */
        text-decoration: none;
        font-weight: bold;
    }

    .subMenu a:focus {
        outline: none;
        color: blue; /* #997a00 - gold, 0033cc blue */
        text-decoration: none;
        font-weight: bold;
    }

p.ptitle {
    font: bold 12pt 'Arial',sans-serif; /* from current website normal bold 14pt Tahoma,Arial */
    color: #0d2c8c; /* #191970 dark blue from current website, #0d2c8c a little bit lighter blue*/
    text-align: left;
}
td.ptitle {
    font: bold 12pt 'Arial',sans-serif; /* from current website normal bold 14pt Tahoma,Arial */
    color: #0d2c8c; /* #191970 dark blue from current website, #0d2c8c a little bit lighter blue*/
    text-align: left;
}
span.ptitle {
    font: bold 12pt 'Arial',sans-serif; /* from current website normal bold 14pt Tahoma,Arial */
    color: #0d2c8c; /* #191970 dark blue from current website, #0d2c8c a little bit lighter blue*/
    text-align: left;
}