@charset "UTF-8";
/* CSS Document */

* ul {
list-style-type: none!important;
}

* ul
{
list-style:none!important;
}

* li {
list-style-type: none!important;
}

ul {
list-style-type: none!important;
}

ul
{
list-style:none!important;
}

li {
list-style-type: none!important;
}

/* Colors
yellow
color: #d1b139;

light blue
color: #009bff;

gray
color: #626262;

dark blue
color: #1e2330;
*/

html, body {
width: auto!important; 
overflow-x: hidden!important
}

body {
font-family: 'Montserrat', sans-serif !important;
}

.tableauPlaceholder {
font-family: 'Montserrat', sans-serif !important;
}

#viz1617638045114 {
font-family: 'Montserrat', sans-serif !important;
}

header {
	float: left;
	width: 98%;
	background-color: #ffffff;
	padding-left: 2%;
	margin-top: -20px;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #E8EDEA;
	padding-top: 2%;
    margin-bottom: 22px;
}

header a {
	color : #000000;
	text-decoration: none;
}

header a:visited {
	color : #000000;
}

header a:hover {
	color: #595959;
	text-decoration: underline;
	cursor: pointer;
}

header a:active {
	color: #909090;
	cursor: pointer;
}

header .logo {
width: 97%;
float: left;
margin-left: 2.5%;
/* background-color: red; */
}

header .logo h2 {
font-size: 1.1em;
}

.color {
background-color: red;
float: left;
width: 100%;
}

main {
margin-left: auto;
margin-right: auto;
max-width: 1300px;
}

.title {
float: left;
width: 100%;
background-color: #1e2330;
}

.title h1 {
color: #ffffff;
font-size: 2.05em;
font-weight: 800;
text-align: center;
letter-spacing: .05em;
padding-top: 75px;
padding-bottom: 35px;
}

.title h3 {
color: #d1b139;
font-size: 1.1em;
font-weight: 600;
text-align: center;
letter-spacing: .05em;
padding-top: 5px;
padding-bottom: 95px;
}

.title h3 i {
font-style: italic;
}



.bodycopy {
width: 100%;
/* background-color: pink; */ 
max-width: 800px;
margin-left: auto;
margin-right: auto;
}


.indent {
margin-left: 7%;
width: 93%;
float: left;
background-color: pink;
}

pre {
margin-left: 7%;
width: 93%;
float: left;
background-color: pink;
font-family: 'Montserrat', sans-serif !important;
}

figure {
margin-left: 7%;
width: 93%;
float: left;

font-family: 'Montserrat', sans-serif !important;
}


article {
width: 90%;
float: left;
/* background-color: pink; */
padding-left: 5%;
padding-right: 5%;
}

article ol {
width: 80%;
float: left;
padding-left: 10%;
padding-right: 10%;
}

article ol li {
line-height: 1.5em;
padding-left: 1%;
font-weight: 500;
}


article h1 {
color: #000000;
font-weight: 700;
font-size: 1.0125em;
letter-spacing: .01em;
text-align: center;
margin-bottom: 55px;
}

article h1 span {
color: #d1b139;
font-weight: 600;
}


article span h3 {
color: #000000;
font-weight: 500;
font-size: 1em;
letter-spacing: .01em;
}

article span h3 em {
color:#d1b139;
font-weight: 700;
font-style: normal;
}



article h3 {
color: #000000;
font-weight: 600;
font-size: 1em;
letter-spacing: .01em;
}

article h3 span {
font-weight: 400;
}

article h3 em {
color: #d1b139;
}

article h3 em span {
color: #626262;
}

article h4 {
color: #000000;
font-weight: 400;
font-size: 1em;
letter-spacing: .01em;}

article h4 span {
color: #d1b139;
font-weight: 600;
}

article h4 small {
color: #009bff;
font-weight: 600;
}



article .bodycopy h4 ul {
list-style-type: none;
/* background-color: pink */
}


article .bodycopy h4 ul li {
list-style-type: none;
line-height: 1.5em;
/* background-color: pink */
}

article .bodycopy h5 {
font-weight: 400;
}

article .bodycopy h5 ul {
list-style-type: none;
/* background-color: pink */
}

article .bodycopy h5 ul li {
list-style-type: none;
line-height: 1.5em;
font-weight: 400;
}





.gap {
width: 100%;
float: left;
height: 55px;
/* background-color: lightblue;*/
}

table {
  table-layout: fixed;
  border-collapse: collapse;
  width: 100%; 
  overflow-y: scroll;
}

table, th, td {
  border: 4px solid #ffffff;
  border-collapse: collapse;
}

table tr td span {
  font-size: .5em;
  vertical-align: text-top;
  margin-left: 3%;
  color: #009bff;
}

h5 ul li small {
  color: #009bff;
}


th, td {
  padding: 15px;
  text-align: left;
  font-size: .75em;
  font-weight: 500;
}

#tabletitle {    
 background-color: #f6f7f9;
 font-weight: 600;
 font-size: .85em;
}
#tabletitle-b {    
 background-color: #f6f7f9;
 font-weight: 600;
 font-size: .85em;
}
#tabletitle-c {    
 background-color: #ffffff;
 font-weight: 600;
 font-size: .85em;
}

