div#expandedCalendar
{
	width: 780px;
	height: 150px;
	overflow: auto;
	margin: 0 auto;
	border: solid black 1px;
}

div#calendarExplained
{
	font-size: 80%;
	text-align: center;
	margin-bottom: 20px;
}

table#calendarTable
{
	width: 100%;
	border: solid black 1px;
}

p.dateMarker
{
	margin: 0;
	padding: 0;
	text-align: right;
	font-weight: bold;
	vertical-align: top;
	font-size: 105%;
}

td.emptyDay
{
	background-color: #ebebeb;
	width: 140px;
	height: 100px;
	border: double black 3px;
	margin: 0;
	padding: 0;
	vertical-align: top;
}

td.eventDay
{
	background-color: #e6bc69;
	width: 140px;
	height: 100px;
	border: double black 3px;
	margin: 0;
	padding: 0;
	cursor: pointer;
	vertical-align: top;	
}

td.eventDay:hover, td#eventToday:hover
{
	border-color: #ffff00;
}

td#today, td#eventToday
{
	border-color: #ff0000;
}

p.extendedDayHeader
{
	text-align: center;
	margin: 0;
	padding: 0;
	font-weight: bold;
	font-size: 110%;
}

table.eventTable
{
	width: 100%;
	text-align: center;
	border-bottom: double black 3px;
	margin-bottom: 10px;
}

table.eventTable th
{
	text-align: left;
}

th.time
{
	width: 20%;
}

th.localtion
{
	width: 65%;
}

th.date
{
	width: 15%;
}

table#calendarHeaderTable
{
	width: 100%;
}

table#calendarHeaderTable th
{
	width: 64%;
	font-size: 200%;
	text-align: center;
}

td#prevMonth
{
	text-align: left;
	width: 18%;
	font-weight: bold;
}

td#nextMonth
{
	text-align: right;
	width: 18%;
	font-weight: bold;
}

td#prevMonth a, td#nextMonth a
{
	cursor: pointer;
}

td.todayKey
{
	border: double 3px #ff0000;
	width: 20px;
	height: 20px;
}

td.eventDayKey
{
	border: 0;
	width: 20px;
	height: 20px;
	background-color: #e6bc69;
}

td.emptyDayKey
{
	border: 0;
	width: 20px;
	height: 20px;
	background-color: #ebebeb;
}

td.key
{
	width: 20%;
}

td.returnToCurrent
{
	text-align: center;
	font-weight: bold;
	font-size: 80%;
}

td.returnToCurrent a
{
	cursor: pointer;
}