#calendar{border-width: 1px; border-color:#330033; font-size: 9px;}
/**** month and year header at top of calendar ****/
#date_header { font-size:16px; font-weight:bold; color: #330033;}

/**** color and size of calendar cells.  ****/
#calendar th { background:#330033; color: #ffffff; font-size:14px; font-weight: bold; text-align: center;}
#calendar td.day_cell { background-color:#FFFFFF; height: 80px; width: 84px; vertical-align: top; border: 1px solid #330033; border-width: 0 1px 1px 0; padding: 1px;}
#calendar td.today_cell	{ background-color:#DAD1DA; height: 80px; width: 84px; vertical-align: top; border: 1px solid #330033; border-width: 0 1px 1px 0; padding: 1px;}
#calendar td.empty	{ background-color:#ECE8EC; height: 80px; width: 84px;}

/**** day number in upper left corner of each cell ****/
.day_number	{ font-size:11px; font-weight:bold; color:#330033; text-align: left;}

/**** title_txt is the text for each post on main page ****/
.title_txt	{ font-size:10px; color:#330033; display: block; text-align: center;}
.title_txt a { color:#330033; text-decoration: underline; display: block;}
.title_txt a:visited {color: #330033;}
.title_txt a:hover {color: #FFFFFF; background: #856685;}


/**** time line under title text when event time given ****/
.time_str { font-size:9px; text-align: center; display: block; color: #856685;}

/**** column headers or days of the week ****/
.column_header { background-color:#330033; font-size:12px; color:#FFFFFF; font-weight:bold;}

/**** footprint text ****/
.footprint { font-size:10px; color:#B5A2B5; font-weight:bold; text-align: center;}
.footprint a { font-size:10px; color:#A28BA2; font-weight:bold; }
.gobutton {background: #330033; color: #ffffff; width: 40px; padding: 0; vertical-align: baseline;}

#calendar_header {height: 40px; padding: .5em 1em 0 1em; vertical-align: middle;}
form#monthYear {float: left; vertical-align: bottom;}
#date_header {float: right;}