* {
    box-sizing: border-box;
}

/* Create three equal columns that floats next to each other */
.col-container {
    display: table;
    width: 100%;
    background-color: White;
}

.column {
    float: left;
    width: 33.33%;
    padding: 10px;
}

.leftcol {
    float: left;
    width: 70%;
    padding: 10px;
}

.rightcol {
    float: right;
    width: 30%;
    padding: 10px;
}

/* Clear floats after the columns */
.row:after {
    content: "";
    display: table;
    clear: both;
}

section::after {
    content: "";
    display: table;
    clear: both;
    background-color: White;
}

/* Responsive layout - makes the three columns stack on top of each other instead of next to each other */
@media screen and (max-width: 600px) {
    .column, .leftcol, .rightcol {
        width: 100%;
    }
}

body {
    font-family: Verdana;
    font-size: small;
    background-color: #fcecdd;
}

.main {
    background-color: White;
}

/* #topMenu
{
    font-size: smaller;
    background-color: #979798;
    color: #C02222;
    height: 25px;
    padding-bottom: 8px;
    padding-top: 5px;
    text-align: center;
} */

.topnav {
    float: left;
    background-color: #979798;
    color: #C02222;
    text-align: center;
    padding: 14px 16px;
    text-decoration: none;
    width: 100%;
}

a {
    text-decoration: none;
    color: #002569;
    font-weight: normal;
}

    a:hover {
        text-decoration: none;
        font-weight: bold;
        color: #bddfcf;
    }

.lightLink {
    font-weight: bold;
    color: white; /* #E4B759; */
    text-decoration: none;
}

.darklink {
    text-decoration: none;
    font-weight: bold;
    color: #002569;
}

.gridViewStyle {
    margin: 10px 10px 10px 0px;
    width: 100%;
    background-color: White;
    font-size: small;
    /* text-indent: 0.5em;   */
}

.gridRowStyle {
    background-color: white;
    color: black;
}

.gridAltRowStyle {
    background-color: #F5EEDC; /* #EAF2F2;  #f1e8df;  */
    color: black;
}

.gridFooterStyle {
    background-color: #88C05A;
    color: #FFFFCC;
}

.gridPagerStyle {
    background-color: #C1C6CC;
    color: white;
}

.gridSelectedRowStyle {
    background-color: #0DA4A4;
    color: white;
    font-weight: bold;
}

.gridHeaderStyle {
    font-weight: bold;
    background-color: #F08686; /* #236b60 #25476a;  LightGoldenrodYellow; */
    color: White;
    text-align: left;
}

.dataListStyle {
    background-color: #fffff0;
    border-color: Tan;
    border-width: 0px;
    text-align: left;
    width: 100%;
}

.dataListAlternatingItem {
    background-color: #FCDCBE;
}

.detailFieldHeaderStyle {
    background-color: #FCDCBE; /* #eef3e6; */
    color: #58585A;
    font-weight: bold;
}

.detailHeaderStyle {
    color: #DE7C21;
    font-weight: bold;
    font-size: x-large;
}

.detailRowStyle {
    background-color: white;
}


h3 {
    background-color: #FCDCBE; /*#CDCACF; *#DCE2EC; #D9D9D9;*/
    color: #36454F;
    padding: 5px;
}

.responsive {
    width: 80%;
    height: auto;
    text-align: center;
}

.focim {
    font-size: x-large;
    font-weight: bold;
    color: #002569;
    margin-bottom: 10px;
}

.cim {
    font-size: larger;
    font-weight: bold;
    color: #044D6C; /* #E2001A; */
}

.item {
    font-weight: bold;
}

.sideBlock {
    background-color: #EFEFEF;
    font-size: small;
    font-family: Tahoma;
    text-align: left;
    padding: 10px;
}

colHeader {
    background-color: #AA9EB2;
    color: #58585A;
    font-weight: bold;
}