/* Event CSS */

/* First import the main page layout stylesheet */
@import url(main.css);

/* Then style the event page */

#central-container img {
	border: solid 2px #f00;
}
#outside {
	position:relative;
	width: 790px;
	margin: 0px auto;
	text-align: center;
}
#acts {
	position: relative;
	margin: 0px auto;
	text-align: center;
	margin-top: 10px;
}
#acts li {
	display: inline;
}
.act-boxes {
	position:relative;
	width: 150px;
	float: left;
	text-align: center;
	display: inline;
}
#details {
	position: relative;
	padding: 20px;
	clear: both;
}
#area-left {
	position: absolute;
	left: 10px;
	width: 295px;
}
#area-right {
	position: absolute;
	left: 400px;
	width: 295px;
}
.top {
	position: relative;
	width: 369px;
	height: 20px;
	background: url('../images/site/med-top.png') no-repeat;
}
.mid {
	position: relative;
	width: 369px;
	background: url('../images/site/med-mid.png') repeat-y;
}
.content {
	position: relative;
	left: 15px;
	width: 345px;
}
.bot {
	position: relative;
	width: 369px;
	height: 20px;
	background: url('../images/site/med-bot.png') no-repeat;
}
li {
	margin: 0px 10px 0px 0px;
	list-style: none;
	display: inline;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;

}
#event-links {
	text-align: center;
}

#banner {
	position: relative;
	top: 700px;
	left: 150px;
}