body { padding-top: 8px; background-color: #C0C0C0; } #calendarheader { font-size: 26px; font-weight: bold; padding: 10px; vertical-align: middle; } h3, h4 { font-size: 16px; font-weight: bold; padding: 0px; margin: 0px; } h3 { padding: 10px; } p { padding: 10px; } .floatleft { float: left; } .floatright { float: right; } #page { width: 830px; border: 5px outset #FFD527; margin: auto; padding: 5px; } #header { background-color: #004A8B; height: 55px; padding: 10px; } #footer { height: 55px; padding: 10px; text-align: center; clear: both; } #content { background-color: white; } .clear { clear: both; } #sidebar { background-color: gold; float: left; width: 190px; valign: top; padding: 7px; margin-right: 10px; } #main { background-color: white; } #sidebar ul { margin-top: 0px; margin-left: 0px; list-style: none; padding-left: 1em; text-indent: -1em; } #sidebar ul li:before { content: "-"; } #sidebar ul li { font-size: 13px; font-weight: bold; } #upcoming { text-align: center; } table { border-collapse: collapse; } th { border-top: 3px solid black; border-bottom: 3px solid black; border-left: 1px solid black; border-right: 1px solid black; font-weight: bold; text-align: center; } td { padding: 3px; border: 1px solid black; } .january, .july { background-color: #ADD8E6; } .february, .august { background-color: #90EE90; } .march, .september { background-color: #F0E68C; } .april, .october { background-color: #FFB6C1; } .may, .november { background-color: #C0FF3E; } .june, .december { background-color: #C1FFC1; }