table.calSmall {
    background-color: #FFFFFF;
    border: 1px solid black;
    width: 160px;
    text-align: center;
    vertical-align: top;
    margin: 0px 0px 5px 0px;
    padding: 0px;
}

tr.calSmallHeader {
    background-color: black;
    color: yellow;
    font-size: 10pt;
    font-weight: bold;
	text-align: center;
	vertical-align: middle;
}

tr.calSmallDayNames {
    line-height: 11pt;
	background-color: #F0F000;
	text-align: center;
	vertical-align: middle;
    font-family: Geneva, Verdana, Arial, sans-serif; 
	font-size: 10px; 
	font-weight: Bold; 
	color: black;
	padding: 2px;
}

td.calSmallDay {
	font-family: Arial, Geneva, Verdana, sans-serif;
	font-size: 10px;
	background-color: lightgrey;
	color: black;
	text-align: center;
	vertical-align: middle;
    padding: 2px;
    margin: 0px;
}

div.calBig {
    width: 330px;
    padding: 0px;
    margin: 0px 5px 0px 0px;
    border: 0px;
    color: Black;
    float: left;
}
div.calBigHead {
    width: 320px;
    padding: 2px 5px;
    margin: 0px;
    background-color: black;
    color: yellow;
    font-size: 12pt;
    font-weight: bold;
    text-align: center;
}
div.calBigBody {
    width: 318px;
    padding: 5px;
    margin: 0px 0px 5px 0px;
    vertical-align: top;
    border: 1px solid black;
    background-color: #760000;
    color: white; 
    font-size: 9pt;
    font-weight: normal;
}

table.calBig {
    background-color: #FFFFFF;
    border: 1px solid black;
    width: 330px;
    text-align: center;
    vertical-align: top;
    margin: 0px 0px 5px 0px;
    padding: 0px;
}

tr.calBigDayNames {
    line-height: 35px;
	background-color: #F0F000;
	text-align: center;
	vertical-align: middle;
    font-family: Geneva, Verdana, Arial, sans-serif; 
	font-size: 14px; 
	font-weight: Bold; 
	color: black;
	padding: 2px;
}

td.calBigDay {
    line-height: 35px;
	font-family: Arial, Geneva, Verdana, sans-serif;
	font-size: 13px;
	font-weight: bold;
	background-color: lightgrey;
	color: black;
	text-align: center;
	vertical-align: middle;
    padding: 2px;
    margin: 0px;
}

div.calFloatName {
    background-color: Yellow;
    color: Black;
    font-size: 10pt;
}

div.calFloatTimes {
    color: Black;
}

div.calFloatTeams {
    color: Black;
}

div.calFloatVenue {
    color: Black;
}

div.calFloatDesc {
    color: Black;
}

div.calEvent {
    background-color: #760000;
    width: 320px;
    padding: 0px;
    margin: 0px;
    border: 1px solid black;
    color: Black;
    float: left;
}
div.calEventHead {
    line-height: 24px;
    width: 310px;
    padding: 2px 5px;
    margin: 0px;
    background-color: black;
    color: yellow;
    font-size: 12pt;
    font-weight: bold;
    text-align: left;
}
div.calEventBody {
    width: 308px;
    padding: 5px;
    margin: 0px 0px 5px 0px;
    vertical-align: top;
    border: 1px solid black;
    background-color: #760000;
    color: white; 
    font-size: 9pt;
    font-weight: normal;
}
div.calEventName {
    color: Yellow;
    font-size: 10pt;
    font-weight: bold;
    margin: 0px;
    padding: 5px 5px 0px 5px;
}
div.calEventTimes {
    color: White;
    font-size: 9pt;
    font-weight: normal;
    padding: 0px 5px 0px 5px;
}

div.calEventTeams {
    color: White;
    font-size: 9pt;
    font-weight: normal;
    padding: 0px 5px 0px 5px;
}

div.calEventVenue {
    color: White;
    font-size: 9pt;
    font-weight: normal;
    padding: 0px 5px 0px 5px;
}

div.calEventDesc {
    color: White;
    font-size: 9pt;
    font-weight: normal;
    padding: 0px 5px 0px 5px;
}