h1           { font-family: Georgia; font-size: 14pt; color: #454545; font-weight: normal}
.tnbw        { font-family: Georgia; font-size: 10pt; color: #000000; font-weight: bold }
.tnbb        { font-family: Georgia; font-size: 12pt; color: #000000; font-weight: bold }
.tnby        { font-family: Georgia; font-size: 10pt; color: #000000; font-weight: bold }
.tsy         { font-family: Georgia; font-size: 8pt; color: #000000 }
.tby         { font-family: Georgia; font-size: 12pt; color: #000000 }
.tny         { font-family: Georgia; font-size: 10pt; color: #000000 }
h2           { font-family: Georgia; font-size: 14pt; color: #454545; font-weight: normal }
.hby         { color: #000000F; font-family: Georgia; font-size: 10pt; font-weight: bold }
.hbb         { font-family: Georgia; font-size: 10pt; color: #000000; font-weight: bold }
.tnb         { font-family: Georgia; font-size: 10pt; color: #000000 }
.tbb         { font-family: Georgia; font-size: 12pt; color: #000000 }
.tsb         { font-family: Georgia; font-size: 8pt; color: #000000 }

<style type="text/css">

.spFrameBorder
{background-image: url(texture.jpg);
 background-repeat: repeat;
 font-family: Georgia, Veranda, Times;
 font-size: 10pt;
 color: #E99475}

.panel1
{font-family: Georgia, Veranda, Times;
 font-size: 12px; 
 font-size: 12pt;
 font-weight: normal; 
 background-color: #CFC6BA;
 color: #454545}

.countylistpanel
{font-family: Georgia, Veranda, Times;
 font-size: 12px; 
 font-size: 12pt;
 font-weight: normal; 
 background-color: #ECEDE8;
 color: #454545}

.intropanel
{font-family: Georgia, Veranda, Times;
 font-size: 12px; 
 font-size: 12pt;
 font-weight: normal; 
 background-color: #CFC6BA;
 color: #454545}

A {text-decoration: none;
 font-weight: normal; 
 font-size: 14px;
 font-size: 14pt;
 color: #770000}

A:hover {text-decoration: underline; color: #FF0000}

.center {
 text-align: center;
}
   
img {
  width: auto ;
  max-width: 100% ;
  height: auto ;
}

#footer {
background-color:#DADADA;
height:30px;
padding:10px;
border-top:1px solid #ABABAB;
position:fixed;
right:0;
bottom:0;
width:15%
}

* {
  box-sizing: border-box;
}

/* Create four equal columns that floats next to each other */
.column {
  float: left;
  width: 20%;
  padding: 10px;
  font-family: Georgia, Veranda, Times;
  font-size: 12px; 
  font-size: 12pt;
  font-weight: normal; 
  line-height: 1.5;
  background-color: #ECEDE8;
  color: #454545;
}

/* Clear floats after the columns */
.row:after {
  content: "";
  display: table;
  clear: both;
}

/* Responsive layout - makes a two column-layout instead of four columns */
@media screen and (max-width: 900px) {
  .column  {
    width: 50%;
  }
}

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

</style>