body {
  font-family: Arial, Helvetica, Geneva, Swiss, sans-serif;
  font-size: 1em;
  font-size: 200%;
  color: black;
  background: white;
}

.menubar {
  text-align: center;
  width: auto;
  margin: 0 auto;
}

.menubutton {
  color: black;			/* avoid blue */
  background: #bebccd;		/* slateblue s=8% */
  text-decoration: none;	/* disable underline */
  text-align: center;
  width: 7em;
  height: 1.5em;
  line-height: 1.5em;		/* center vertically */
  border: 1px solid white;
  border-bottom: 10px solid white;
  display: inline-block;
}
.menubutton:hover {
  background: #dedccd;		/* light slateblue */
}

.maincontent {
  line-height: 1.1em;
}

#table1 {
  border-collapse: collapse;
  margin: 0 auto;		/* center table */
  text-align: center;
}
#table1 th {
  color: white;
  background-color: #6a5acd;	/* slateblue s=56% */
  font-size: 1.1em;
  text-align: center;
  border: 1px solid #6a5acd;	/* slateblue */
  padding: 5px 10px 4px 10px;	/* top right bottom left */
}
#table1 td {
  border: 1px solid #6a5acd;	/* slateblue */
  padding: 3px 10px 2px 10px;	/* top right bottom left */
}

.tbl_dat {
  text-decoration: none;	/* disable underline */
}

input[type=text], input[type=password] {
  font-size: 100%;
}

input[type=submit], button {
  width: 3em;
  height: 2em;
  font-size: 100%;
}

input[type=submit][value=Login] {
  width: 6em;
}