/* Main calendar Table Setup Incluidng Date Number Fonts, Size and Color */
.calendarTable {
	background-color: #FFFFFF;
	border: 1px solid #003366;
	width: 560px;
 }
/* Main details page Table Setup Incluidng Date Number Fonts, Size and Color */
.detailsTable {
	background-color: #FFFFFF;
	border: 1px solid #003366;
	width: 560px;
 }


/* Main popup Table Setup Incluidng Date Number Fonts, Size and Color */
.calendarPopupTable {
	background-color: #FFFFFF;
	border: 1px solid #003366;
	width: 175px;
 }

/* Month and Year Row Setup */
.monthYearRow {
    line-height: 17pt;
	background-color: #B6CEE7;
	border: 1px solid #ACC8E3;
	text-align: center;
	vertical-align: middle;
	font-family: Geneva, Verdana, Arial, sans-serif;
	font-size: 13px;
	font-weight: Bold;
	color: #252216;
	}

/* Day Names Row Setup */
.dayNamesRow {
	line-height: 11pt;
	background-color: #F0F8FF;
	text-align: center;
	vertical-align: middle;
	font-family: Geneva, Verdana, Arial, sans-serif;
	font-size: 10px;
	font-weight: Bold;
	color: #433D27;
}

/* Alignments, Font Face, Size and Color for Date Numbers and Row Height */
.calendarRows {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #333333;
    line-height: 15pt;
	text-align: center;
	vertical-align: middle;
	}

/* Color of Today's Date */
.todaysDateColor {
	color: #CF0000;
    }


/*
---------------------------------------------------------------------------
The classes below determine how the calendar cells  will look.
---------------------------------------------------------------------------
*/

/* Normal Cell Background (date number with no event s) */
.sNormal {	
	background-color: #EEEEEE;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #333333;
    line-height: 15pt;
	}
/* Empty Cell Background (empty cells with no calendar date numbers) */
.sEmpty {	
	background-color: #EBEBEB;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #333333;
    line-height: 15pt;
	}
	
/*  Cell Background  with event links */
.sEvent {
	background-color: #CADCEE;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #333333;
    line-height: 15pt;
}

	
	/*
---------------------------------------------------------------------------
The classes below determine how the popups  will look.
---------------------------------------------------------------------------
*/
	
/* Pop-up Events Setup */
.popupDate {
    font-family: Geneva, Verdana, Arial, sans-serif; 
	font-size: 10px;
	font-weight: bold;
	color: #FFFFFF;
	text-align: left;
	background-color: #336699;
	}

.popupEventTitle {
	font-family: Geneva, Verdana, Arial, sans-serif;
	font-size: 10px;
	color: #000000;
	font-weight: bold;
	background-color: #B6CEE7;
	border: 1px solid #ACC8E3;
	padding: 2px;
}

.popupEventTime {
    font-family: Geneva, Verdana, Arial, sans-serif; 
	font-size: 10px; 
	color: #000000;
	font-weight: normal;
	background-color: #BED3E9;
	border: 1px dashed #E9EFF5;
	padding: 1px;
}

.popupEventDescription {
    font-family: Geneva, Verdana, Arial, sans-serif; 
	font-size: 10px; 
	color: #000000;
	font-weight: normal;
	background-color: #CADCEE;
	border: 1px solid #BFD5EA;
	padding: 2px;
}


.popupEventDate {
    font-family: Geneva, Verdana, Arial, sans-serif; 
	font-size: 10px; 
	color: #446B93;
	text-align: center;
	vertical-align: middle;
	background-color: #E9EFF5;
	border: 1px solid #E2EAF1;
	padding: 1px;
	}

.popupEnd {
    font-family: Geneva, Verdana, Arial, sans-serif; 
	font-size: 10px; 
	color: #A4A4A4;
	}


.popupClose {
    font-family: Geneva, Verdana, Arial, sans-serif; 
	font-size: 10px;
	color: #FFFFFF;
	text-align: right;
	background-color: #336699;
	}

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

.EventTitle {
	font-family: Geneva, Verdana, Arial, sans-serif;
	font-size: 14px;
	color: #000000;
	font-weight: bold;
	padding: 2px;
}

.EventTime {
    font-family: Geneva, Verdana, Arial, sans-serif; 
	font-size: 12px; 
	color: #000000;
	font-weight: normal;
	padding: 2px;
}

.EventDescription {
    font-family: Verdana, Arial, sans-serif; 
	font-size: 12px; 
	color: #000000;
	font-weight: normal;
	padding: 2px;
}


.EventDate {
    font-family: Geneva, Verdana, Arial, sans-serif; 
	font-size: 14px; 
	color: #000000;
	font-weight: bold;
	text-align: left;
	vertical-align: middle;
	padding: 2px;
	}

.EventLocation {
	font-family: Verdana, Arial, sans-serif; 
	font-size: 10px;
	color: #000000;
	font-weight: bold;
	padding: 2px;
}
.EventInstructor {
	font-family: Verdana, Arial, sans-serif; 
	font-size: 10px;
	color: #000000;
	font-weight: bold;
	padding: 2px;
}

.EventFee {
	font-family: Geneva, Verdana, Arial, sans-serif;
	font-size: 12px;
	color: #000000;
	font-weight: bold;
	padding: 2px;
}

.EventCategory {
	font-family: Geneva, Verdana, Arial, sans-serif;
	font-size: 10px;
	color: #000000;
	font-weight: bold;
	padding: 2px;
}


a:link {
 text-decoration: none
 }
a:visited {
 text-decoration: none
 }
a:hover {
 text-decoration: underline
 }

 /*
---------------------------------------------------------------------------
The classes below determine how the Small calendar   will look.
---------------------------------------------------------------------------
*/
 
/* Small calendar Table Setup Incluidng Date Number Fonts, Size and Color */
.calendarTableSmall {
	background-color: #FFFFFF;
	border: 1px solid #003366;
	width: 150px;
 }


/* Small Month and Year Row Setup */
.monthYearRowSmall{
    line-height: 17pt;
	background-color: #B6CEE7;
	border: 1px solid #ACC8E3;
	text-align: center;
	vertical-align: middle;
	font-family: Geneva, Verdana, Arial, sans-serif;
	font-size: 11px;
	font-weight: Bold;
	color: #252216;
	}

/* Small Day Names Row Setup */
.dayNamesRowSmall {
	line-height: 11pt;
	background-color: #F0F8FF;
	text-align: center;
	vertical-align: middle;
	font-family: Geneva, Verdana, Arial, sans-serif;
	font-size: 10px;
	font-weight: Bold;
	color: #433D27;
}

/* Alignments, Font Face, Size and Color for Date Numbers and Row Height */
.calendarRowsSmall {
	font-family: Geneva, Verdana, Arial, sans-serif;
	font-size: 10px;
	color: #433D27;
    line-height: 15pt;
	text-align: center;
	vertical-align: middle;
	}



/*
---------------------------------------------------------------------------
The classes below determine how the Small calendar cells  will look.
---------------------------------------------------------------------------
*/

/* Normal Cell Background (date number with no event s) */
.sNormalSmall{	
	background-color: #EEEEEE;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #333333;
    line-height: 15pt;
	}
/* Empty Cell Background (empty cells with no calendar date numbers) */
.sEmptySmall {	
	background-color: #EBEBEB;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #333333;
    line-height: 15pt;
	}
	
/*  Cell Background  with event links */
.sEventSmall {
	background-color: #CADCEE;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #333333;
    line-height: 15pt;
}