.toppanel {
  position: absolute; 
  top: 0px; 
  left: 0px; 
  width: 1000px; 
  height: 65px; 
  font: normal 12px arial;
  color: black;
  background-color: ffdd66; 
  z-index: 0; 
}
.leftpanel {
  position: absolute; 
  top: 65px; 
  left: 0px; 
  width: 160px; 
  height: 800px; 
  font: normal 12px arial;
  color:white;
  background-color: 6b8e23; 
  z-index: 2; 
}
.centerpanel {
  position: absolute; 
  top: 65px; 
  left: 160px; 
  width: 600px; 
  font: normal 12px arial;
  background-color: tan; 
  z-index: 1; 
}
.rightpanel {
  position: absolute; 
  top: 65px; 
  left: 760px;
  width: 240px; 
  height: 800px; 
  font: normal 12px arial;
  text-align: center;
  color:black;
  background-color: a0b0c0; 
  border-left: 1px solid black;
  z-index: 2; 
}
.businesspanel {
  position: absolute;
  top: 30px;
  left: 0px;
  height: 450px;
  width: 600px;
  background-color: ecece4;
}
#leftalign {
  text-align:left;
}
h1 {
  font: italic bold 24px arial, sans-serif;
  color: red;
  padding: 5px 5px 5px 15px;
  background-color: beige;
  border-top: 2px solid brown;
  border-bottom: 2px solid brown;
  margin: 0px;
}
h2 {
  font: italic bold 20px arial, sans-serif;
  color: red;
  padding: 3px 3px 3px 10px;
  background-color: beige;
  border-top: 2px solid brown;
  border-bottom: 2px solid brown;
  margin: 0px 0px 0px 0px;
}
h3 {
  font: italic bold 16px arial, sans-serif;
  color: red;
  padding: 3px 3px 3px 10px;
  background-color: beige;
  border-top: 2px solid brown;
  border-bottom: 2px solid brown;
  margin: 0px;
}
#h3font {
  font: italic bold 16px arial, sans-serif;
  color: red;
  text-align: left;
}
h4 {
  font: italic bold 12px arial, sans-serif;
  color: tan;
  padding: 5px 2px 5px 10px;
  background-color: brown;
  border-top: 2px solid tan;
  border-bottom: 2px solid tan;
  margin: 0px;
}
.dropdownlist {
 visibility: hidden; 
 width: 1000px; 
 height: 60px; 
 top: 0px; 
 left: 0px; 
 font-weight: bold;
 font-size: 10pt;
 color:black;
 border: 0px; 
 background-color: ffdd66; 
 padding: 0px; 
 z-index: 2; 
}
.horizontaltab {
  overflow: hidden;
  position: static;
  float:left;
  width: 85px;
  height: 25px;
  font: bold small-caps 14px arial;
  border-left: 1px solid #000000; 
  border-top: 1px solid #000000; 
  border-right: 1px solid #000000; 
  background-color: ecece4;
  text-decoration: none;
  cursor:Pointer;
  z-index: 2; 
}
.horizontaltab:hover {
  cursor:Pointer;
  color:white;
  background-color:#c8c8c8;
  text-decoration:underline;
}
.tab:hover {
  color:white;
  background-color:#c8c8c8;
  text-decoration:underline;
}

