table.index {
    margin-left: auto;
    margin-right: auto;
    }

table.index td, table.index th {
    font-size: smaller;
    vertical-align: top;
    border: none;
    padding: 5px 5px 0px 5px;
    }

table.stateIndex  {
    width: 90%;
    font-size: smaller;
    margin-left: auto;
    margin-right: auto;
    border-collapse: collapse;
    border: none;
    }

table.stateIndex td, table.stateIndex th {
    vertical-align: top;
    padding: 5px 5px 0px 5px;
    width: 20%;
    }
table.canadaIndex  {
    width: 90%;
    font-size: smaller;
    margin-left: auto;
    margin-right: auto;
    border-collapse: collapse;
    border: none;
    }

table.canadaIndex td, table.canadaIndex th {
    vertical-align: top;
    padding: 5px 5px 0px 5px;
    width: 20%;
    }
hr {
   width: 80%;
   height: 5px;
   color: green;
   background-color: green;
   }

hr.state {
   width: 90%;
   height: 2px;
   color: green;
   background-color: green;
   }

div.nav {
   padding: 10px 2px 10px 10px;
   }

div.nav p {
   padding: 0;
   }

div.nav ul {
   padding: 0;
   }

div.nav li {
   list-style-type: none;
   }

p.maxima {
   text-align: center;
   }

.H {
   color: black;
   background-color: pink;
   padding: 0px 4px 0px 4px;
   }

.C {
   color: black;
   background-color: aqua;
   padding: 0px 4px 0px 4px;
   }

.W {
   color: black;
   background-color: lime;
   padding: 0px 4px 0px 4px;
   }

.D {
   color: black;
   background-color: #fc3;
   padding: 0px 4px 0px 4px;
   }
table.rankHolder {
       margin-left: auto;
       margin-right: auto;
              }

td.rankHolder {
              padding: 2px 25px 2px 25px;
              }

table.ranked {
       margin-left: auto;
       margin-right: auto;
       }

td.loc {
       padding-left: 10px;
       }

td.val {
       font-family: Courier, monospace;
       text-align: right;
       padding-left: 20px;
       }

ul.features {
   margin: 0px 3px 6px 20px;
   padding: 0;
   list-style: square;
   }