body {
  font-family: "Droid Serif", "Palatino Linotype", serif;
  font-size: medium;
  line-height: 1.4em;
  background: #005500;
}
body#black {
  background: #000000;
}
body#green {
  background: #005500;
}
body#red {
  background: #550000;
}
body#blue {
  background: #000055;
}
body#yellow {
  background: #555500;
}
body#purple {
  background: #550055;
}
body#cyan {
  background: #005555;
}
body#grey {
  background: #555555;
}

a {
  color: #005500;
}
table.map {
  color: #FFFFFF;
  margin-left:6px;
  margin-right:6px;
  margin-top:6px;
  margin-bottom:6px;
  padding:12px;

  a {
    color: #FFFFFF;
    text-decoration: none;
  }
  a:visited {
    color: #55AAFF;
  }
  a:hover {
    color: #000000;
  }
  td {
    margin: 5px;
    padding-left: 4px;
    padding-right: 4px;
    border: 2px solid #00000;
    border-radius: 4px;
    background: #000000;
    text-align: center;
  }
  td.black {
    background: #000000;
    color: #FFFFFF;
    a {
      padding:8px;
      color: #FFFFFF;
      text-decoration: none;
      white-space:nowrap;
    }
    a:visited {
      color: #FFFFFF;
    }
    a:hover {
      color: #AAFFFF;
    }
  }
  td.green {
    background: #00AA00;
    color: #FFFFFF;
    a {
      padding:8px;
      color: #FFFFFF;
      text-decoration: none;
      white-space:nowrap;
    }
    a:visited {
      color: #FFFFFF;
    }
    a:hover {
      color: #AAFFFF;
    }
  }
  td.red {
    background: #AA0000;
    color: #FFFFFF;
    a {
      padding:8px;
      color: #FFFFFF;
      text-decoration: none;
      white-space:nowrap;
    }
    a:visited {
      color: #FFFFFF;
    }
    a:hover {
      color: #AAFFFF;
    }
  }
  td.blue {
    background: #0000AA;
    color: #FFFFFF;
    a {
      padding:8px;
      color: #FFFFFF;
      text-decoration: none;
      white-space:nowrap;
    }
    a:visited {
      color: #FFFFFF;
    }
    a:hover {
      color: #AAFFFF;
    }
  }
  td.yellow {
    background: #AAAA00;
    color: #FFFFFF;
    a {
      padding:8px;
      color: #FFFFFF;
      text-decoration: none;
      white-space:nowrap;
    }
    a:visited {
      color: #FFFFFF;
    }
    a:hover {
      color: #AAFFFF;
    }
  }
  td.purple {
    background: #AA00AA;
    color: #FFFFFF;
    a {
      padding:8px;
      color: #FFFFFF;
      text-decoration: none;
      white-space:nowrap;
    }
    a:visited {
      color: #FFFFFF;
    }
    a:hover {
      color: #AAFFFF;
    }
  }
  td.cyan {
    background: #00AAAA;
    color: #FFFFFF;
    a {
      padding:8px;
      color: #FFFFFF;
      text-decoration: none;
      white-space:nowrap;
    }
    a:visited {
      color: #FFFFFF;
    }
    a:hover {
      color: #AAFFFF;
    }
  }
  td.grey {
    background: #AAAAAA;
    color: #FFFFFF;
    a {
      padding:8px;
      color: #FFFFFF;
      text-decoration: none;
      white-space:nowrap;
    }
    a:visited {
      color: #FFFFFF;
    }
    a:hover {
      color: #AAFFFF;
    }
  }
  td:hover{
    background: #AAAAAA;
  }

  img {
    margin-top: 8px;
    margin-bottom: 8px;
    margin-left: auto;
    margin-right: auto;
    display: block;
    max-width: 640px;
  }

  border: 2px solid #55aa00;
  border-radius: 25px;
  background: #aaffaa;
}
div#menu {
  margin-left:12px;
  margin-right:12px;
  margin-top:6px;
  margin-bottom:6px;
  padding:12px;
  padding-left:24px;
  padding-right:24px;

  border: 2px solid #00aaaa;
  border-radius: 25px;
  background: #aaffff;
}