body {background: #FFF;}
table#canvas {width: 100%;}
table#flag {width: 100%;}
table#calendar {font-family: verdana, helvetica, arial, sans-serif; font-size: 9px; width: 100%; vertical-align: top;}

/* WEEKDAY NAME STYLES */
tr#days th {width: 14%; vertical-align: top;}
table#calendar tr#days th {color: #036; background-color: #DE7; font-weight: bold; text-align: center; padding: 1px 1px; border-bottom: 1px solid; border-color: #036; border-top: 1px solid gray;}
table#calendar tr#days th.sat {color: #F00; background-color: #DE7; font-weight: bold; text-align: center; padding: 1px 1px; border-bottom: 1px solid; border-color: #036; border-top: 1px solid gray;}
table#calendar tr#days th.sun {color: #F00; background-color: #DE7; font-weight: bold; text-align: center; padding: 1px 1px; border-bottom: 1px solid; border-color: #036; border-top: 1px solid gray;}
table#calendar tr#daysbottom th {color: #036; background-color: #DE7; font-weight: bold; text-align: center; padding: 1px 1px; border-top: 1px solid #036; border-bottom: 1px solid gray;}
table#calendar tr#daysbottom th.sat {color: #F00; background-color: #DE7; font-weight: bold; text-align: center; padding: 1px 1px; border-bottom: 1px solid gray;}
table#calendar tr#daysbottom th.sun {color: #F00; background-color: #DE7; font-weight: bold; text-align: center; padding: 1px 1px; border-bottom: 1px solid gray;}
table#calendar tr#title th {background: #497AA5; color: #FFF; border: 1px solid #FFF; font-size: 120%;}
table#calendar tr#title th a:link {color: #FFF;}
table#calendar tr#title th a:hover {color: #F00;}

table#calendar td {border-left:1px solid gray; border-right:0px solid gray; border-top:0px solid gray; border-bottom:1px solid gray; vertical-align: top; height: 72px; }
table#calendar td.sun {border-left:1px solid gray; border-right:1px solid gray; border-top:0px solid gray; border-bottom:1px solid gray; vertical-align: top; height: 72px; }
table#calendar a {margin: 0; text-decoration: none;}
table#calendar a:link {color: #009; text-decoration: none;}
table#calendar a:visited {color: #009;}
table#calendar a:hover {color: #F00; text-decoration: underline;}
table#calendar td.sat, table#calendar td.sun {background: #FFF; border-right: 1px solid gray;}
table#calendar td.prev, table#calendar td.next {background: #CCC; color: #000;}
table#calendar tr#lastweek td {border-bottom: 0px none;}
table#calendar tr#firstweek td {border-top: 0px none;}
table#calendar td.holiday {background: #FFF;}


#footerbar {background: #497AA5;}
div.event {margin: 0.25em;}
div.event span {display: block;}
div.holiday {font-style: italic;}
span.time {font-weight: bold;}
span.loc {color: #660; font-style: italic;}
div.date {border-left:1px solid gray; border-right:1px solid gray; border-top:0px solid gray; border-bottom:1px solid gray; float: right; text-align: center; margin: 0; background: #F3F3F3; padding-left:0.25em; padding-right:0.25em; padding-top:0.125em; padding-bottom:0}

td.prev div.date, td.next div.date {background: transparent;}
.header {font-size: 18px;}
.symbol {font-weight: bold; color: #F00;}