a.sideMenu {font-family:Verdana;font-size:8pt;color:#666666; text-decoration:none; vertical-align: top}
a.sideMenu:hover{color:#7c3b07;text-decoration:underline;}

a.nav {text-decoration: none; font-family: Verdana; font-size: 10 pt; line-height: 12pt; color:blue;}
a.nav:hover {color: #7c3b07; text-decoration:none;}

a.top {text-decoration: none; color:black; font-family: Verdana; font-size: 10pt; vertical-align: top}

a.top:hover {color:black;text-decoration:underline;}

a.menu {text-decoration: none; font-family: Verdana; font-size: 12pt; color: #7c3b07}

a.menu:hover {text-decoration: underline;}

a.text {font-family: Verdana; font-size: 10pt}

a.text:link {color: #0000CC}

a.text:active {color: #FF3300}

a.text:hover {color: #FF3300}

a.fhpHome {font-family:Verdana;font-size:8pt;color:#7c3b07; font-weight:bold; text-decoration: none;}
a.fhpHome:hover{color:#7c3b07;}

a.footer2Link {color:white;text-decoration: underline;font-family:Arial, Helvetica;font-size:9pt}
a.footer2Link:hover{color:red}

p.main {font-family: Verdana; font-size: 10pt; text-align: justify}

p.table {font-family: Verdana; font-size: 10pt; test-align: left; vertical-align: top}

p.head {font-family: Verdana; font-size: 12pt; text-align: center; vertical-align: middle; color: white}

p.phone {font-family: Verdana; font-size: 12pt; font-weight: bold; text-align: center; color: #666666}

li.list {font-family: Verdana; font-size: 10pt}

li.fact {font-family: Verdana; font-size: 10pt}

ul.table {vertical-align: middle}

h1.title {font-family: Verdana; font-size: 18pt; font-weight: bold; text-align: left; color: #666666}

h2.subtitle {font-family: Verdana; font-size: 12pt; font-weight: bold; text-align: left; color: #666666}

h3.subtitle {font-family: Verdana; font-size: 10pt; font-weight: bold; text-align: left; color: #666666}

h4.caption {font-family: Verdana; font-size: 8pt; text-align: center; color: #666666}

h5.disclaim {font-family: Verdana; font-size: 12pt; font-weight: bold; text-align: center; color: #666666}

span.note {font-family: Verdana; font-size: 8pt; color: #666666}

span.date {font-family: Verdana; font-size: 8pt; color: #666666; text-decoration: none}

p.note {  font-family: Verdana; font-size: 10pt; font-style: italic; font-weight: bold}

#line {background-color: #666666; height: 1px}

#leftmenuTitle {font-family:Verdana;font-weight:bold;font-size:10pt;color:#7c3b07}

#footerText {font-family:Arial; font-size:8pt; color:white}

/* USA Banner */

.usa-banner { /* <section> */
    position: relative;
    z-index: 1000;
    margin: 0;
    padding: 0;
    border: 0;
    font: 10pt Verdana;
}

.usa-banner-header {
    background-color: #eaeaea;
}

.usa-banner-headerContent {
    display: flex;
    flex-wrap: wrap;
    max-width: 900px;
    margin: 0 auto;
    gap: .5rem;
    align-items: center;
    justify-content: center;
    padding: 6px 0;
}

.usa-banner-flag {
    width: 16px;
    height: auto;
    outline: 1px rgba(0,0,0,.25) solid;
}

.usa-banner-text {
    color: #000;
    margin: 0;
    text-align: center;
}

.usa-banner-button {
    position: relative;
    background: none;
    margin: 0;
    padding: 0;
    box-shadow: none;
    text-decoration: underline; /* Replace .underline10() with the appropriate CSS */
    color: #0071bc; /* Replace @primary with the actual color value */
    border: none;
    
}

    .usa-banner-button :after {
        position: absolute; 
        display: inline-block;
        background-image: url('../images/expandArrow.svg');
        background-repeat: no-repeat;
        background-size: 20px;
        height: 20px;
        width: 20px;
        content: "";
        vertical-align: middle;
        margin-left: 2px;
        transform: rotate(180deg);
    }

    .usa-banner-button[aria-expanded="true"] :after {
        transform: unset;
    }

.usa-accordion-content { /* expandable section */
    max-width: 900px;
    margin: 0 auto;
    max-height: 0; /* for transition */
    overflow: hidden;
    transition: max-height .75s ease-in-out;
}

    .usa-accordion-content.expanded {
        max-height: 600px; /* value here is arbitrary, just to provide a target height for transition */
    }

.gridContainer {
    background-color: #eaeaea;
    padding: 0 8px 8px;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    gap: .5rem;
}

.col1, .col2 {
    background-color: #fff;
    padding: 6px 10px 6px 6px;
    display: grid;
    grid-template-columns: 40px 1fr;
    gap: .75rem;
}

    .col1 > div p,
    .col2 > div p {
        margin-top: 0;
    }

.icon-lock svg {
    width: 15px; /* Replace .size(15px) with the appropriate CSS */
    height: 15px;
}

.usa-banner-govt-icon, .usa-banner-padlock-icon {
    width: 40px; /* Replace .size(50px) with the appropriate CSS */
    height: 40px;
}