div.highlight-box {
 clear: left;
 margin-top: 4em;
}

table {
 border-collapse: collapse;
 width: 100%;
 margin: 0 auto;
 border: 1px solid black;
 background-color: #fafcff;
}

table col#sat,
table col#sun {
 background-color: #dadcff;
 width: 15%;
}

th, td {
 width: 14%;
 border: 1px solid black;
}

th {
 font-size: .9em;
 font-weight: bold;
 text-align: center;
}

div#content th.month-header {
 background-color: #1c3664;
 color: #ffffff;
}

div#content th.month-header h3 {
 margin: 0;
 font-size: 1.5em;
}

td {
 height: 8em;
 font-size: .85em;
}

td.blank {
 background-color: #aaacff;
}

td.today {
 background-color: #ffecea;
}

div#content td ul {
 margin-top: 0;
 margin-bottom: 0;
}

div#content td ul li {
 margin: 0;
}

div#monthlinks {
 width: 80%;
 margin: 0 auto;
}

p.previousmonth a {
 background-image: url('../images/action-icons/back.gif');
 background-repeat: no-repeat;
 background-position: 0 50%;
 padding-left: 19px;
 float: left;
 font-size: 1.2em;
}

p.nextmonth a {
 background-image: url('../images/forward-arrow.gif');
 background-repeat: no-repeat;
 background-position: 100% 50%;
 padding-right: 19px;
 float: right;
 font-size: 1.2em;
}

div#event-details {
 border: 1px solid black;
 background-color: #fafcff;
 padding: .5em;
 background-image: url('../images/highlightboxbg.gif');
 background-position: bottom left;
 background-repeat: repeat-x;
}

div#event-details h3 {
 margin-top: 0;
}

div#event-details dl {
 margin-bottom: 2em;
 overflow: hidden;
}

div#event-details dl dt {
 font-weight: bold;
 float: left;
 clear: left;
 width: 10em;
 margin-top: .5em;
}

div#event-details dl dd {
 margin-top: .5em;
 float: left;
 *float: none;
}