.infopanel {
  text_align: center;
  font-weight: normal;
  font-size: 11px;
  color:black;
  border: 1px solid black; 
  background-color: ecece4; 
  padding: 0px; 
  z-index: 2; 
}
table {
  font-family: arial, sans-serif;
}
#infobox {
  border-top: 1px solid black;
  border-left: 1px solid black;
  border-collapse: collapse;
}
caption {
  background-color: #396518;
  font-weight: bold;
  font-size: 14px;
  color: white;
  font-variant: small-caps;
  text-align: left;
  padding: 2px 2px 2px 4px;
  border-right: 1px solid black; 
  border-bottom: 1px solid black; 
}
#recordingcaption {
  background-color: #396518;
  font-weight: bold;
  font-size: 14px;
  color: white;
  font-variant: small-caps;
  text-align: left;
  border: 1px solid black; 
}
th {
  text-align: center;
  font: bold 10px arial;
  color: white;
  padding: 2px 2px 2px 4px;
  border-right: 1px solid black; 
  border-bottom: 1px solid black; 
  background-color: tan;
}
td {
  font: bold 9px arial;
  text-align: center;
  padding: 0px 0px 0px 2px;
  color: black;
  background-color: #gray;
}
.infocell {
  font-family: arial, sans-serif;
  font-weight: normal;
  font-size: 12px;
  color:black;
  text-align: left;
  padding: 2px 2px 2px 4px;
  border-right: 1px solid black; 
  border-bottom: 1px solid black; 
}
#label {
  font-variant: small-caps;
}
#ofthedaydate {
  font: normal 12px arial, sans-serif;
  background-color: f9f9f9;
  border: 0px;  
}
#ofthedayphotolabel {
  font: bold small-caps 14px arial, sans-serif;
  background-color: beige;
  border-top: 1px solid black; 
  border-right: 0px; 
  border-bottom: 1px solid black; 
  border-left: 0px; 
}
#ofthedayextra {
  font: normal 12px arial, sans-serif;
  padding: 0px 1px 0px 10px;
  border: 0px;
}
#value {
  background-color: beige;
}

.infotitle {
  font: bold small-caps 14px arial;
  color:white;
  text-align: left;
  text-decoration:none;
  padding: 2px 2px 2px 8px;
  background-color: 396518; 
}
.infotext {
  position: static;
  width: 100%;
  font-family: arial, sans-serif;
  font-weight: normal;
  font-size: 12px;
  color:black;
  text-align: left;
  text-decoration: none;
  background-color: beige;
  padding: 2px 2px 2px 4px;
}
.infolabel {
  position: static;
  width: 100px;
  font-family: arial, sans-serif;
  font-weight: normal;
  font-size: 11px;
  font-variant: small-caps;
  color:black;
  text-align: left;
  text-decoration:none;
  background-color: ecece4;
  padding: 1px 1px 1px 4px;
  border-bottom: 1px solid gray;
  overflow: hidden;
}
.infovalue {
  position: static;
  width: 300px;
  font-family: arial, sans-serif;
  font-weight: normal;
  font-size: 10pt;
  color:black;
  text-align: left;
  text-decoration:none;
  background-color: beige;
  padding: 1px 1px 1px 4px;
  border-bottom: 1px solid gray;
  border-left: 1px solid gray;
  overflow: hidden;
}
.editpanel {
  overflow:hidden;
  position: static;
  float:right;
  top: 0px; 
  width: 425px;
  height:auto;
  text_align: center;
  font-weight: normal;
  font-size: 8pt;
  color:black;
  border: groove 1px gray; 
  background-color: f8f8f8; 
  padding: 0px; 
  z-index: 2; 
}
.edittitle {
  position: static;
  width: 100%;
  font-family: arial, sans-serif;
  font-weight: bold;
  font-size: 8pt;
  color:white;
  text-align: left;
  text-decoration:none;
  padding: 2px 2px 2px 8px;
  background-color: 396518; 
}
.edittext {
  position: static;
  width: 100%;
  font-family: arial, sans-serif;
  font-weight: normal;
  font-size: 8pt;
  color:black;
  text-align: left;
  text-decoration: none;
  background-color: beige;
  padding: 2px 2px 2px 4px;
}
.editlabel {
  position: static;
  width: 80px;
  font-family: arial, sans-serif;
  font-weight: normal;
  font-size: 8pt;
  font-variant: small-caps;
  color:black;
  text-align: left;
  text-decoration:none;
  border-bottom: 1px solid gray;
  padding: 1px 1px 1px 4px;
  overflow: hidden;
}
.editvalue {
  position: static;
  width: 340;
  font-family: arial, sans-serif;
  font-weight: normal;
  font-size: 8pt;
  color:black;
  text-align: left;
  text-decoration:none;
  background-color: beige;
  padding: 1px 1px 1px 4px;
  border-bottom: 1px solid gray;
  border-left: 1px solid gray;
  overflow: hidden;
}
.businesslist {
 position: static;
 height: auto;
 width: 140px; 
 font-family: arial, sans-serif;
 font-weight: bold;
 font-size: 10pt;
 color:white;
 border: 1px solid gray; 
 background-color: 484848; 
 padding: 0px; 
 z-index: 2; 
}
.statelist {
 position: absolute;
 top:20;
 left: 430px;
 height: auto;
 width: 125px; 
 font-family: arial, sans-serif;
 font-weight: bold;
 font-size: 10pt;
 color:white;
 border: 1px solid gray; 
 background-color: 396518; 
 padding: 0px; 
 z-index: 2; 
}
a.statesmall {
  float:left;
  width:125px;
  font-family: arial, sans-serif;
  font-weight: bold;
  font-size: 8pt;
  text-decoration:none;
  color:black;
  background-color:beige;
  padding:2px;
  padding-left:4px;
  border:0px;
}
a.statesmall:hover {
  background-color:tan;
  color:black;
  text-decoration:underline;
}
a.recordingsmall {
  float:left;
  width:100%;
  font-family: arial, sans-serif;
  font-weight: normal;
  font-size: 8pt;
  text-decoration:none;
  color:black;
  background-color:beige;
  padding:1px 0px 1px 4px;
  border-bottom:1px solid gray;
}
a.recordingsmall:hover {
  background-color:tan;
  color:black;
  text-decoration:none;
}
.titlebox {
 font-style: courier-new,courier;
 font-weight: bold;
 font-size: 18pt;
 text-align: center;
 color: black;
 border: medium double brown; 
 background-color: f1e899; 
 padding: 5px; 
 z-index: 2; 
}
div.homelink {
  position: static; 
  width: 140px;
  padding: 0px; 
}
div.navtop {
  position: absolute; 
  top: 0px;
  left: 250px;
  width: 600px;
}
.navtop {
  float:left;
  width: 80px;
  font-family: arial, sans-serif;
  font-weight: bold;
  font-size: 8pt;
  text-align:center;
  text-decoration:none;
  color:black;
  background-color: ffdd66;
  padding: 2px 2px;
  border-right:0px;
}
.navtop:hover {
  color:white;
  background-color:#ff8833;
  text-decoration:underline;
}
li.navtop {display:inline}

