/* note the differents between "event" and "events"
	"event" is for the event detail page, whereas "events" is for that page that shows all events
	

	/* ---------------- Event Details Page--------------- */		

	#event_left {
		width: 530px;
		float: left;
	}	

	#event_right {
		width: 185px;
		background: #ffffff;
		margin: 0 0 15px 12px;
		float: left;
	}
	
	#event_right .cont {
		width: 180px;
		margin: 0 0 0 20px;
		float: left;
	}
	
	
	#event_right UL {
		width: 185px;
		padding: 0px;
		margin: 15px 0 20px 0;
	}
	
	#event_right LI {	
		margin: 0px;
		padding: 0px 0 7px 0;
		list-style-type: none;
		border-bottom: 1px solid #d0d0d0;
		color: #666666;
	}
	
	#event_right LI P {	
		width: 150px;
		margin: 6px 0 0px 14px;
	}
	
	#event_right LI A {
		display: block;
		margin: 4px 0 0 0px;
		font-size: 10px;
	}
	
	
	#event_right .city {
		color: #00e4ff;
		font-weight: bold;
	}
	
		
	#event_stage {
			float: left;
			width: 530px;
			background: #ffffff;
			border: 1px solid #e4e4e4;
			margin: 10px 0 10px 0;
		}
		
	#event_stage .flyer {
		margin: 0 0 0 15px;
		padding: 15px 0 0 0;
	}
		
	#event_stage .cont_left {
			width: 260px;
			margin: 0 0 0 15px;
			padding: 20px 0 18px 0;
			float: left;
			font-size: 12px;
			line-height: 17px;
	}
	
	#event_stage .cont_left p {
			font-weight: bold;
			font-size: 12px;
			margin: 14px 0 10px 0;
	}
	
	#event_stage .cont_left UL {
			margin: 0px;
			padding: 0 0 0 20px;
			line-height: 20px;
	}
	
	#event_stage .cont_left LI {
			list-style-type:circle;
	}
		
	#event_stage .cont_right {
			width: 210px;
			margin: 0 0 0 25px;
			padding: 5px 0 20px 0;
			float: left;
	}
	
	#event_stage .cont_right p {
			background: #e2e2e2;
			color: #000000;
			font-weight: bold;
			padding: 4px;
			margin: 13px 0 6px 0;
	}
	
	
	
	/* ---------------- All Events Page--------------- */	
	
	#events_timeline {
		width: 180px;
		float: left;
	}

	
	#events_timeline .date {
		width: 160px;
		text-align: center;
		height: 70px;
		font: 84.5% Georgia, serif;
		font-size: 29px;
		margin: 20px 0 0 0;
	}
	
	#events_timeline .date .year {
		color: #000000;
	}
	
	#events_stage {
		float: left;
		width: 550px;
	}
	
	#events_stage .cont {
		width: 540px;
	}
	
	
	#event {
		margin: 15px 0 0 0;
		width: 550px;
		background: #ffffff;
	}	
	
	#event:hover {
		background: url(img/mainarticle_bg_over.gif) 0 -180px ;
		background-repeat: repeat-x;
	}	
	
	#event .eleft {
		width: 230px;
		float: left;
	}
	
	#event .eright {
		width: 300px;
		float: left;
	}
	
	#event .eright .eventdes {
		margin: 4px 0 5px 0;
		height: 50px;
		border-bottom: 1px dotted #9d9c97;
	}
	
	#event .evtitle {
		background: #00e0ff;
	}