/* CSS Document */

#calendar table {
border-collapse:collapse;}

#calendarContainer {
text-align:left;
padding:0px 0px 0px 7px; margin:10px 0px 10px 0px;}

#calendar table tr td {
border:2px solid #c3d9fe;}

#date {
width:100%;
background-color:#e8eef7;
padding:0px; margin:0px;}

#date h1 {
font-family:Verdana;
font-size:11px;
font-weight:normal;
color:#333333;
padding:2px 2px 2px 0px; margin:0px;
text-align:right;}

#month {
font-family:Verdana;
font-size:15px;
color:#333333;
font-weight:bold;}

#day {
min-height:100px;}

#day p {
font-family:Verdana;
font-size:10px;
line-height:11px;
padding:0px 2px 0px 2px; margin:3px 0px 4px 0px;}

#dayOfWeek{
font-family:Verdana;
font-size:12px;
padding:2px 0px 2px 0px; margin:0px;}

#controlLeft {
font-family:Verdana;
font-size:12px;
text-align:right;
vertical-align:middle;
padding:0px 5px 0px 5px; margin:0px;}

#controlLeft img {
padding:2px 0px 0px 0px; margin:0px;}

#controlRight {
font-family:Verdana;
font-size:12px;
text-align:left;
vertical-align:middle;
padding:0px 5px 0px 5px; margin:0px;}

#pad {
height:100px; width:100%;
background-color:#eeeeee;}

.event {
font-family:Verdana;
font-size:11px;
text-align:left;
height:18px;
padding:2px 2px 2px 2px; margin:0px;}

#leftEvent {
background-image:url(../img/calendar/leftEvent.png);
background-repeat:no-repeat;
height:18px; width:2%;
float:left;}

#rightEvent {
background-image:url(../img/calendar/rightEvent.png);
background-repeat:no-repeat;
height:18px; width:2%;
float:right;}

#eventTitle {
text-align:center;
color:#FFFFFF;
width:96%;
height:18px;
background-color:#7799bb;
float:left;}

.Vocational a{
color:#999999;
text-decoration:none;}

.Vocational a:hover, .Community a:hover, .Club a:hover, .International a:hover{
text-decoration:underline;
}

.Community a{
color:#CCCCCC;
text-decoration:none;}

.Club a{
color:GREEN;
text-decoration:none;}

.International a{
color:BLUE;
text-decoration:none;}