.main {
width:200px;
height:158px;
border:1px solid black;
}

.month {
height:18px;
background-color:#330066;
font:bold 12px verdana;
color:white;
}

.daysofweek {
background-color:gray;
font:bold 12px verdana;
color:white;
}

.days {
font-size: 12px;
font-family:verdana;
color:black;
background-color: lightyellow;
padding: 2px;
}

.events {
font-size: 12px;
font-family:verdana;
background-color: lightgreen;
onclick:background-color:yellow;
padding: 2px;
border-color:purple;

}


.eventsf {
font-size:12px;
font-family:verdana;
font-weight:bold;
background-color:yellow;
color:black;
padding:2px;
border-color:purple;
}

.eventsToday {
font-size: 12px;
font-family:verdana;
padding: 2px;
border-color: purple;
background-color:lightgreen; 
font-weight:bold;
color:red;
}
.eventsfToday {
font-size:12px;
font-family:verdana;
font-weight:bold;
background-color:yellow; 
padding:2px;
border-color:purple;
color:red;
}

.today {
font-size:12px;
font-family:verdana;
font-weight:bold;
padding:2px;
color:red;
background-color: lightyellow;
}


.eventText{
width:100%;
height:100%;
border:1px solid black;
overflow-y:auto;
overflow-x:hidden;
padding:0px;
margin:0px;
border:0px;
}

a.headerLink:link {color: white; font-size:12px; font-weight:bold; text-decoration: none; }
a.headerLink:visited {color: white; font-size:12px; font-weight: bold; text-decoration: none; }
a.headerLink:hover {color: orange; font-size:12px; font-weight: bold; text-decoration: none; }
a.headerLink:active {color: white; font-size:12px; font-weight: bold; text-decoration: none; }

a.dayLink:link {color: black; font-size:12px; font-weight: bold; text-decoration: none; }
a.dayLink:visited {color: black; font-size:12px; font-weight: bold; text-decoration: none; }
a.dayLink:hover {color: red; font-size:12px; font-weight: bold; text-decoration: none; }
a.dayLink:active {color: black; font-size:12px; font-weight: bold; text-decoration: none; }

a.dayLinkToday:link {color:red; font-size:12px; font-weight:bold; text-decoration:none; }
a.dayLinkToday:visited {color:red; font-size:12px; font-weight:bold; text-decoration:none; }
a.dayLinkToday:hover {color:orange; font-size:12px; font-weight:bold; text-decoration:none; }
a.dayLinkToday:active {color:red; font-size:12px; font-weight:bold; text-decoration:none; }