.thecalendar {
	background-color:#FFF;
	float:left;
	padding-bottom:20px;
	padding-left:55px;
	padding-top:20px;
	width:860px;
}
	.thecalendar p {
		margin: 0px !important;	
	}
	.thecalendar .calendar {
		float: left;
		margin-right: 7px;
		
	}
	.thecalendar .titles {
		width: 830px;
		float: left;
		padding-bottom: 20px;
	}
		.thecalendar .titles p {
			font-size: 20px;
			font-weight: bold;
		}
			.thecalendar .titles p.months {
				color: #666666;
				width: 210px;
				float: left;
			}
			.thecalendar .titles p.range {
				color: #000000;
				width: 620px;
				float: left;
			}
			
	.thecalendar .day-panel {
		width: 173px;
		height: 158px;
		float: left;
		background-color: #ffffff;
		background-image: url(../images/calendar_day_white.gif);
		background-repeat: no-repeat;
		margin-right: 10px;
		margin-bottom: 10px;
		padding: 10px;
		font-size: 12px;
		color: #000000;
	}
		.thecalendar .day-panel.selected {
			background-color: #cccccc;
			background-image: url(../images/calendar_day_grey.gif);
		}
		
		.thecalendar .day-panel p em, .thecalendar .day-panel.selected p em {
			font-style: italic;
			font-size: 11px;	
		}
		
		.thecalendar .day-panel p.days, .thecalendar .day-panel.selected p.days {
			font-size: 22px;
			font-weight: bold;
		}
			.thecalendar .day-panel p.days {
				color: #999999;
			}
			.thecalendar .day-panel.selected p.days {
				color: #333333;
			}
	
	.thecalendar .day-panel div.events, .thecalendar .day-panel.selected div.events {
		width: 173px;
		float: left;
		height: 100px;
		padding-top: 5px;
	}
	
	.thecalendar .day-panel div.events ul, 
	.thecalendar .day-panel.selected div.events ul {
		margin-left: 0px;
		list-style-type: none;
	}
	
	.thecalendar .day-panel div.events ul li, 
	.thecalendar .day-panel.selected div.events ul li {
		margin: 0.3em 0 !important;	
	}
	
	.thecalendar .day-panel div.events ul li a, 
	.thecalendar .day-panel.selected div.events ul li a {
		color: #333333;
	}
		.thecalendar .day-panel div.events ul li a, 
		.thecalendar .day-panel.selected div.events ul li a {
			text-decoration: none;	
		}
	
	.class-box {
		padding: 5px 5px 5px 10px;
		font-size: 11px;
		border: solid 1px #999;
		background-color: #FFF;
		text-align: left !important;
	}
		.class-box p {
			text-align: left !important;	
		}
		.class-box:hover {
			background-color: #F9F9F9;
		}
		.class-box p {
			margin: 0em 0 !important;	
		}
	
	.thecalendar .nav {
		float: left;
		width: 800px;
		margin-top: 20px;
	}
		.thecalendar .nav p.prev a, .thecalendar .nav p.next a {
			font-size: 18px;
			font-weight: bold;
		}
		.thecalendar .nav p.prev {
			float: left;
		}
		.thecalendar .nav p.next {
			float: right;
		}
		
.theday {
	width: 867px;
	float: left;
	padding-left: 30px;
	padding-top: 0px;
}
	.theday .day-calendar {
		width: 226px;
		float: left;
	}
		.theday .day-calendar p {
			width: 190px;
			text-align: center;
		}
			.theday .day-calendar p a {
				font-size: 20px;
				font-weight: bold;
				color: #ff2d6a;
			}
	.theday .calendar {
		float: left;
		/*margin-right: 29px;*/
	}
	.theday .titles {
		width: 867px;
		float: left;
		padding-bottom: 10px;
	}
		.theday .titles p, .theday .titles div.range {
			font-size: 20px;
			font-weight: bold;
		}
			.theday .titles p.month {
				color: #666666;
				width: 225px;
				float: left;
				padding: 10px 0px;
			}
			.theday .titles div.range {
				color: #000000;
				width: 622px;
				float: left;
				background-color: #eeeeee;
				padding: 10px 10px;
			}
				.theday .titles div.range span {
					color: #999999;
				}
				.theday .titles div.range p {
					float: left;
				}
				.theday .titles div.range p.link {
					float: right;
					font-size: 12px;
					line-height: 22px;
				}
				.theday .titles div.range p a {
					font-size: 12px;
					color: #ff2d6a;
				}
				
	.theday .day-events {
		float: left;
		width: 305px;
		margin-right: 30px;
		padding-bottom: 20px;
	}
	.theday .day-activities {
		float: left;
		width: 305px;
		padding-bottom: 20px;
	}
		.theday .day-events .item, .theday .day-activities .item {
			float: left;
			width: 265px;
			margin: 20px 0px 0px 0px;
			padding: 0px 20px;
		}
			.theday .day-events .item p, 
			.theday .day-activities .item p {
				margin: 0.3em 0;
			}
			.theday .day-events .item p.title a, 
			.theday .day-activities .item p.title a {
				color: #ff2d6a;
				font-weight: bold;
			}
			.theday .day-events .item p.venue, 
			.theday .day-activities .item p.venue {
				color: #999999;
				font-weight: bold;
			}
			.theday .day-events .item p.more, 
			.theday .day-activities .item p.more {
				background-image: url(../images/arrow.gif);
				background-repeat: no-repeat;
				background-position: 0px 3px;
				padding-left: 25px;
				line-height: 22px;
			}
				.theday .day-events .item p.more a, 
				.theday .day-activities .item p.more a {
					color: #ff2d6a;
					font-weight: bold;
				}
				
			.noitems {
				float: left;
				width: 245px;
				margin-top: 25px;
				padding-left: 20px;
			}
				.noitems em {
					font-style: italic;
				}