@import url('reset.css');

body {
	background: #fccb52 url('../wsimages/body_bg.gif') repeat-y top center;
	width: 100%;
	overflow-x: hidden;
}

div#wrapper {
	width: 968px;
	margin: 0 auto;
	overflow: hidden;
}

div#header {
	height: 328px;
	background: transparent url('../wsimages/header_bg.png') no-repeat;
	padding: 16px 31px 0px 31px;
	overflow: hidden;
}
	
	div#headerImage {
		width: 906px;
		height: 328px;
		}
	
	div#pictureInfo {
		background-color: #000;
		color: #fff;
		padding: 10px;
		height: 120px;
		margin-top: -100px;
	}

div#navigation {
	height: 40px;
	padding: 0 32px 0 32px;
	background: transparent url('../wsimages/content_bg.png') repeat-y;
	overflow: hidden;
}


div#content {
	min-height: 344px;
	background: transparent url('../wsimages/content_bg.png') repeat-y;
	padding: 15px 58px;
}
	
	div#content div#mainColumn {
		width: 576px;
		margin-right: 38px;
		float: left;
		overflow: hidden;
	}
	
		div#mainColumn div#events {
			height: 200px;
			width: 2000px;
			margin-bottom: 15px;
			position: relative;
		}
		
			div#events div#eventSlider {
				height: 186px;
				width: auto;
			}
			
			div#events a#prev, div#events a#next {
				background: transparent url('../wsimages/btn_prev.png') no-repeat center center;
				height: 31px;
				width: 31px;
				display: block;
				float: left;
				margin: 0 9px 0 0;
				position: absolute;
				top: 81px;
				left: 5px;
				text-indent: -999em;
				z-index: 10;
			}
				
				div#events a#next {
					left: 540px;
					background-image: url('../wsimages/btn_next.png');
				}
		
				div#eventSlider div.eventItem {
					height: 186px;
					width: 186px;
					float: left;
					margin-right: 9px;
					overflow: hidden;
					position: relative;
				}
				
					div.eventItem div.eventDetails {
						position: absolute;
						height: 186px;
						width: 186px;
					}
				
						div.eventItem a {
							background: transparent url('../wsimages/overlayEvents.gif') no-repeat;
							display: block;
							height: 186px;
							width: 186px;
							position: absolute;
							z-index: 1;
							text-indent: -999em;
						}
						
						div.eventItem h2 {
							position: absolute;
							background-color: #000;
							top: 0px;
							display: block;
							width: 176px;
							padding: 3px 5px;
							text-align: center;
							z-index: 0;
							font-size: 14px;
						}
						
						div.eventItem p {
							position: absolute;
							background-color: #000;
							bottom: 0px;
							display: block;
							width: 176px;
							padding: 3px 5px;
							text-align: center;
							z-index: 0;
							color: #fff;
							margin: 0;
							font-size: 11px;
							line-height: 11px;
						}
			
						div.eventItem img {
							margin: 0;
							padding: 0;
							float: none;
							position: absolute;
						}
	
	div#content div#secondaryColumn {
		width: 238px;
		float: left;
	}
	
		div.secBox {
			background: #fff url('../wsimages/secColumn_box_bg.jpg') repeat-x;
			border: 1px solid #dfdfdf;
			margin-bottom: 15px;
		}

div#footer {
	height: 45px;
	background: transparent url('../wsimages/footer_bg.png') no-repeat bottom;
	position: relative;
}

	a#dev {
		float: left;
		position: absolute;
		bottom: 10px;
		right: 32px;
		text-decoration: none;
		color: #999;
		font-size:10px;
	}
	
		a#dev:hover {
			color: #333;
			font-size:11px;
		}

div.clear {
	clear: both;
	height: 1px;
	overflow: hidden;
}