/* ==================================== */
/* ===== Style for Events section ===== */
/* ==================================== */


div#sitecontent div.eventlist-wrapper {
	float: left;
	display: block;
	margin: 0;
	padding: 0;
	width: 100%;
}

div#sitecontent div.eventlist {
	float: left;
	display: block;
	margin: 0;
	padding: 0px;
	width: 100%;
}

div#sitecontent div.eventlist div.event-wrapper {
	float: left;
	display: block;
	width: 660px;
	margin: 0;
	padding: 0;
	page-break-inside: avoid;
	page-break-after: auto;
}

div#sitecontent div.eventlist div.event-wrapper div.event {
	float: left;
	display: block;
	width: 660px;
}

div#sitecontent div.event div.date {
	float: left;
	display: block;
	width: 100%;
	padding: 7px 5px 2px;
	background-color: #deccf5;
	background-image: url(../img/events-datebg.jpg);
	background-position: top left;
	background-repeat: repeat-x;
	color: #000;
	font-style: italic;
}
div#sitecontent div.event div.title {
	float: left;
	display: block;
	width: 170px;
	padding: 2px;
	border: none;
}

div#sitecontent div.event div.title a, 
div#sitecontent div.event div.title a:link, 
div#sitecontent div.event div.title a:focus, 
div#sitecontent div.event div.title a:active, 
div#sitecontent div.event div.title a:visited {
	float: left;
	display: block;
	width: 156px;
	padding: 5px;
	border: 1px solid white;
	color: blue;
	white-space: normal;
	text-decoration: none;
}

div#sitecontent div.eventlist div.title a:hover,
div#sitecontent div.eventlist div.title a:visited:hover {
	padding: 5px;
	/* border: 1px solid blue; */
	text-decoration: underline;
}

div#sitecontent div.eventlist div.venue {
	float: left;
	display: block;
	width: 450px;
	padding: 5px 5px 15px;
	border-left: 1px solid silver;
}
div#sitecontent div.eventlist-footer {
	float: left;
	display: block;
	width: 100%;
	height: 1.7em;
	padding: 2px 5px;
	margin-bottom: 30px;
	background-color: #deccf5;
	background-image: url(../img/events-footerbg.jpg);
	background-position: bottom left;
	background-repeat: repeat-x;
}

/* =========== Event title and subtitle ============ */
div#sitecontent h1.event-title {
	line-height: 1em;
}
div#sitecontent h1.event-title span.subtitle {
	font-size: 50%;
	font-weight: normal;
	font-family: "Lucida Sans", "Lucida Bright", Verdana, Helvetica, Arial;
}

/* ======== Link to events main page ========== */
div#sitecontent p.events-linktoeventsmain {
	font-size: 80%;
}

/* ================= Event key details ================ */
div.event-keydetails {
	float: left;
	display: block;
	margin: 0 0 1em 0;
	padding: 10px 10px 10px 10px;
	float: left;
	width: auto;
	border: 0;
	text-align: center;
	background-color: #eeddee;
}

div.event-keydetails div.predetails {
	float: left;
	display: block;
	width: auto;
	margin: 0;
	padding: 0 10px 0 0;
}

div.event-keydetails div.details {
	float: left;
	display: block;
	width: auto;
	margin: 0 auto;
	padding: 0;
	text-align: left;
}