.month {
  width: 96%;
  border: solid #FFF 1px;
}

.monthday, .saturday, .sunday, .today {
  border: solid #FFF 1px;
  vertical-align: top;
}

.monthname {
  text-align: center;
}

.monthnavigation {
  text-align: center;
}

.dayname {
  font-weight: bold;
  text-align: center;
  background-color: gray;
  width: 14%;
}

.eventcontent {
  width: 98%;
  font-size: 85%;
  text-align: center;
}

.classcontent {
  border: solid #FFF 2px;
}

.brown {
  border: solid #FFF 2px;
}

.red {
  border: solid #FFF 2px;
  background-color: darkred;
}

.grey {
  border: solid #FFF 2px;
  background-color: gray;
}

.black {
  border: solid #FFF 2px;
  background-color: #333;
}

.green {
  border: solid #FFF 2px;
  background-color: darkgreen;
}

.darkgrey {
  border: solid #FFF 2px;
  background-color: #333;
}

.darkblue {
  border: solid #FFF 2px;
  background-color: darkblue;
}