table{
  background-color: #c7c397;
}

#day_cell{
  background-color: #d3cfac;
	height: 50px;
}

#event_cell{
  background-color: #ada86b;
	height: 50px;
}

.head{
  background-color: #7d752e;
}

#no_day{
  background-color: #c7c397;
}

.normal {
font-family: Verdana; 
font-size: 8pt; 
color: #000000; 
height: 20; 
padding-left: 5pt; 
} 

/* This style is used for normal days. By a normal day I mean a day that isn't today and a day that contains no events. */ 

.today {
font-family: Verdana; 
font-size: 8pt; 
color: #FFFFFF; 
background-color: #CACACA; 
height: 20; 
padding-left: 5pt; 
} 

/* This style is used to highlight the current day, making it easy to work out what the day is and how many days there are until the end of the month, etc. */ 

.selected { 
font-family: Verdana; 
font-size: 8pt; 
color: #FFFFFF; 
background-color: #C00000; 
height: 20; 
padding-left: 5pt; 
} 

/* When we click on a day to view its events, this style will highlight it in a bright red, making it stand out from the rest of the days around it. */ 

.event {
font-family: Verdana; 
font-size: 8pt; 
color: #000000; 
background-color: #C6D1DC; 
height: 20; 
padding-left: 5pt; 
}