a {
  font: normal 12px arial, sans-serif;
  text-decoration:none;
}
a:hover {
  text-decoration: underline;
  background-color: tan;
  color: white;
}
a.leftpanel {
  color:white;
}
div.buttonletter {
  position: static;
  float: left;
  height: 18px;
  width: 18px;
  background-color: e1e1e1;
  border: 1px solid black;
  margin: 0px;
  font: bold 11px arial, sans serif;
  text-align: center;
}  
a.buttonsmall {
  float:left;
  width:136px;
  overflow:hidden;
  color:black;
  background-color:e1e1e1;
  padding:2px 2px 2px 4px;
  border:1px solid black;
}
a.buttonsmall:hover {
  background-color:b1b1b1;
  color:white;
}
a.buttonsmallselected {
  float:left;
  width:100%;
  font-family: arial, sans-serif;
  font-weight: bold;
  font-size: 11px;
  text-decoration:none;
  color:black;
  background-color:ffffff;
  padding:2px;
  padding-left:4px;
  border:1px solid black;
}
a.buttonsmallselected:hover {
  background-color:b1b1b1;
  color:white;
  text-decoration:underline;
}
a.whitelarge {
  font-family: arial, sans-serif;
  font-weight: bold;
  font-size: 12px;
  color:white;
  text-align: center;
  text-decoration:none;
}
a.whitelarge:hover {
  color:white;
  text-decoration:underline;
}
a.whitemedium {
  font-family: arial, sans-serif;
  font-weight: bold;
  font-size: 10px;
  color:white;
  text-align: center;
  text-decoration:none;
}
a.whitemedium:hover {
  color:white;
  text-decoration:underline;
}
a.whitesmall {
  font-family: arial, sans-serif;
  font-weight: bold;
  font-size: 8px;
  color:white;
  text-align: center;
  text-decoration:none;
}
a.whitesmall:hover {
  color:white;
  text-decoration:underline;
}

