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

#calendar caption {
	text-align:center; 
	padding: 0 5%;
	background: url('Media/titles/blue_bar.jpg');
	border-left: 1px solid #00557d;
	border-right: 1px solid #00557d;
	color:#fff;
	font-weight:bold;
	height:38px;
	padding-top:.2em;
	font-size:120%;
	}
#calendar caption a{
	font-size:130%;
	text-decoration:none;
	padding: 0 .3em;
	color: inherit;
	}
#calendar caption a:hover{
	color: #a41d2b;
	}
	
#calendar select {
	border: none;
	color: white;
	padding:.2em;
	background:none;
	width: 10em;
	text-align:center;
	font-size:100%;
}

table.events {
	float:left;
	width:50%;
}

#calendar option {
	background:#5893B6;
	color: white;
	padding:.2em;
	border: 1px solid #00557d;
	border:none;
	
}
#calendar option:hover { 
	background-color:#5893B6;
	}
ul#cal_nav{ height:auto; width:auto; }

#cal_nav li{
	display:inline;
	padding-right: 0 4em;
	list-style:none;
	}
	
table#calendar {
	width: 50em;
	border: none;
	float:left;
	table-layout: fixed;
	margin-top:1em;
	
}

#calendar p {
	font-size: 75%;
	line-height:1.3em;
	
}
#calendar p a {color:#055a8b; font-weight:bold; cursor: default; }

#calendar p a:hover div{ visibility:hidden; cursor: default; }
#calendar p a div{ display:none; }

#calendar p div {
	position:absolute;  width: 300px; top:auto; margin-left:.5em;
	z-index:10; font-size: 90%; display:none;
	background:#97C4E7; border: 1px solid #00557d; padding: 1em;
}


table#events {
	width:15em;
	font-size:90%;
	float:left;
}

#calendar td{
	width: 14%;
	height:4em;
	border-left: none;
	border-top:none;
	position:relative;
	}
	
	
#calendar_legend{
	float:right;
	margin:0 2em .5em 0;
	}
	

#calendar thead {
	color: #ae8263;
	font-size: 70%;

	}	
	
#calendar thead td {
	height: 1.5em;
	text-align:center;
	border-right:none;
	text-transform:uppercase;

}

td {vertical-align: top;}