*{
  box-sizing: border-box;
}

html{
  margin: 0;
  padding: 0;
  font-size: 16pt;
  line-height: 1.5;
}

body{
  max-width: 800px;
  width: 100%;
  margin: 0 auto;
  background-color: #141414;
  font-family: "Arial", san-serif;
  color: #f0f0f0;
}

h1, h2, h3, h4, h5, h6{
  font-family: "Times New Roman", serif;
  line-height: 1.25;
}

a{
  color: #6f9;
}

a:visited{
  color: #084;
}

a:hover, a:focus{
  background-color: #ff9;
  color: darkred;
}

a:focus{
  outline: 4px solid darkred;
}

#banner{
  text-align: center;
  margin-top: 1em;
}

.dirList table{
  white-space: pre;
}

.siteName{
  font-size: 2;
  font-family: "Courier New", monospace;
  font-weight: bolder;
}

.mainTable{
  width: 100%;
  border: 1px solid #eee;
  text-align: left;
}

.mainTable th, .mainTable td{
  border: 1px solid #eee;
}