@charset "UTF-8";
@import url("reset.css"); /* reset.css (by Eric Meyer) remvoes all default styles and behaviours */
body {
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 100%; /* default of 16px in popular browsers */
	line-height: 1.125em; /*16px*1.125=18 */
	text-align: center; /*centered content technique (used with auto-width margins for a container - see below */
	background: #2d2823; /* dark greyish brow */
	color: #dbd5cc; /* cream */
}
#container {
	width: 960px; /* page content width */
	text-align: left; /* sets text alignment back to normal */
	margin: 10px auto;
}
a {
	background: transparent;
	color: #323232; /* dark neutral grey */
	text-decoration: underline;
}
a:hover {
	background: #323232;
	color: #dbd5cc;
}
td a {
	background: transparent;
	color: #dbd5cc;
	text-decoration: underline;
}

td a:hover {
	background: #2d2823;
	color: #dbd5cc;
}
body p {
	font-size: 0.875em;
}
table#september_calendar {
	background: url(../images/september_bg.jpg)
}
table#october_calendar {
	background: url(../images/october_bg.jpg)
}
table#november_calendar {
	background: url(../images/november_bg.jpg)
}
/* Styling for red title bar ("2008 Southwestern Ontario ...") */
h1 {
	font-size: 1.25em;
	background: #961811; /* red */
	color: inherit;
	display: block; /* Allows background colour to expand to full height/width of div */
	width: 539px;
	height: 20px;
	clear: right; /* Sends the document flow around this element on the right */
	margin: 0 0 -50px 0;
	padding: 10px 0 10px 10px;
}
h2 {
	font-size: 0.875em;
	font-weight: 100; /* Makes text thiner, used with increased font weight on active days */
	padding: 13px 0 12px 0;
}
h3 {
	font-size: 0.875em;
	font-weight: 100;
	padding: 10px 0 0 0;
}
span.day_info {
	font-size: 0.625em;
	line-height: 1.125em; /* Day info text */
}
div.month_menu {
	display: block;
	width: 391px;
	height: 20px;
	color: inherit;
	background: #dbd5cc;
	margin: 10px 0 10px 549px;
	padding: 10px;
}
/* Styled list = clean html that allows for any number of future menu re-designs */
div.month_menu ul {
	list-style: none;
	display: inline;
}
div.month_menu li {
	list-style: none;
	display: inline;
	background: transparent;
	color: #323232;
	font-size: 0.875em;
}
li.active_month {
	background: transparent;
	color: #323232;
}
li.active_month a {
	text-decoration: none; /* Removes underline */
	font-style: italic;
	background: transparent;
	color: #961811;
}
div#september_container {
	margin: 0 0 20px;
}
div#october_container {
	margin: 0 0 20px;
}
div#november_container {
	margin: 0 0 20px;
}
tr.day_name {
	height: 20px;
}
tr.day_number {
	height: 80px;
}
td {
	padding: 0 0 0 10px;
	line-height: 0.75em;
	border: 0.25px solid #323232;
}
td.top {
	border-style: none solid solid;
	border-width: 0.25px;
}
td.top_right {
	border-style: none none solid solid;
	border-width: 0.25px;
}
td.right {
	border-width: 0.25px;
	border-style: solid none solid solid;
}
td.bottom_right {
	border-width: 0.25px;
	border-style: solid none none solid;
}
td.bottom {
	border-width: 0.25px;
	border-style: solid solid none;
}
td.bottom_left {
	border-width: 0.25px;
	border-style: solid solid none none;
}
td.left {
	border-width: 0.25px;
	border-style: solid solid solid none;
}
td.top_left {
	border-style: none solid solid none;
	border-width: 0.25px;
}
td.day {
	background: url(../images/grey_bg.png)
}
td.holiday {
	background: url(../images/gold_bg.png)
}
td.race {
	background: url(../images/green_bg.png)
}
td.holiday, td.race h3 {
	font-weight: 900;
}
img#header {
	padding: 0 0 10px 0;
}