@charset "utf-8";
/* CSS Document */

#header{
	border-bottom: 2px solid #000000;
	margin-bottom: 10px;
	width:100%;}

#content{
	clear:left;}

html {
	font-size: 12px; }

body {
	font: 12px Arial, Helvetica, sans-serif;
	background-color: #eab289;
	padding: 2em 0 0 2em; }

h1 {
	font: Bold 20px Arial, Helvetica, sans-serif;
	margin: 0; }
	
h2 {
	font-size: 16px;
	margin: 0; }

#content h3 {
	font: bolder 16px Arial, Helvetica, sans-serif;
	margin: 0; }

#content a {
	color:#000000;
	text-decoration:none;}

#content a:hover {
	color:#fff; 
	text-decoration:underline;}

#content h3 a {
	font-size: 12px;
	color:#000000;
	text-decoration:none;}

#content h3 a:hover {
	font-size: 12px;
	color:#fff; 
	text-decoration:underline;}

#calendar {
	margin-bottom: 20px;
	padding: 0;
	width: 700px;
	border: 2px solid #333;
	-webkit-border-radius: .4em .4em;
	-moz-border-radius: .4em .4em; 
	background-color: #d9ea89; 
	float: left;}
	
#calendar li {
	list-style-position: inside;
	font-weight: bold;
	width: 88px;
	height: 88px;
	border: 1px solid #999;
	-webkit-border-radius: .4em .4em;
	-moz-border-radius: .4em .4em;
	float: left; 
	background-color: #fff; 
	padding: 5px;
	overflow: hidden; }
	
#calendar li:hover {
	background-color: #E9E9E9;
	overflow: visible; }
	
#calendar li ul {
	margin: 0;
	padding: 0;
	clear: both; }
	
#calendar li ul li {
	list-style: none;
	font-weight: normal;
	float: none;
	border: none;
	padding: 5px 0;
	margin: 0; }
	
#calendar li:hover ul li, #calendar li.hover ul li {
	position: absolute;
	width: 150px;
	margin-left: -5px;
	height: auto;
	background: rgba(217,234,137,.90);
	-webkit-border-radius: .4em .4em;
	-moz-border-radius: .4em .4em; 
	border: 1px solid #069;
	padding: 4px;
	z-index: 10; } 
	
#calendar li.sunday {
	margin-left: 0; }
	
#calendar li.monday {
	margin-left: 100px; }
	
#calendar li.tuesday {
	margin-left: 200px; }
	
#calendar li.wednesday {
	margin-left: 300px; }
	
#calendar li.thursday {
	margin-left: 400px; }
	
#calendar li.friday {
	margin-left: 500px; }
	
#calendar li.saturday {
	margin-left: 600px; }
	
.clear { 
	clear: both; }

/* Navigation */
#navigation{
width:100%; 
height:20px; 
background-color:#eab289;
}

#navigation ul {
	margin:0px; 
	padding:0px;}

#navigation ul li {
	display:inline;
	height:30px;
	float:left; 
	list-style:none; 
	margin-left:15px;
 	position:relative;}

#navigation li a {
	color:#000000;
	text-decoration:none;}

#navigation li a:hover {
	color:#fff; 
	text-decoration:underline;}

#navigation li ul {
	margin:0px; 
	padding:0px; 
	display:none; 
	position:absolute;
	left:0px;
	top:20px; 
	border: 1px solid #069;
	background: rgba(217,234,137,.99);
	-webkit-border-radius: .4em .4em;
	-moz-border-radius: .4em .4em; }

#navigation li:hover ul {
	display:block; 
	width:160px;}

#navigation li li {
	list-style:none; 
	display:list-item;}

#navigation li li a {
	color:#000000; 
	text-decoration:none;}

#navigation li li a:hover {
	color:#fff; 
	text-decoration:underline;}

/* Main Content */
#contentleft {
	position: relative;
	width: 600px;
	float: left;
	padding: 0 20px 20px 0;}
	
#contentleft h3{
	font: Arial, Helvetica, sans-serif #000000 12px bold;}
	
#contentleft a {
	background-color: #fff;
	color:#999999;
	text-decoration:none;}

#contentleft a:hover {
	background-color: #fff;
	color:#000000; 
	text-decoration:none;
	border-bottom: #000000 thin dotted;}
	
/* Right Rail */
#contentright {
	float: right;
	position: relative;
	width: 330px;
	padding: 0 0 20px 20px;
	border-left: thin dashed #FFFFCC;}
	
#contentright h3{
	font: Arial, Helvetica, sans-serif #000000 12px bold;}
	
#contentright a {
	background-color: #fff;
	color:#999999;
	text-decoration: none;}

#contentright a:hover {
	background-color: #fff;
	color:#000000; 
	text-decoration: none;
	border-bottom: #000000 thin dotted ;}
	
#contentright ul {
	margin:0px; 
	padding:0px;}

#contentright ul li {
	display:inline;
	height:20px;
	float:left; 
	list-style:none; 
	margin-left:5px;
 	position:relative;}

#contentright li a {
	background-color: #fff;
	color:#999999;
	text-decoration:none;}

#contentright li a:hover {
	background-color: #fff;
	color:#000000; 
	text-decoration:none;
	border-bottom: #000000 thin dotted;}
	

/* Right Bar */
#rightbar{
	clear: left;
	width: 300;
	padding-left: 20px;}
	
#rightbar h3{
	font: Arial, Helvetica, sans-serif #000000 12px bold;}
	
#rightbar a {
	background-color: #fff;
	color:#999999;
	text-decoration:none;}

#rightbar a:hover {
	background-color: #fff;
	color:#000000; 
	text-decoration:none;
	border-bottom: #000000 thin dotted;}
	
/* Footer */
#footer{
	clear: left;
	margin-top: 50px;
	border-top: 2px solid #000000;
	font: 10px normal Arial, Helvetica, sans-serif;}
	
#footer a {
	color:#000000;
	text-decoration:none;}

#footer a:hover {
	color:#fff; 
	text-decoration:none;
	border-bottom: #000000 thin dotted;}