#maincalendararea {
	width: 860px;
	height: auto;
	min-height: 600px;
	padding: 20px 20px 0px 20px;
	background-color: #fff;
	text-align: center;
}

h1 {
	font: 18px/18px "Trebuchet MS", Helvetica, Arial, Verdana, sans-serif;
	color: #003767;
	margin-bottom: 20px;
}

/* @group Cateogory colors */

.s21 {background-color: #d7e8f7;
	font-weight: bold;
}
.s23 {background-color: #d7e8f7;
	font-weight: bold;
}
.s22 {background-color: #d7e8f7;
	font-weight: bold;
}
.s25 {background-color: #d7e8f7;
	font-weight: bold;
}
.s26 {background-color: #d7e8f7;
	font-weight: bold;
}
.s27 {background-color: #d7e8f7;
	font-weight: bold;
}
.s28 {background-color: #d7e8f7;
	font-weight: bold;
}
.s29 {background-color: #d7e8f7;
	font-weight: bold;
}
.s24 {background-color: #d7e8f7;
	font-weight: bold;
}
.s29999 {background-color: #d7e8f7;
	font-weight: bold;
}
</style>

/* @end */

/* @group TOC styles */

.navTableTextTOC {
    font-family: Geneva, Verdana, Arial, sans-serif; 
	font-size: 9px; 
	font-weight: Normal;
	text-decoration: none;
	color: #003366;
	}

/* Month and Year Row Setup */
.monthYearRowTOC {
    height: 32px;
	background-color: #FEFFFE;
	text-align: left;
	vertical-align: middle;
    margin: 0px;
    padding: 6px;
	}

/* Month and Year Text Setup */
.monthYearTextTOC {
	font-family: Geneva, Verdana, Arial, sans-serif;
	font-size: 18px;
	font-weight: Bold;
	color: #355881;
	}

/* Day Names Row Setup */
.dayNamesRowTOC {
    height: 20px;
	background-color: #455678;
	text-align: center;
	vertical-align: middle;
	}

/* Day Name Setup */
.dayNamesTextTOC {
    font-family: Geneva, Verdana, Arial, sans-serif; 
	font-size: 10px; 
	font-weight: Bold; 
	color: #FFFFFF;
	}

/* Alignments, Font Face, Size and Color for Date Numbers and Row Height */
.rowsTOC {
	font-family: Arial, Geneva, Verdana, sans-serif;
	font-size: 10px;
	color: #433D27;
	text-align: left;
	vertical-align: top;
	height: 88px;
	}

/* Color of Today's Date */
.todayTOC {
	font-family: Geneva, Verdana, Arial, sans-serif;
	font-size: 11px;
	font-weight: Bold; 
	color: #FFFF00;
	background-color: #31528E;
	text-align: left;
	vertical-align: top;
    padding: 2px;
    margin: 0px;
	}

.titleTOC {
	text-overflow:ellipsis;
	overflow:hidden;
	white-space:nowrap;
    padding: 1px;
    margin: 0px;
    }

.daynumTOC {
	font-family: Geneva, Verdana, Arial, sans-serif;
	font-size: 11px;
	font-weight: Bold; 
	color: #FBFCEF;
	background-color: #A2A3AE;
	text-align: left;
	vertical-align: top;
    padding: 2px;
    margin: 0px;
	}

.mainTableTOC {
	background-color: #FFFFFF;
	border: 1px solid #BBBBBB;
	width: 705px;
	table-layout: fixed;
 }

.sOtherTOC {
    background-color: #EEEEEE;
	font-family: Geneva, Verdana, Arial, sans-serif;
	font-size: 10px;
	color: #BBBBBB;
	vertical-align: top;
	}
.s20TOC {
	background-color: #F7F7F7;
	height: 88px;
	vertical-align: top;
	}
.s20TOC0 {
	background-color: #D4D4D4;
	height: 88px;
	vertical-align: top;
	}



/* @end */

/* @group Calendar Styles */

/* Main Table Setup Incluidng Date Number Fonts, Size and Color */

.mainTable {
	width: 175px;
	margin: 30px 10px 35px 10px;
	border: 0px;
	padding-bottom: 1px;
	background: #eef4fa url(images/calbottom.jpg) no-repeat center bottom;
}

.navTable {
	background-color: #FFFFFF;
	border: 0px solid #FFFFFF;
	width: 175px;
 }

 


#showCat {
	color: #003767;
	font: 12px/30px "Trebuchet MS", Arial, Helvetica, Verdana, sans-serif;	
	padding: 5px;
	border: 0px;
	background: #eef4fa url(../images/leftnavdiv.gif) no-repeat bottom;	
}

#FilterForm input {
	color: #516270;
	font: 12px/19px Helvetica, Arial, Verdana, Geneva, sans-serif;
	padding: 2px;
	border-style: dotted;
	border-color: #8dc63f;
	border-width: 0 0 2px 0;
}

.formElements {
	font-family: Helvetica, sans-serif;
	font-size: 10px;
}
.formButtons {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
}

.navTableText {
	font-family: Helvetica, Arial, Verdana, Geneva, sans-serif;
	font-size: 40px; 
	font-weight: Normal;
} 

