/* calendar and event styles */

body {
	background-color: #FFFFFF;
	text-align: center;
	margin: 0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
}

#container {
	width: 900px;
	min-height: 500px;
	margin: 0px auto;
	text-align: left;
}

h1 {
	font-size: 135%;
	color: #991d1d;
	margin: 10px 0 10px 0;
}

a, a:visited, a:active {
	color: #0000FF;
}
a:hover {
	color: #ed1c24;
}


#calendar {
	width: 900px;
}
	#calendar a {
		color: #333333;
	}
	#calendar th {
		background-color: #efefef;
		color: #333333;
		border: 1px solid #333333;
		height: 20px;
		line-height: 20px;
		text-align: center;
	}
	#calendar th.arrow {
		width: 125px;
		text-align: center;
		background-color: #991d1d;
		border: 1px solid #333333;
		line-height: 20px;
	}
	#calendar th.arrow a {
		color: #ffffff;
	}
	#calendar th.day {
		width: 125px;
		text-align: center;
		background-color: #333333;
		border: 1px solid #333333;
		color: #FFFFFF;
		font-size: 80%;
	}
	#calendar td {
		width: 125px;
		height: 125px;
		min-height: 125px;
		vertical-align: top;
		border: 1px solid #333333;
		padding: 2px;
		background-color: #efefef;
	}
	#calendar td.today {
		background-color: #991d1d;
		color: #ffffff;
	}
	#calendar td.before {
		background-color: #999999;
		color: #ffffff;
	}
	#calendar td.after {
		background-color: #999999;
		color: #ffffff;
	}
	#calendar td.event {
		color: #000000;
	}
		#calendar td.event div {
			font-size: 75%;
			padding: 0;
			margin: 0;
		}
		#calendar td.event div a, #calendar td.event div a:link, #calendar td.event div a:visited, #calendar td.event div a:active, #calendar td.event div a:hover {
			padding: 0;
			margin: 0;
			color: #000000;
		}
		#calendar td.event div a:hover {
			color: #991d1d;
		}
		
/* start: event styles */
#callouts table {
	border: 1px solid #333333;
	background-color: #efefef;
	width: 100%;
	margin-right: 5px;
	padding: 5px;
}
	#callouts table th {
		text-align: left;
		vertical-align: top;
		padding: 5px;
	}
	#callouts table td {
		vertical-align: top;
		padding: 5px;
	}