.oftheday {
  border:1px solid black;
  font: normal 10px  arial,sans-serif;
  text-align: center; 
  background-color:ffffff;
  padding: 3px 3px 3px 3px;
  margin: 4px 4px 4px 4px;
}

.textsmall  { font: normal 8pt  arial,sans-serif; text-align: center; }
.textmedium { font: normal 10pt arial,sans-serif; text-align: center; }
.textlarge  { font: normal 12pt arial,sans-serif; text-align: center; }


td.s {font-family: arial, sans-serif;
      font-weight: normal;
      font-size: 8pt;
      color: #000000;}
td.sw {font-family: arial, sans-serif;
       font-weight: normal;
       font-size: 8pt;
       color: #ffffff;}
td.sl {font-family: arial, sans-serif;
       font-weight: normal;
       font-size: 8pt;
       color: #000000;
       text-align: left}
td.slw {font-family: arial, sans-serif;
        font-weight: normal;
        font-size: 8pt;
        color: #ffffff;
        text-align: left}
td.sc {font-family: arial, sans-serif;
       font-weight: normal;
       font-size: 8pt;
       color: #000000;
       text-align: center}
td.scw {font-family: arial, sans-serif;
        font-weight: normal;
        font-size: 8pt;
        color: #ffffff;
        text-align: center}
td.sr {font-family: arial, sans-serif;
       font-weight: normal;
       font-size: 8pt;
       color: #000000;
       text-align: right}
td.srw {font-family: arial, sans-serif;
        font-weight: normal;
        font-size: 8pt;
        color: #ffffff;
        text-align: right}
td.m {font-family: arial, sans-serif;
      font-weight: normal;
      font-size: 10pt;
      color: #000000;}
td.mw {font-family: arial, sans-serif;
       font-weight: normal;
       font-size: 10pt;
       color: #ffffff;}
td.ml {font-family: arial, sans-serif;
       font-weight: normal;
       font-size: 10pt;
       color: #000000;
       text-align: left}
td.mlw {font-family: arial, sans-serif;
        font-weight: normal;
        font-size: 10pt;
        color: #ffffff;
        text-align: left}
td.mc {font-family: arial, sans-serif;
       font-weight: normal;
       font-size: 10pt;
       color: #000000;
       text-align: center}
td.mcw {font-family: arial, sans-serif;
        font-weight: normal;
        font-size: 10pt;
        color: #ffffff;
        text-align: center}
td.mr {font-family: arial, sans-serif;
       font-weight: normal;
       font-size: 10pt;
       color: #000000;
       text-align: right}
td.l {font-family: arial, sans-serif;
      font-weight: normal;
      font-size: 12pt;
      color: #;}
td.ll {font-family: arial, sans-serif;
       font-weight: normal;
       font-size: 12pt;
       color: #;
       text-align: left}
td.lc {font-family: arial, sans-serif;
       font-weight: normal;
       font-size: 12pt;
       color: #;
       text-align: center}
td.lr {font-family: arial, sans-serif;
       font-weight: normal;
       font-size: 12pt;
       color: #;
       text-align: right}
td.xll {font-family: arial, sans-serif;
        font-weight: normal;
        font-size: 16pt;
        color: #;
        text-align: left}
td.xlc {font-family: arial, sans-serif;
        font-weight: normal;
        font-size: 16pt;
        color: #;
        text-align: center}
td.xlr {font-family: arial, sans-serif;
        font-weight: normal;
        font-size: 16pt;
        color: #;
        text-align: right}
a:link {color: #000000}
a:active {color: #000000}
a:visited {color: #000000}
a.darkgray:link {color: #222222}
a.darkgray:active {color: #222222}
a.darkgray:visited {color: #222222}
a.gray:link {color: #444444; font-style: normal}
a.gray:active {color: #444444}
a.gray:visited {color: #444444}
a.white:link {color: #ffffff}
a.white:active {color: #ffffff}
a.white:visited {color: #ffffff}
a.red:link {color: #ff0000}
a.red:active {color: #ff0000}
a.red:visited {color: #ff0000}