#hourly {
	overflow: auto;
	height: 350px;
}
.calCellTDToday {
        color: red;
	background: #cfefff;
        font-size: 12px;
        font-weight: bold;
        font-family: Times;
	text-decoration: none;
	height: 100%;
}
.calCellTDDisplay {
        color: #1234a0;
	background: #ffdeff;
        font-size: 12px;
        font-weight: bold;
        font-family: Times;
	text-decoration: none;
	height: 100%;
}
.calCellTDEvent {
        color: #1234a0;
	background: #ffeedf;
        font-size: 12px;
        font-weight: bold;
        font-family: Times;
	text-decoration: none;
	height: 100%;
}
.calCellTD {
        color: #1234a0;
	background: #cfefff;
        font-size: 12px;
        font-weight: normal;
        font-family: Times;
	text-decoration: none;
	height: 100%;
}
.calCellTD:hover {
        color: #1234a0;
	background: aqua;
        font-size: 12px;
        font-weight: normal;
        font-family: Times;
	text-decoration: none;
	height: 100%;
}






.calCellDivToday {
        color: red;
        font-size: 12px;
        font-weight: bold;
        font-family: Times;
	text-decoration: none;
	/* height: 60px; */
}
.calCellDivDisplay {
        color: #1234a0;
        font-size: 12px;
        font-weight: bold;
        font-family: Times;
	text-decoration: none;
	/* height: 60px; */
}
.calCellDivEvent {
        color: #1234a0;
        font-size: 12px;
        font-weight: bold;
        font-family: Times;
	text-decoration: none;
	/* height: 60px; */
}
.calCellDiv {
        color: #1234a0;
	background: #cfefff;
        font-size: 12px;
        font-weight: normal;
        font-family: Times;
	text-decoration: none;
	/* height: 60px; */
}
.calCellDiv:hover {
        color: #1234a0;
	background: aqua;
        font-size: 12px;
        font-weight: normal;
        font-family: Times;
	text-decoration: none;
	/* height: 60px; */
}
.eventstext {
	font-size: 10px;
}
a.monthArrows, monthArrows:link, monthArrows:visited, monthArrows:active {
        /* color: #1234a0; */
        color: white;
        font-size: 12px;
        font-weight: bold;
        font-family: Times;
	text-decoration: none;
}

a.monthArrows:hover {
        color: aqua;
        font-size: 12px;
        font-weight: bold;
        font-family: Times;
	text-decoration: none;
}
a.passive, passive:link, passive:visited, passive:active, passive:hover {
	text-decoration: none;
}
span.changeLetters {
        /* color: #1234a0; */
	color: white;
        font-size: 10px;
        font-weight: bold;
        font-family: Times;
}
span.calendarMonthText {
	background-color: white;
	color: #1234a0;
	font-size: 12px;
	font-weight: bold;
	font-family: Times;
}
span.activeDate {
	background-color: white;
	color: #1234a0;
	font-size: 12px;
	font-weight: bold;
	font-family: Times;
}
/* this next one may be eliminated */
td.calendarTD {
	background-color: lightblue;
	color: #000000;
	height: 20px;
	font-size: 14px;
	font-family: Times;
}
span.showtime {
	color: #c262c2;
	font-size: 11px;
	font-family: arial, verdana, helvetica;
}
span.longDescText {
	color: #222222;
	font-size: 14px;
	font-family: arial, verdana, helvetica;
	font-weight: 500;
}
td.hourRowTime {
	color: #222222;
	background-color: #cfdfff;
	font-size: 11px;
	font-family: arial, verdana, helvetica;
	border: 1px solid #c2c2c2;
}
td.hourRowTimeEvent {
	color: #222222;
	background-color: #dfcfff;
	font-size: 11px;
	font-family: arial, verdana, helvetica;
	border: 1px solid #c2c2c2;
}
td.hourRowContent {
	color: #222222;
	background-color: #ffffff;
	font-size: 11px;
	font-family: arial, verdana, helvetica;
	border-top: 1px solid #c2c2c2;
}
td.hourRowContentEvent {
	color: #222222;
	background-color: #ffffff;
	font-size: 11px;
	font-family: arial, verdana, helvetica;
	border: 1px solid #c262c2;
}
span.hourRowContentEventT {
	color: #222222;
	background-color: #ffffff;
	font-size: 11px;
	font-family: arial, verdana, helvetica;
}
span.calEventShortDesc {
	color: #222222;
	background-color: #ffffff;
	font-size: 13px;
	font-family: arial, verdana, helvetica;
	font-weight: bold;
}
#longDescription {
	border: 2px solid #c2a2c2;
	/* height: 100%; */
	padding: 6px;
}
td.dayNames {
	color: #ffffff;
	background-color: #3374c0;
	font-size: 12px;
	font-family: Times;
}
.preTableHeader {
	background-color: #0081e4;
	height: 14px;
}
span.preTableHeaderText {
	background-color: #0081e4;
	height: 14px;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 11px;
        color:  #ffffff;
        font-weight: bold;
        padding-left: 10px;
	line-height: 20px;
}
.tableHeader {
	background-color: #0081e4;
	height: 22px;
}