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


.page_content h1{
	background-color: #660066;
	color: #FFFFFF;
	width: 457px;
	display: block;
	font-size: 14px;
	padding:  1px 4px;
	margin: 10px 0 ;
}

#calendar{
	width: 465px;
	height: 465px;
	float: left;
}

#calendar .calendar_month{
	width: 50px;
	height: 50px;
	border: 1px solid #660066;
	vertical-align: top;
	font-size: 14px;
	color: #ffffff;
	background-color: #660066;
}

#calendar .day{
	width: 50px;
	height: 50px;
	border: 1px solid #660066;
	vertical-align: top;
	font-size: 14px;
	cursor: pointer;
}

#calendar .day:hover{
	border-color: #FFFF00;
}

#calendar .empty{
	width: 50px;
	height: 50px;
	border: 1px solid #444444;
	background-color: #CCCCCC;
}

#next, #prev{

	cursor: pointer;
}

#next:hover, #prev:hover{

	color: #660066;
}


#events{
	width: 465px;
}

.event{
	cursor: pointer;
	border: 1px solid #660066;
	margin-bottom: 5px;
}

.event:hover{
	background-color:#CCCCCC;
}