BODY {
   font-family: sans-serif;
   font-size: 1em;
}

TABLE.main {
   width: 60%;
   margin: auto;
}

TABLE.calendar {
   width: 250px;
   border: #888888 1px solid;
   border-collapse: collapse;
}

TABLE.calendar TH{
   background-color: #e2e2c7;
}

TABLE.calendar TD{
   border: #888888 1px solid;
   border-collapse: collapse;
   background-color: #ffffff;
   padding: 5px;
   font-size: .8em;
}

TABLE.calendar TD.dayname{
   font-weight: bold;
}

TABLE.calendar TD.offsetday{
   background-color: #e2e2c7;
}

TABLE.calendar TD.activeday{
   font-weight: bold;
   background-color: #cfc;
}

TABLE.menu TD {
   font-size: 1em;
   color: #FFFFFF;   
}

TABLE.events {
   width: 100%;
}

TABLE.events TH {
   text-align: left;
   font-size: 1.4em;
   color: #FFCC66;
   border-bottom: #FFCC66 2px solid;
}

TABLE.events TD {
   font-size: 1em;
   color: #FFFFFF;   
}

TABLE.events TD.event_daybox {
   width: 15%;
   padding-right: 1.0em;
   font-size: 2.0em;      
   vertical-align: top;
   font-weight: bold;
   text-align: right;
   color: #FFCC66;   
}

TABLE.events TD.event_details {
   padding: 0px 0px 10px 0px;
   border-bottom: #FFCC66 2px solid
}

TABLE.events A.event_title {
   font-weight: bold;
   font-size: 1em;
   color: #FFFFFF;
}

TABLE.events A.event_field {
   font-weight: bold;
   color: #F0F0F0;
}

INPUT.edit_button {
   border: #888888 1px solid;
   font-size: 1em;
   font-family: sans-serif;   
}

table.menu input {
   border: #888888 1px solid;
   background-color: #e2e2c7;
   width: 100%;
   font-size: 1em;
   font-family: sans-serif;   
}

input.button {
   border: #888888 1px solid;
   background-color: #e2e2c7;
   font-size: 1em;
   font-family: sans-serif;   
}

TABLE.menu SELECT {
   border: #888888 1px solid;
   background-color: #e2e2c7;
   width: 200px;
   font-size: 1em;
   font-family: sans-serif;
}