/**********     HTML ELEMENTS     **********/
body {
	width: 700px;
	margin: 0 auto;
	padding: 20px;
	background: #733994;
	font: 62.5% Arial, Verdana, Tahoma, Sans-Serif;
	text-align: left;
	color: #FFFFFF;
}
h1 {
	font-size: 1.8em;
	text-align: center;
	color: #FFFF00;
}
h2 {
	margin: 0px 15px 3px 15px;
	font-size: 10pt;
	color: #FFFFFF;
}
h3 {
	font-size: 1.2em;
	color: #FFFF00;
}
h4 {
	font-size: 1em;
}
p, li {
	font-size: 1.2em;
}
img {
	vertical-align: top;
	border: none;
}
ul, li {
	list-style-type: none;
	margin: 0;
	padding: 0;
}
table {
	width: 470px;
	border: none;
}
td {
	font-size: 1.1em;
	text-align: center;
}
a:link, a:visited, a:active, a:hover {
	text-decoration: none;
	color: #FFFFFF;
}


/**********     LAYOUT ELEMENTS     **********/
#floater {
	float: left;
	width: 700px;
}
#left {
	width: 230px;
	position: fixed;
	top: 20px;
	left: 20px;
}
#right {
	position: absolute; 
	left: 10px;
	top: 20px;
	width: 470px;
	margin-left: 250px;
}
.day {
	background: #000000;
	font-weight: bold;
	color: #FFFF00;
}
.closed {
	width: 10%;
	background: #8852A8;
	font-size: 0.01em;
}
.open {
	width: 10%;
	background: #9E76B5;
	font-size: 0.01em;
}
.golf {
	width: 10%;
	background: #92FF8A;
	font-size: 0.01em;
}
.fivePin {
	width: 10%;
	background: #8EE6FF;
	font-size: 0.01em;
}
.rockwall {
	width: 10%;
	background: #FFC216;
	font-size: 0.01em;
}
.globowl {
	width: 10%;
	background: #cf5858;
	font-size: 0.01em;
}
.ropes {
	width: 10%;
	background: #D8C181;
	font-size: 0.01em;
}
.default {
	font-weight: bold;
	color: #FFFF00;
}
.billiards, .special {
	width: 10%;
	background: #FFF7A1;
	font-size: 0.01em;
}
.tenPin {
	width: 10%;
	background: #4BABC6;
	font-size: 0.01em;
}
.time {
	width: 15%;
	background: #5C2B80;
}
#calendar {
	width: 200px;
	height: 210px;
	overflow: auto;
}
	#calendar h2, #calendar h3 {
		font-size: 11px;
		margin: 0 15px 0 0;
	}
	#calendar p {
		color: #FFFFFF;
		font-size: 9px;
		margin-top: 0;
		margin-right: 15px;
	}