div#upcoming-events {
	background-position: 0 bottom;
	width: 325px;
	padding-bottom: 5px;
	background-repeat: repeat-y;
	background-image: url(/images/upcoming-events/background600.png);
}

div#upcoming-events img {
	border: none;
}
div#upcoming-events ul.drawers {
	list-style-type: none;
	padding-top: 0;
	padding-left: 0;		
	padding-right: 0;
	margin-left: 4px;
	margin-right: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	width: 316px;
	height: 506px;	
}	

div#upcoming-events div.callout {
	width: 315px;
	height: 270px;
	padding-left: 10px;
	padding-bottom: 3px;
	padding-top: 3px;	
}

div#upcoming-events div.event-cel {
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 14px;
	width: 315px;
	height:42px;
	padding-top: 10px;
	padding-left: 10px;
	position: relative;	
}

div#upcoming-events div.event-cel img.recap {
	position: absolute;
	left: 271px;
	top: 5px;
}
div#upcoming-events div.event-cel-top {
	background-repeat: no-repeat;
	background-image: url(/images/upcoming-events/cel-top.png);	
}
	
div#upcoming-events div.event-cel a.city { color:black; text-decoration:none; font-weight: bold; font-size: 11px; }
div#upcoming-events div.event-cel a.title { color:#c51616; text-decoration:none; font-weight: bold; font-size: 11px; }
div#upcoming-events div.event-cel span.day { color:#676767; font-size: 11px; }
div#upcoming-events div.event-cel span.venue { color:black; font-size: 11px; }
div#upcoming-events div.event-cel div.details {
	float: left;
	padding-left: 4px;
	width: 260px;
}

div#upcoming-events div.event-cel div.calendar {
	width: 47px;
	height: 37px;
	background-image: url(/images/upcoming-events/calendar.gif);
	background-repeat: no-repeat;	
	float: left;
}

div#upcoming-events div.event-cel div.calendar div.month {
	padding-top: 2px;
	padding-bottom: 2px;
	color: white;
	font-size: 10px;
	font-weight: bold;
	text-align: center;
}

div#upcoming-events div.event-cel div.calendar div.day {
	padding-top: 1px;
	text-align: center;
	color: black;
	font-weight: bold;
}