@charset "UTF-8";
/* CSS Document */
<!DAY MAN, OHOHOHOHO, FIGHTER OF THE NIGHT MAN, OHOHOHO, CHAMPION OF THE SON, OHOHOHOHO,>
<style type="text/css">
.black_border {
	border: 1px solid black;
	margin-bottom: 15px;
}

#our_team {
	float: left;
	width: 450px;
}
#our_team p {
	padding: 0px 15px 0px 0px;
}
.sidebar {
	font-size: 80%;
	float:right; 
	border: solid; 
	border-width: 1px; 
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px;
	/*IE doesn't know how to code for rounded edges =(*/ 
	width: 220px; 
	background-color: #EFEFEF; 
	padding: 5px 5px 10px 5px; 
	-webkit-box-shadow: 5px 5px 5px #888; 
	-moz-box-shadow: 5px 5px 5px #888;
	/*IE can't do these shadows either =(*/
}

.sidebar h1, h2 { text-align: center; padding-bottom: 5px; padding-left: 5px; margin: 0px; }
.sidebar span.entry { padding: 5px 5px; border-top: 1px solid #000000; display: block; text-decoration: none; line-height: 110%; }
#news span.date { font-size: 1.1em; font-weight: bold; display: block; line-height: 120%; color: #0000ff; }
#news span.dept { font-weight: bold; line-height: 120%; color: #3399FF; }
#news .headline { color: #000000; text-decoration: none; }
#news a.headline:hover { color: #4A761D; text-decoration: underline;}


#events .title { color:#333; display: block; text-align: center; }
#events .month { background-color:#3366CC; color:#FFFFFF; padding-top: 4px; padding-bottom: 4px; display: block; text-align: center; }
#events .day { background-color:#CCCCCC; color:#333; padding-top: 2px; padding-bottom: 1px; display: block; text-align: center; }
#events .time { color:#333; display: block; text-align: center; }
#events a {
	text-decoration: none;
}

#events a:hover { position: relative; }
#events .tip { display: none; }
#events a:hover .tip {
	display: block;
   	position: absolute;
	padding: 5px; margin: 10px; z-index: 100;
   	background: #f0f0f0; border: 1px dotted #c0c0c0;
	color: #663333; width: 200px;
	opacity: 0.9;
	top: -25px; left: 20;
	text-align:left;
}