body {
  color: #000000;
  font-size: 90%;
}
.clmonth {
  border-collapse: collapse;
  width: 780px;
}
.clmonth caption {
  text-align: center;
  font: bold 200% Georgia, "Times New Roman", Times, Serif;
  color: maroon;
  padding-bottom: 0.4em;
}
.clmonth th {
  border: 2px solid #4682B4;
  border-bottom: none;
  padding: 0.2em 0.6em 0.2em 0.6em;
  background-color: #AFEEEE;
  color: #2B5070;
  font: 100% verdana, Geneva, Arial, Helvetica, sans-serif;
  vertical-align: top;
}
.clmonth td {
  background-color:#FFF8DC;
  border: 2px solid #4682B4;
  font: 80% Verdana, Geneva, Arial, Helvetica< sans-serif;
  padding: 0.2em 0.6em 0.2em 0.6em;
  vertical-align: top;
}
.clmonth td.previous, .clmonth td.next {
  background-color: #ccFFcc; /*pale-green;*/
  /*color: #FFF8DC;*/
  border: 2px solid #4682B4;
}
.clmonth td.active {
  background-color: #AFEEEE;
  color: #2B5070;
  border: 2px solid #4682B4;
}
.clmonth ul {
  list-style-type: none;
  margin: 0;
  padding-left: 1em;
  padding-right: 0.6em;
}
.clmonth li {
  margin-bottom: 1em;
}