body
{ background-color: #fdeed9; }

#container
{ width: 665px; }

/* Calendar Styles (left side) */
#calendar 
{ width: 360px; background-color: #fff; float: left; }

#calenderhead
{ width: 100%; }

#calendar_table
{ width: 100%; border-spacing: 1px; }

#calendar_table td
{ padding: 3px; height: 49px; width: 75px; vertical-align: top; }

#calendar_table td div div:hover
{ color: #FF0000; }

#calendar_table td .eventcount
{ width: 100%; text-align: center; cursor: pointer; }

#calendar_table_week_row
{ text-transform: uppercase; text-align: center; font-size: 10px; color: #999999; font-family: Verdana,Arial,Helvetica,sans-serif; }
   
#calendar_table_week_row td 
{ border: none; padding: 0px; margin: 0px; height: 15px; }

.futuredate, .pastdate
{ font-size: 10px; border: 1px solid #669999; color: #669999; }

.today
{ font-size: 10px; border: 1px solid #FF6633; color: #FF6633; }

.nonmonth
{ border: 1px solid #999999; }

.curmonth
{ cursor: pointer; }

.monthcontrol
{ float: left; width: 10%; cursor: pointer; text-align: center; padding: 3px; 0px; }

#monthhead
{ font-family: "Times New Roman",Times,serif; font-variant: small-caps; color: #FF6633; letter-spacing: 5px; float: left; width: 76%; height: 30px; text-align: center; 	font-size: 24px; }

/* Event Styles (Right Side) */
#event_details
{ width: 280px; height: 400px; padding-left: 10px; float: right; text-align: center; overflow: auto; }

#event_header
{ font-family: Verdana, Arial, Helvetica, sans-serif; color: #FF6633; }

#event_header_date
{ font-variant: small-caps; }

.event_item
{ font-size: 12px; padding: 8px 4px; text-align: left; color: #b48b74; }

.event_name, a
{ color: #b48b74; cursor: pointer; text-decoration: none; }