h3.htr {
       margin-left: 20px;
       }
h4.htr {
       margin-left: 40px;
       
       }
table {
       text-align: center;
       border: 3px double black;
       border-collapse: collapse;
       margin-left: 60px;
       }
tr.htr {
       border: 1px solid black;
       background: #ffffff;
       }
tr.htrodd {
       border: 1px solid black;
       }
th.htr {
       padding-left: 20px;
       padding-right: 20px;
       }
td.name {
       text-align: left;
       font-weight: bold;
       border: 1px solid black;
       }
td.temp {
       text-align: center;
       font-weight: bold;
       border: 1px solid black;
        }
td.htr {
       border: 1px solid black;
       
       }
td.ox {
       background: #dd3333;
       text-align: center;
       font-weight: bold;
       border: 1px solid black;
      }
td.dull {
       background: #ffdd00;
       text-align: center;
       font-weight: bold;
       border: 1px solid black;
      }
td.bright {
       background: #fdffd0;
       text-align: center;
       font-weight: bold;
       border: 1px solid black;
      }
div.center {
       text-align: center;
       }
span.units{
       font-size: 80%;
       font-style: italic;
       font-weight: normal;
       }
span.sub {
       vertical-align: sub;
       font-size: 70%;
       }