/* div {border: 2px solid purple;} */
body {
  background-color: #996600;
  background-image: url("../graphics/537.gif");
  background-repeat: repeat;
  color: white;
}

a {
  color: #00cc00;
}

h1{
  color: white;
}

.TopSection {
  display: flex;
  flex-flow: column nowrap;
  align-items: center;
}

.TopRow {
  display:flex;
  flex-flow: row nowrap;
  width: 100%;
}

.TopCell {
  max-height: 200px;
  max-width: 75%;
  min-width: 25%;
  align-items: center;
  flex: auto;
}

.TopImage {
  height: 90px;
  width: 100px;
  border: 0px;
}

.DirectoryTable {
  width: 75%;
  background-color: #000000;
  border: 3px ridge white;
  display: flex;
  flex-flow: column nowrap;
  align-items: center;
}

.DirectoryRow {
  display:flex;
  flex-flow: row nowrap;
  width: 100%;

}
.DirectoryItem {
  border: 3px ridge white;
  min-height: 60px;
  max-height: 200px;
  max-width: 75%;
  min-width: 25%;
  align-items: center;
  flex: auto;
}

.TwoColumns {
  column-count: 2;
  column-width: auto;
}

.ThreeColumns {
  column-count: 3;
  column-width: auto;
}