/*
<li class="detail altrow">
	<div class="line event-date">
		<div class="unit size3of5">
			Friday, January 4, 2010
		</div>
		<div class="unit size2of5 lastUnit">
			8:00 PM - 3:00 AM
		</div>
	</div>
	<div class="line event-detail">
		<div class="unit size1of5 event-image">
			<img src="img/event_icon.gif" />
		</div>
		<div class="unit size4of5 lastUnit">
			<h5><a href="/events/view/1">Recession</a></h5>
			<div class="event-summary">New</div>
		</div>
	</div>
</li>

*/
li { padding: 0; margin: 0; }
li.detail { border: 1px dotted #999; margin: 5px 0px; }
li.altrow { background-color: #EFEFEF; }
li div.event-date { background-color: #660000; padding: 5px 10px; color: #FFF; }
li div.event-date .lastUnit { text-align: right; }
li div.event-detail h5 { color: #e86205; margin-bottom: 5px; }
li div.event-detail h5 a { color: #e86205; }
li div.event-detail { padding: 5px; }
li div.event-image { padding-left: 5px; }
li div.event-image img { padding: 2px; border: 1px solid #999; background-color: #CCC; }
div.event-detail-header, div.event-detail-body { margin-left: 10px; margin-bottom: 20px; color: #7b0d00; }

#eventTimes li {
	float: left;
	width: 100px;
	margin: 1px;
	white-space: nowrap;
	font-weight: bold;
	opacity: .7;
	cursor: pointer;
}
#eventTimes li:hover {
	opacity: 1;
}