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

#calendarMain
{
	background-color: transparent;
	position:absolute;
	left: 0px;
	top: 0px;
	height: 1000px;
}
#evtGreyOut
{
	position:fixed;	
	left:0px;
	top:0px;
	background-color:#000000;
	width: 100%;
	height: 100%;
	z-index: 2;
	
}
#evtDisplay
{
	position:absolute;
	background-color:#FFFFFF;
	z-index: 4;
	background-image:url(../img/EventPopupBack.jpg);
	background-position:center;
	background-repeat:no-repeat;
	
}
#evtDisplayShadow
{
	position:absolute;	
	background-color:#000000;
	z-index: 3;
	
}
#evtFlyer
{
	position:absolute;
	background-position:center;
	background-repeat:no-repeat;
	top: 0px;
	left: 0px;
	width: 388px;
	height: 600px;
	

}
#evtInfo
{
	position:absolute;
	top: 47px;
	left: 415px;
	width: 215px;
	height: 330px;
	background-color:transparent;
	color:#000000;
	font-family:Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size:12px;
	overflow:auto;

}

#evtInfo>a:link {
	color: #990000;
}
#evtInfo>a:visited {
	color: #990000;
}
#evtInfo>a:hover {
	color: #990000;
}
#evtInfo>a:active {
	color: #990000;
}

#btnCloseEvtDisplay
{
	position:absolute;
	background-image:url(../img/evtCloseX.png);
	width: 22px;
	height:22px;
	background-repeat:no-repeat;
	background-position: -22px 0px;

}
#btnCloseEvtDisplay:hover
{
	cursor:pointer;
	background-position: 0px 1px;
}
#calendarDates
{
	background-color: transparent;
	position:absolute;
	left: 0px;
}
#monthHeader
{
	background-color: #000000;
	position:absolute;
	left: 0px;
	top: 0px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size:14px;
	color:#FFFFFF;
	text-align:center;
	
}
.EventPopUp
{
	background-color: #990000;
	position:absolute;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
	font-size:14px;
	color:#FFFFFF;
	text-align:center;
}
.EventPopUpShadow
{
	background-color: #000000;
	position:absolute;
}

#btnLastMonth
{
	position:absolute;
	background-image:url(../img/navArrows.png);
	width: 20px;
	height:30px;
	background-repeat:no-repeat;
	background-position: -40px 0px;
	

}
#btnNextMonth
{
	position:absolute;
	background-image:url(../img/navArrows.png);
	width: 20px;
	height:30px;
	background-repeat:no-repeat;
	background-position: -60px 0px;
}
#btnLastMonth:hover
{
	cursor:pointer;
}
#btnNextMonth:hover
{
	cursor:pointer;
}

.weekdayHeads
{
	position:absolute;
	background-color:transparent;
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:12px;
	color:#000000;
	
}
#EntLogo
{
	background-color: transparent;
	background-image:url(../img/entertainment.png);
	position:absolute;
	left: 0px;
	top:0px;
	width:286px;
	height:84px;
	
}
#featureBanner
{
	position:absolute;
	width:480px;
	height:84px;
	left:10px;
	top: -95px;
	background-image:url(../flyer/salsa.jpg);
	background-position:center;
	background-repeat:no-repeat;
}
#featureBanner:hover
{
	cursor:pointer;
}
.calendarDateBox
{
	background-color:#F9F4D7;
	position: absolute;
	
}
.dateNumberBox
{
	position:absolute;
	width: auto;
	height: auto;
	background-color: #DCBD87;
	top: 0px;
	left: 0px;
	padding: 2px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size:12px;
	color:#ffffff;

}
a.eventLink
{
	color: #000000;
	display: block;
	font-size:11px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	line-height:11px;
	border-bottom:1px dotted #000000;
	text-decoration:none;
}
a.eventLink:hover
{
	color:#FFFFFF;
	background-color:#000000;
}