/******************************************/	
/* CSS powered by clock - www.clock.co.uk */
/******************************************/	

/**
 * structure.css
 
 * Change the values to alter the overall layout/structure of the Web site.
 * If you change the container width, you must also change other width values so the sum equals the conatiner value
 * Example - if this Web site is a three column layout, consisting of (going across - #navigation, #main-content, #utility), then the sum of these three columns must equal the width of the container
 
 */
body {
	background-color: #2d2d2d;
}
#container {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	text-align: left;
}

/* header */
#header {
	float: left;
	height: 37px;
	width: 100%;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	background-color: #26282a;
	background-image: url("/resource/image/header-strip.gif");
}
#header-banner {
	background-image: url("/resource/image/euro2008-banner.jpg");
	float: left;
	height: 112px;
	width: 100%;
	background-position: center;
	border-bottom: 1px solid #000000;
}
/* navigation */
#navigation {
	display: none;
}

/* wrapper */
#wrapper {
	width: 100%;
	background-color: #ffffff;
	background-image: url("/resource/image/grass-flat.jpg");
	background-repeat: no-repeat;
	background-position: center bottom;
	float: left;
}
#wrapper #special-effect {
	background-image: url("/resource/image/grass-front.png");
	_background-image: url("/resource/image/grass-front.gif");
	height: 62px;
	margin: -62px 0px 0px 0px;
	background-position: right -38px;
	width: 100%;
}
/* main-content */
#main-content {
	width: 952px;
	margin: 0px auto 0px auto;
	padding: 50px 20px 170px 20px;
	min-height: 380px;
	_height: 380px;
}
/* footer */
#footer {
	clear: both;
	width: 100%;
	/*temp*/ background-color: #2d2d2d;
	min-height: 160px;
	_height: 160px;
	padding: 10px 0px 50px 0px;
}
#footer #footer-content {
	width: 992px;
	margin: 0px auto 0px auto;
	padding: 0px 0px 0px 0px;
}