h1           { font-family: Georgia; font-size: 14pt; color: #454545; font-weight: normal; text-decoration: underline;}
.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; text-decoration: underline; }
.hby         { color: #770000; 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: 14px; 
 font-size: 14pt;
 font-weight: normal; 
 background-color: #CFC6BA;
 color: #E99475}

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

.weatherpanel
{font-family: Georgia, Veranda, Times;
 font-size: 14px; 
 font-size: 14pt;
 font-weight: normal; 
 background-color: #DBE4E6;
 border-bottom-width: 3px;
 color: #454545}

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

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

.equippanel
{font-family: Georgia, Veranda, Times;
 font-size: 14px; 
 font-size: 14pt;
 font-weight: normal; 
 background-color: #DBE4E6;
 color: #454545}

.countypanel
{font-family: Georgia, Veranda, Times;
 font-size: 20px; 
 font-size: 20pt;
 font-weight: normal; 
 background-color: #CFC6BA;
 color: #770000}

.contractpanel
{font-family: Georgia, Veranda, Times;
 font-size: 8px; 
 font-size: 8pt;
 font-weight: normal; 
 background-color: #CFC6BA;
 color: #63605a}

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 ;
}

.pagename
{color: #FF8800;
 font-size: 24px;
 fount-weight: bolder;
 font-family: Comic Sans MS;
 font-stretch: extra-expanded;
 letter-spacing; 1}

/* Add a black background color to the top navigation */
.topnav {
  background-color: #DBE4E6;
  overflow: hidden;
  color: #770000;
  font-size: 17px;
}

/* Style the links inside the navigation bar */
.topnav a {
  float: left;
  color: #770000;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
  font-size: 17px;
}

/* Change the color of links on hover */
.topnav a:hover {
  background-color: #ECEDE8;
  color: #FF0000;
  text-decoration: underline;
}

/* Add a color to the active/current link */
.topnav a.active {
  background-color: #4CAF50;
  color: white;
}

* {
  box-sizing: border-box;
}

/* Create two unequal columns that floats next to each other */
.column {
  float: left;
  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;
}

.left {
  width: 60%;
}

.right {
  width: 40%;
}

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

/* 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>