body {
	width: 100%;
	margin:2px 2px 2px 2px;
	background-color: #ffffcc;
	color: #000000;
	font: Verdana, Geneva, Arial, Helvetica, sans-serif;
}

h1, h2 {
  color: #0066dd;
  text-align: center;
  padding: 6px;
  font: Verdana, Geneva, Arial, Helvetica, sans-serif;
}

p {
  font-size: medium;
  font: Verdana, Geneva, Arial, Helvetica, sans-serif;
  }

.clmonth h2 {
    font-size: 200%;
	font-weight: bold;
	}

.clmonth {
	font: Verdana, Geneva, Arial, Helvetica, sans-serif;
	border-collapse: collapse;
	width: 95%;
	border: 2px solid #4682B4;
}

.clmonth tr {
	border: 2px solid #4682B4;
}

.clmonth th {
	text-align: center;
	border: 1px solid #AAAAAA;
	border-bottom: none;
	padding: 4px 8px 4px 8px;
	background-color: #ffff80;
	font: bold smallest Verdana, Geneva, Arial, Helvetica, sans-serif;
	width: 13%;
	border: 2px solid #4682B4;
}

.clmonth td {
	border: 1px solid #EAEAEA;
	font: 60% Verdana, Geneva, Arial, Helvetica, sans-serif;
	padding: 2px 4px 2px 4px;
	vertical-align: top;
	border-collapse: collapse;
	text-align: left;
}
.clmonth td.previous, .clmonth td.next {
	background-color: #ffffff;
	color: #bbbbbb;
}
.clmonth td.active {
	background-color: #80ffff;
	color: #2B5070;
	border: 2px solid #4682B4;
}
.clmonth td.closed{
	background-color: #dddddd;
	color: #2B5070;
	border: 2px solid #4682B4;
}
.clmonth td.title{
    background-color: #ffffcc;
	color: #000000;
	text-align: center;
}

.clmonth ul {
	list-style-type: none;
	margin: 0;
	padding-left: 12px;
	padding-right: 6px;
}
.clmonth li {
	margin-bottom: 8px;
}