#tabletitle2 {    
  background-color: #ebeef2;
  font-weight: 600;
  font-size: .85em;
  color: #009bff;
}
#tabletitle2-b {    
  background-color: #ebeef2;
  font-weight: 600;
  font-size: .85em;
  color: #009bff;
}

#tabletitle3 {    
  background-color: #ebeef2;
  font-weight: 600;
  font-size: .85em;
  color: #009bff;
}
#tabletitle3-b {    
  background-color: #ebeef2;
  font-weight: 600;
  font-size: .85em;
  color: #009bff;
}
#tabletitle3-c {    
  background-color: #fffffff;
  font-weight: 600;
  font-size: .85em;
  color: #009bff;
}

.tint {    
  background-color: #ebeef2;
}

.lighttint {    
 background-color: #f6f7f9;
}


footer {
	float: left;
	width: 94%;
	background-color: #ebeef2;
	padding-left: 3%;
    padding-right: 3%;
	margin-top: 200px;
	border-top: 2px solid #b0b0b0;
	padding-top: 1%;
    padding-bottom: 60px;
}



.footer-box {
	float: left;
	width: 95%;
	padding-left: 0%;
    padding-right: 5%;
	/* background-color: pink; */
	margin-left: -1.5%;
}




footer p {
	margin: .25em;
}


footer nav {
	float: left;
	display: block;
    margin-top: 25px;
    /* background-color: pink; */
    width: 90%;
    padding-left: 3%;
    padding-right: 3%;
    margin-bottom: 1px;
}

footer nav ul {
    margin-left: -1.65%;
}

footer nav li {
	display: inline-block;
	float: left;
	padding-right: 1%;
	margin-right: 6%;
    margin-top: 5px;
	margin-bottom: 20px;
    /* background-color: green; */
    width: 18%;
}

footer nav a {
position: absolute;
	font-size: .9em;
	color : #636363;
	text-decoration: none;
	font-weight: 400;
}

footer nav a:visited {
	color : #636363;
	font-weight : bold;
}

footer nav a:hover {
	color: #595959;
	text-decoration: underline;
	cursor: pointer;
}

footer nav a:active {
	color: #909090;
	cursor: pointer;
}














footer article {
	float: left;
	display: block;
    margin-top: 25px;
    /* background-color: pink; */ 
    width: 90%;
    padding-left: 1%;
    padding-right: 3%;
    margin-bottom: 1px;
}

footer article ul {
    margin-left: -1.25%;
}

footer article li {
	display: inline-block;
	float: left;
	padding-right: 1%;
	margin-right: 6%;
    margin-top: 5px;
	margin-bottom: 20px;
    background-color: green;
    width: 12%;
}

footer article a {
position: absolute;
	font-size: .9em;
	color : #636363;
	text-decoration: none;
	font-weight: 400;
}

footer article a:visited {
	color : #636363;
	font-weight : bold;
}

footer article a:hover {
	color: #595959;
	text-decoration: underline;
	cursor: pointer;
}

footer article a:active {
	color: #909090;
	cursor: pointer;
}

.subfooter {
	float: left;
	width: 100%;
	background-color: #909090;
	padding-top: 2%;
    padding-bottom: 133px;
    color: #ffffff
}

















/* for 2000px or smaller */	
@media only screen and (max-width: 2000px) {




}











/* for 1800px or smaller */	
@media only screen and (max-width: 1800px) {



}













/* for 1700px or smaller */	
@media only screen and (max-width: 1700px) {



}


















/* for 1500px or smaller */	
@media only screen and (max-width: 1500px) {



}








/* for 1200px or smaller */	
@media only screen and (max-width: 1200px) {
.footer-box {
	float: left;
	width: 94%;
	padding-left: 3%;
    padding-right: 3%;
	/* background-color: lightblue; */
}




footer .footer-box ul li a {
    margin-left: 1%;
	/* background-color: red; */
	width: 80%;
	display: block;
	line-height: 2em;
}


footer .footer-box ul li {
	display: block;
	width: 50%;
}



footer article li {
    width: 43%;
    background-color: purple;
    float: left;
}


footer article ul {
    margin-left: -2.5%;
}

}
/* end 1200px or smaller */










/* for 1000px or smaller */	
@media only screen and (max-width: 1000px) {


footer article ul {
    margin-left: -3.5%;
}


}












/* for 900px or smaller */	
@media only screen and (max-width: 900px) {

footer article li {
    width: 41%;
    margin-left: -.75%;
}

}









/* for 700px or smaller */	
@media only screen and (max-width: 700px) {

header nav {
	padding-right: 0%;
    /* background-color: orange; */
    float: right;
    width: 10%;
}

footer article li {
    margin-left: -2.75%;
}

}











/* for 480px or smaller */	
@media only screen and (max-width: 480px) {

footer article li {
    width: 89%;
    margin-left: -5%;
}

}
/* end 480px or smaller */











/* for 400px or smaller */
@media only screen and (max-width: 400px) {

footer article li {
    margin-left: -9%;
}
}
/* end 400px or smaller */










/* for 320px or smaller */
@media only screen and (max-width: 320px) {

footer article li {
    margin-left: -10%;
}

}
/* end 320px or smaller */