.calItem {
	height:			200px;
	width:			24.5%;
	float:			left;
	background-color:	pink;
	position:		Relative;
	margin:			0 auto;
	background-repeat:	no-repeat;
	background-size:	100% 100%;
}

.calLeft {
	height: 		80px;
	width:			24px;
	background-color:	rgba(0,0,0,.5);
	background-image:	url('ui_images/galleryLeft.gif');
	background-position:	center;
	background-repeat:	no-repeat;
	position:		absolute;
	left:			-25px;
	top:			50px;
	z-index:		100;
}
.calRight {
	height: 		80px;
	width:			24px;
	background-color:	rgba(0,0,0,.5);
	background-image:	url('ui_images/galleryRight.gif');
	background-position:	center;
	background-repeat:	no-repeat;
	position:		absolute;
	left:			730px;
	top:			50px;
	z-index:		100;
	

}
.calItem {
	height:			200px;
	width:			182px;
	float:			left;
	background-color:	pink;
	position:		Relative;
	margin:			0 auto;
}
.calItem .divbottom {
	width:			170px;
	height:			36px;
	background-color:	rgba(0,0,0,.7);
	position:		absolute;
	bottom:			27px;
	left:			3px;
	padding:		2px 3px 3px 3px;
	text-align:		center;
	vertical-align:		middle;
	color:			white;
	
}

.calItem .divdate {
	width:			170px;
	height:			19px;
	background-color:	rgba(0,0,0,.7);
	position:		absolute;
	bottom:			3px;
	left:			3px;
	padding:		1px 3px 1px 3px;
	text-align:		center;
	color:			orange;
}
.calItem a {

	color:			white;
	text-decoration:	none;
}


.calOverlay {
	position:		absolute;
	width:			768px;
	//top:			0;
	//left:			0;

	background-color:	rgba(0,37,72,.7);
	padding:		10px 3px 12px 3px;
	text-align:		left;
	color:			white;	
	font-weight:		bold;
	//font-size:		16pt;
	z-index:		300;
	top:			0px;
	//padding-left:		72px;
	//margin-left:		20px;
	
	background-image:	url("ui_images/2017calendar.gif");
	background-repeat:	no-repeat;
	background-size:	auto 100%;
	background-position:	12px;
	
	padding-left: 58px;
	font-size: 18px;
	padding-top: 4px;
	padding-bottom: 6px;
}
.conCalendar {
	position:		relative;
	height:			200px;
	overflow:		hidden;
}