.navTableText a {
    color: #003767;
	text-decoration: none;
}

.navTableText a:hover {
	color: #2179a3;
	text-decoration: underline;
}

/* Month and Year Row Setup */
.monthYearRow {
	height: 24px;
	padding-top: 1px;
	background: #d6e8b7 url("images/monthbg.jpg");
    line-height: 17pt;
	text-align: center;
	vertical-align: middle;
	}

/* Month and Year Text Setup */
.monthYearText {
	font: bold 12px/18px Helvetica, Arial, Verdana, "Sans Serif";
	color: #416e38;
}

/* Day Names Row Setup */
.dayNamesRow {
	text-align: center;
	vertical-align: middle;
	padding-bottom: 1px;
	font: normal 12px Helvetica, Arial, Verdana, "Sans Serif";
	background: #d6e8b7 url(images/caldaysbottom.jpg) no-repeat center bottom;
}

/* Day Name Setup */
.dayNamesText {
	font-family: 12px Helvetica, Arial, Verdana, "Sans Serif";
	color: #416e38;
	font-weight: normal;
	font-style: normal;
}

/* Alignments, Font Face, Size and Color for Date Numbers and Row Height */
.rows {
	font-family: 12px Helvetica, Arial, Verdana, "Sans Serif";
	color: #516270;
	text-align: center;
	vertical-align: middle;
	background-color: transparent;
}

/* Color of Today's Date */
.today {
	color: #516270;
}

.hoverdiv {
	color: #516270;	
	font: 12px/19px Helvetica, Arial, Verdana, Geneva, sans-serif;
}

/* Pop-up Events Setup */
.popupDate {
	color: #55a51c;
	font: 12px "Trebuchet MS", Arial, Helvetica, Verdana, sans-serif;
	text-transform: uppercase;
	margin: 0px;
	padding: 3px 3px 0 3px;
	background-color: #fff;
	}

.popupEventTitle {
	font: 13px/16px "Trebuchet MS", Arial, Helvetica, Verdana, sans-serif;
	color: #2179a3;
	margin: 0px;
	padding: 0 3px 15px 3px;
	background: #fff url(images/eventbar.jpg) no-repeat center bottom;
}

.popupEventTime {
	font: 12px Helvetica, Arial, Verdana, "Sans Serif";
	color: #416e38;
	background-color: #fff;
	padding: 2px;
	margin: 0px;
	border: 0;
}

.popupEventDescription {
	color: #516270;
	font: 12px/19px Helvetica, Arial, Verdana, Geneva, sans-serif;
	border: 0px;
	padding: 5px 2px 5px 2px;
	margin: 0;
	background-color: #fff;	
}


.popupEventDate {
	font: 12px Helvetica, Arial, Verdana, "Sans Serif";
	color: #416e38;
	background: #fff;
	padding: 2px 3px 5px 3px;
	border: 0px;
	margin: 0px;
	text-align: left;
}

.popupEnd {
    font-family: Geneva, Verdana, Arial, sans-serif; 
	font-size: 1px; 
	height: 0px;
	border: 0px;
	margin: 0px;
	background-color: #fff;
}

.popupClose {
	color: #516270;
	text-align: right;
	background-color: #fff;
	padding-right: 5px;
	font: bold 13px/16px "Trebuchet MS", Arial, Helvetica, Verdana, sans-serif;
}

.popupClose a {
	text-decoration: underline;
}

.popupCloseBrackets {
    font-family: Geneva, Verdana, Arial, sans-serif; 
	font-size: 10px; 
	color: #000000;
	text-align: right;
	background-color: #fff;
	}
/*
---------------------------------------------------------------------------
The classes below determine how the calendar background markings will look.
---------------------------------------------------------------------------

/* Normal Cell Background (date number with no event markings) */
.s2 {
	background-color: transparent;	
	}
/* Empty Cell Background (empty cells with no date numbers) */
.s20 {
	background-color: transparent;	
	}

/* Show dates from other months */
.sOther {
	background-color: transparent;	
	}
/* Weekend Cell Background (date number with no event markings) */
.s200 {
	background-color: transparent;	
	}


.categoryName {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: bold;
	color: #666666;
}
.categorySelection {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: normal;
	color: #777777;
}
.categoryDiv {
	background-color: #FCF5EF;
}



/* @end */

/* @group Modern template */

.tableListings {
	width: 245px;
	border: 0px;
	margin: 0px;
	padding: 0px;
}
.newDate {
	color: #55a51c;
	font: 11px "Trebuchet MS", Arial, Helvetica, Verdana, sans-serif;
	text-transform: uppercase;
	margin: 0px;
	padding: 0 0 3px 0;
}

.newTitle {
	font: 12px/16px "Trebuchet MS", Arial, Helvetica, Verdana, sans-serif;
	color: #2179a3;
	margin: 0px;
	padding: 0 0 18px 0;
}

.popupEventDescription p {
	margin-bottom: 10px;
}

.popupEventDescription a {
	color: #2179a3;
	text-decoration: underline;
}

.popupEventDescription a:hover {
	color: #55a51c;	
	}
/* @end */