body { 
  color: black;
  background-color: #eee;
  font-family: Arial, sans-serif;
  margin: 0;
  padding: 0;
}
div#hdA { 
  position: absolute;
  top: 145px;
  left: 0;
  right: 0;
}
div#main { 
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 145px;
  overflow: scroll;
  padding: 30px;
}
div#content { 
  display: inline-block;
}
div#foot { 
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  color: white;
  background-color: #3874b5;
  vertical-align: top;
  z-index: 1;
}
div#ftA, div#hdA { 
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
}
div#ftE, div#hdE, div#ftL, div#hdg, div#ftM, div#ftR, div.ftS { 
  -webkit-box-ordinal-group: 1;
  -webkit-box-flex: 1;
  z-index: 2;
  float: left;
  padding: 30px 0;
}
div#ftE, div#hdE { 
  max-width: 145px;
  min-width: 0;
  flex: 1 0;
}
div#hdg {
  min-width: 30em;
  flex: 104px 0; 
  padding: 30px;
  background-color: #817c74;
  color: white;
  box-shadow: 5px 5px 10px 0px rgba(0, 0, 0, 0.33);
  overflow: hidden;
}
div#ftL {
  min-width: 104px;
  margin-left: 30px;
  flex: 104px 0; 
}
div#ftM { 
  min-width: 8em;
  flex: 18em 0;
  padding-left: 4em;
}
div#ftR {
  min-width: 8em;
  flex: 32em 0; 
  padding-left: 1em;
}
div.ftS { 
  min-width: 0;
  max-width: 30px;
  flex: 30px 0;
}
table {
  border-collapse: collapse;
  border: none;
}
th, td { 
  padding: 0 30px 0 0;
  vertical-align: top;
  max-height: 4em;
}
td { 
  min-width: 22em; 
}
img { 
  padding: 0;
  margin: 0;
  border-style: none;
  border: 0;
}
h1, h2, h3 { 
  font-weight: normal;
  padding: 0 0 5px 0;
  margin: 0;
}
h1 { 
  font-size: 300%;
}
h2 { 
  font-size: 200%;
}
h3 { 
  padding-top: 1em;
  font-size: 150%;
}
a, p { 
  padding: 0;
  margin: 0;
}
a { 
  color: white;
  text-decoration: none;
}
a:hover { 
  color: #f1d023;
}
a#logout {
  text-decoration: underline;
}
a#people { 
  color: white;
}
a#people:hover { 
  color: #f1d023;
}
.enh {  
  color: #ddd;
}
.ser { 
  font-family: Georgia, serif;
}
.addr { 
  font-size: 90%;
}