div#map {
  height: 162px;
  width: 132px;
  background-color: #000000;
  color: white;
  font-size: x-small;
}
div#map1 {
  background-color: #FFDDDD;
  width: 32%;
  float: left;
}
div#map2 {
  background-color: #DDDDDD;
  width: 34%;
  float: left;
}
div#map3 {
  background-color: #DDDDFF;
  width: 32%;
  float: left;
}
div#map1a {
  background-color: #BFDDDD;
  height: 31%;
}
div#map1b {
  background-color: #9FDDDD;
  height: 31%;
}
div#map1c {
  background-color: #7FDDDD;
  height: 31%;
}
div#map2a {
  background-color: #DDBFDD;
  height: 31%;
}
div#map2b {
  background-color: #DD9FDD;
  height: 31%;
}
div#map2c {
  background-color: #DD7FDD;
  height: 31%;
}
div#map3a {
  background-color: #DDDDBF;
  height: 31%;
}
div#map3b {
  background-color: #DDDD9F;
  height: 31%;
}
div#map3c {
  background-color: #DDDD7F;
  height: 31%;
}