#home-calendar, #home-calendar td, #home-calendar th {
    border-color: #000;
    border-style: solid;
}

#home-calendar {
	width: 99%;
    border-width: 0 0 1px 1px;
    border-spacing: 0;
    border-collapse: collapse;
}

#home-calendar td, #home-calendar th {
    margin: 0;
    padding: 4px;
    border-width: 1px 1px 0 0;
}

#home-calendar th {
	width: 14%;
}

#home-calendar .date {
	float: right;
	padding: 1px;
    font-weight: bold;
}

#home-calendar .today-date {
	border: 1px solid #1468B4;
}

#home-calendar .event-date {
	color: #1468B4;
}

#home-calendar .event-link {
	padding-bottom: 5px;
}

/* POP-UP EVENT LINKS [http://www.cssplay.co.uk/menu/pop_ups.html] */

#home-calendar a.screen, #home-calendar a.screen:visited {
	position: relative; 
	z-index: 1;
}

#home-calendar a.screen b {
	position: absolute;
	visibility: hidden; /* hide the pop-up */
	width: 160px; /* give it a width */
	height: 0; /* no height to solve an Opera bug that makes it selectable when hidden */
	border: 1px solid #000; /* add a border */
	left: -174px; /* position: the image */
	top: 0px;
	font-weight: normal;
	padding: 4px;
}

#home-calendar a.screen:hover {
	border: 0; /* needed for this to work in IE */ 
	z-index: 1000;
}

#home-calendar a.screen:hover b {
	visibility: visible; /* make the pop-up visible */
	height: 100px; /* now give it a height */
	cursor: pointer; /* for IE */
	z-index: 500; 
}

#home-calendar a.screen:hover b img {
	border: 0; /* remove the link border */
}

/* CALENDAR TABS */
#calendar-tabs {
	width: 99%;
}

#calendar-tabs .tabs {
	white-space: nowrap;
}

#calendar-tabs .tabs b {
	display: block;
	padding-right: 15px;
}

#calendar-tabs .tabs h2 {
	line-height: 34px;
	margin: 0;
}

#calendar-tabs .tabs a {
	display: block;
	background: url('/images/calendar-tab-tile.gif') top left repeat-x;
}

#calendar-tabs .tabs a:hover {
	background-color: #EAF7FF;
}

#calendar-tabs .tabs .active, #calendar-tabs .tabs .active:hover {
	background-color: #D9E6ED;
}

#calendar-tabs .chess-events .left, #calendar-tabs .school-classes .inactive .left {
	background: url('/images/calendar-tab-left.gif') top left no-repeat;
	padding-left: 10px;
}

#calendar-tabs .chess-events .inactive .right, #calendar-tabs .school-classes .right {
	background: url('/images/calendar-tab-right.gif') top right no-repeat;
	padding-left: 5px;
}

#calendar-tabs .chess-events .active .right {
	padding-left: 10px;
}

#calendar-tabs .school-classes .inactive .left {
	background: url('/images/calendar-tab-right-active.gif') top left no-repeat;
}

#calendar-tabs .school-classes .active .left {
	padding-left: 10px;
}

#calendar-tabs .chess-events .inactive .right {
	background: url('/images/calendar-tab-left-active.gif') top right no-repeat;
}

/* RESOURCES TICKER [http://www.dynamicdrive.com/dynamicindex2/memoryticker.htm] */
#memoryticker {
	background-color: #EAF7FF;
	width: 95%;
	height: 100px;
	/*Tip: add in height attribute here for multiple line scroller*/
	border: 1px solid black;
	padding: 3px;
	/* Change 0.7 below to a different number if desired (0.7=0.7 seconds) */
	/* Remove below line to remove transitional effect in IE. Below line should always appear last within this CSS */
	filter: progid:DXImageTransform.Microsoft.GradientWipe(GradientSize=1.0 Duration=0.7)
}