#accessibility { display:none; visibility:hidden; }
#graphic1 { position: absolute; top: 10px; left: 10px; width: 166px; height: 110px; border: none; padding: 0px; background: #ffffff}
#Frame1
{ position: absolute; top: 10px; left: 195px; width: 620px; border-right: 4px solid #ccaacc; padding-right: 4px; text-align: left; background: #ffffff;  }
#Frame1 h1 {background-color: maroon; color: white; font-family: Arial, Helvetica, Sans-Serif; font-weight: bold; font-size: medium}
#Frame1 h2 {background-color: #99aacc; color: #ffeeff; font-family: Arial, Helvetica, Sans-Serif; font-weight: bold; font-size: medium}
#Frame1 p { font-family: Georgia, Palatino, serif; font-size: 0.9em; }
#Frame2
{ position: absolute; top: 130px; left: 10px; width: 166px; border-right: 4px solid #ccaacc; padding-right: 6px; background: #ffffff; text-align: right; font-family: Arial, Helvetica, Sans-Serif; font-size: smaller;}
#Frame2 p {font-size: 10pt;}
#Frame3
{ position: absolute; top: 10px; left: 830px; height: 400px; background: #ffffff; border: 1px solid #ffffff; }
.strap {background-color: maroon; color: white; font-family: Arial, Helvetica, Sans-Serif; font-weight: bold}
.s4p {background-color: #ffeeff;}
.big {font-weight: 700; color: navy}
address {font-size: 10pt;}
p.sans { font-family: Helvetica, Arial, sans-serif; font-size: smaller;}
p.caption  { font-family: Helvetica, Arial, sans-serif; font-size: smaller;}
@media screen and (min-width: 40em) {

.col-container {
margin: 0 auto;
    display: table; /* Make the container element behave like a table */
width: 100%;   /*    Set full-width to expand the whole page */
background-color: white;
}

.col {
    display: table-cell; /* Make elements inside the container behave like table cells */
background-color:white;
}
}