body, p, th, td, input, li {
  font-family: Verdana, Helvetica, Arial, sans-serif;
  font-size: 0.9em;
}
h1 {
  font-size: 1.4em;
}
h2 {
  font-size: 1.3em;
}
span.prevNext {
  font-size: 0.7em;
}
th {
  font-size: 0.7em;
}
td {
  font-size: 0.7em;
}

td.label, th.label {
  background-color: #EEEEEE;
}

th.label {
  white-space: nowrap;
  padding-left: 4px;
  padding-right: 4px;
}

td.SingerName {
  background-color: #EEEEEE;
  width: 120px;
}
td.Uncommitted,
td.No,
td.Yes,
td.Leave {
  width: 60px;
  height: 30px;
}
td.Uncommitted {
  background-color: #AAAAAA;
}
td.No {
  background-color: #FFCCCC;
}
td.Yes {
  background-color: #CCFFCC;
}
td.Leave {
  background-color: #EEEEEE;
  color: #FFFFFF;
}

.details {
  position: absolute;
  top: 0px;
  left: 0px;
  z-index: 1000;
  background-color: #FFFFDD;
  color: black;
  border: 1px solid gray;
  visibility: hidden;
  width: 120px;
  font-size: 75%;
  padding: 4px;
}

.centred {
  text-align: center;
}

#banner {
  width: 95%;
  margin: 2px;
  padding: 10px 4px;
  color: white;
  background-color: #A6B483;
}

#menu {
  width: 95%;
  margin: 2px;
  padding: 10px 4px;
  background-color: #F0F0C8;
}

#footer {
  width: 95%;
  margin: 2px;
  padding: 4px 4px;
  color: white;
  background-color: #A6B483;
}

#content {
  width: 95%;
  margin: 2px;
}

.menuItem {
  width: 100px;
  background-color: #F0F0C8;
}

.menuItem a:link { color: #666666; text-decoration: none; }
.menuItem a:visited { color: #666666; text-decoration: none; }
.menuItem a:hover { color: #FFFFFF; text-decoration: none; background-color: #A6B483; }
.menuItem a:active { color: #666666; text-decoration: none; }