@charset "UTF-8";
table.calendar, table.calendar td, table.calendar th {
	border: 1px solid #ABC470;
}
table.calendar {
    width: 100%;
    table-layout: fixed;
	border-collapse: collapse;
    font-size: 8pt;
}
table.calendar caption.calendar-month {
    text-align: left;
    font-size: 188%;
    font-weight: bold;
    color: #4A2C57;
    margin: 0.75em 0 0 0;
	padding-bottom: 0.5em; /* ie 6 & 7 did not render the bottom margin properly, so use padding instead. */
}
table.calendar th {
    width: 14%;
	padding: 2px;
    text-align: center;
    font-weight: normal;
	background: transparent url("../images/footerbg1.jpg") repeat-x scroll 0 50%;
}
table.calendar td {
    height: 104px;
    padding: 2px;
	margin:0px;
	vertical-align:top;
	background: url("../images/footerbg3.jpg") repeat-x scroll 0 120% #FFFFFF;
	/*background-color: #ffffff;*/
}
table.calendar .day {
    text-align: right;
    font-size: 110%;
}
table.calendar td ul, #mainContent table.calendar td ul {
/* height, overflow, and white-space work together to provide a non-scrolling, non-stretching version of the calendar cells. Uncomment these lines to achieve enforced consistency in height among cells between rows. Setting overflow to a scroling value works acceptably too, but maybe isn't very pretty.
    height: 89px;
    overflow: hidden;
    white-space: nowrap;
*/
    list-style-type: none;
	list-style-image: none;
    margin: 0.25em 2px 0.25em 0;
    padding: 0 0 0 0;
    line-height: 1.2;
}
table.calendar td ul li,  #mainContent table.calendar td ul li {
    background-image: url("../images/grnspiralbullet1.gif");
    background-position: 0px 2px;
    background-repeat: no-repeat;
    margin: 0 0 0.25em 0;
    padding: 0 0 0 14px;
    line-height: 1.2;
}
table.calendar td ul li a {
    text-decoration: none;
	color: #4A2C57;
}
.calendar-class-detail {
	width: 500px;
	text-align: left;
	font-size: 10pt;
	margin-bottom: 2em;
}
.calendar-class-detail a.image-link {
	padding-left: 15px;
}
.calendar-class-detail a.image-link img {
	margin-left: 15px;
}
.calendar-class-detail .sessions {
	margin: 0 0 0.5em 2.5em;
	padding: 0px;
}
.calendar-class-detail .sessions li {
	margin: 0 0 0.25em 0;
	padding: 0px;
	white-space: nowrap;
}
.calendar-class-detail p {
	margin: 0 0 0.25em 0;
	padding: 0px;
}
.calendar-class-detail p {
	margin: 0 0 0.5em 0;
	padding: 0px;
}
.calendar-class-detail p.name, .calendar-class-detail p.session {
	color:#4A2C57;
	font-weight:bold;
}
.calendar-class-detail .label {
	font-style:italic;
	float: left;
	width: 7.5em;
}
.class-detail .session-number {
	font-weight:bold;
	font-style:italic;
	white-space:nowrap;
}