@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,400;0,700;1,400&family=Roboto+Condensed:wght@400;700&family=Roboto:wght@400;700&display=swap');

:root {
   --main: #30415b;
   --text-on-main-bg: #fcfcfc; 
   --background-base: #fbfcfd;
   --background-body: #f0f0f0;
   --header-text-base: #3d4551;
   --link-base: #345d96;
   --bs-dark: #343a40;
}

body {
    min-height: 100vh;
    font-family: 'Open Sans', sans-serif;
	font-display: swap;
    background-color: var(--background-base);
}

h1, h2, h3, h4, h5, h6 {
    font-family: 'Roboto Condensed', sans-serif;
    font-display: swap;
    color: var(--header-text-base);
}


.h1, .h2, .h3, .h4, .h5, .h6 {
    font-family: 'Roboto Condensed', sans-serif;
    font-display: swap;
    color: var(--header-text-base);
}


#content {
    float: left;
    width: 98%;
    margin: 0;
    padding: 0 0 0 1%;
}

#header {
    min-height: 65px;
    padding: 0;
}

#mobileHeader>.navbar-default {
    background-color: var(--main);
}

#footer {
    clear: both;
}

#footer>.footer {
    padding-left: 0;
    padding-right: 0;
    margin-left: 0;
    margin-right: 0;
}

strong{
    font-weight:bold;
}



/* links within site banner */

a:link.Nav {
    color: #FFFFFF;
    text-decoration: none;
    font-size: 9pt;
    font-weight: bold
}

a:visited.Nav {
    color: #FFFFFF;
    text-decoration: none;
    font-size: 9pt;
    font-weight: bold
}

a:active.Nav {
    color: #FFFFFF;
    text-decoration: none;
    font-size: 9pt;
    font-weight: bold
}

a:hover.Nav {
    color: #FFFFCC;
    text-decoration: underline;
    font-size: 9pt;
    font-weight: bold
}


/* all links (unless otherwise specified) */

a:link {
    color: var(--link-base);
    text-decoration: none;
    font-weight: bold;
}

a:visited {
    color: var(--link-base);
    text-decoration: none;
    font-weight: bold;
}

a:active {
    color: var(--link-base);
    text-decoration: none;
    font-weight: bold;
}

a:hover {
    color: var(--link-base);
    text-decoration: underline;
    font-weight: bold;
}




.expand.collapsed>.fa-caret-down {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    transition: all 300ms ease-in-out;
}

.expand>.fa-caret-down {
    -webkit-transform: rotate(-180deg);
    -moz-transform: rotate(-180deg);
    -o-transform: rotate(-180deg);
    transform: rotate(-180deg);
    transition: all 300ms ease-in-out;
}
.expand.collapsed>.fa-chevron-down {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    transition: all 300ms ease-in-out;
}

.expand>.fa-chevron-down {
    -webkit-transform: rotate(-180deg);
    -moz-transform: rotate(-180deg);
    -o-transform: rotate(-180deg);
    transform: rotate(-180deg);
    transition: all 300ms ease-in-out;
}



#navBar_float {
    margin: 6% 0 0 79%;
    padding: 0px;
    background-color: #eeeeee;
    border-left: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    border-top: 1px solid #ccc;
}

#content_float {
    float: left;
    width: 75%;
    margin: 0;
    padding: 0 3% 0 0;
}

#siteInfo {
    clear: both;
    border: 0px solid #cccccc;
    font-size: 100%;
    color: #000000;
    padding: 10px 10px 10px 10px;
    margin-top: 0px;
}


/************** .contentBody styles *****************/

.contentBody {
    clear: both;
    padding: 10px 0px 0px 10px;
    font-size: 100%;
}

.contentBody p {
    padding: 0px 0px 10px 0px;
}


/*********** #navBar link styles ***********/

#navBar_float ul a:link,
#navBar_float ul a:visited {
    display: block;
}

#navBar_float ul {
    list-style: none;
    margin: 0;
    padding: 0;
}