a{
    color: #011E9C;
    text-decoration: none;
    font-weight: 600;}

b{
  color: #618CBA;}

h1{
  color: #224477;
  font:20pt 'Open Sans', sans-serif;
  font-weight: 800;}

h2{
  color: #224455;
  font:18pt 'Open Sans', sans-serif;
  font-variant: normal;
  font-weight: 800;}

h3{
  color: #214E7C;
  font:15pt 'Open Sans', sans-serif;
  font-variant: normal;
  font-weight: 800;}

h4{
  color: #618CBA;
  font:15pt 'Open Sans', sans-serif;
  font-variant: normal;
  font-weight: 800;}

li{
  margin: 5px;}

p,ul,ol{
  color: black;
  font:11pt 'Open Sans', sans-serif;
  text-align: left;
  font-weight: 300;
  font-variant: normal;}

p{
  margin-left: 4%;
  margin-right: 4%;}

table{
  margin-left: auto;
  margin-right: auto;}

td{
  text-align: left;
  padding-left: 10px;
  padding-right: 10px;
  font: 12pt 'Open Sans', sans-serif;
  _border-bottom: 1px solid #284E8C;
  background-color: #eeeeee;}

th{
  text-align: center; 
  padding-left: 10px;
  padding-right: 10px;
  font: 12pt 'Open Sans', sans-serif;
  color: #FFFFFF;
  background-color: #45659C;}

#header{
    text-align: center;
    background-color: #314E7C;
    color: #FFFFFF;
    padding-bottom: 10pt;
    padding-top: 10pt;
    padding-left: 0pt;
    padding-right: 0pt; 
    _border: 2px solid #486E8C;
    font: 18pt 'Open Sans', sans-serif;
    font-weight: 700;
    min-width: 600px;}

#header-table{
  text-align: center;
  min-width: 600px;
  font: 12pt 'Open Sans', sans-serif;
  background-color: #28406A;
  font-variant: normal;
  font-weight: 600;
  margin-left: auto;
  margin-right: auto;}

#content{
    margin-left: auto;
    margin-right: auto;
    min-width: 600px;
    max-width: 1200px;
    min-height: 80%;}

.content-box{
    margin-left: 5%;
    margin-right: 5%;}

.content-table{
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  max-width: 90%;
  font: 10pt 'Open Sans', sans-serif;
  font-variant: normal;
  border: 0;
  background-color: #314E7C;
  font-weight: 300;}

.image-row {
  display: flex;
  flex-wrap: wrap;
  padding: 0 4px;
}

.image-column {
  flex: 90%;
  max-width: 90%;
  padding: 0 4px;
}

.image-column img {
  margin-top: 8px;
  vertical-align: middle;
}


/* Responsive layout - makes the two columns stack on top of each other instead of next to each other */
@media screen and (max-width: 500px) {
  .image-column {
    flex: 100%;
    max-width: 100%;
  }
}

.footer{
  bottom: 0;
  left: 0;
  min-width: 600px;
  background-color: #314E7C;
  height: 50px;
  padding-bottom: 10pt;
  padding-top: 20pt;
  padding-left: 0pt;
  padding-right: 0pt;
  color: white; 
  text-align: center;
  font: 11pt 'Open Sans', sans-serif;
  border: 1px solid #486E8C;
}