@charset "utf-8";
/* The CSS file for www.winghamshow.info, by www.savvywebdesign.net */

body {
	margin: 0 auto;
	padding: 0;
	font-family: Arial, Tahoma, Verdana, Helvetica, sans-serif;
	font-size: 13px;
	color: #333333;
	text-align:center;
	background-color: #FFFFFF;
	background-image: url(images/pageback.jpg);
	background-repeat: repeat-y;
	background-position: center;
}
/* 	text-align:center is a hack to make the website centre in older browsers. In newer browsers, the auto L&R margins in the subsections handle this. */

p {line-height: 150%;}

h1.home, h2.home {color:#649a04;}
h1.whatson, h2.whatson {color:#bd0500;}
h1.entrants, h2.entrants {color:#006ce4;}

h1 {letter-spacing: -1px; font-size: 2.4em;}

h2 {
	font-size:1.7em;
	font-weight:bold;
	margin-top:30px;
	text-align: left;
}

h3 {font-size:1.5em;font-weight:bold;color:#000000;text-align:left;}
/*H3 appears only on Entrants page*/


a {color:#669900;text-decoration:none;font-weight:bold;}

a:hover {text-decoration: underline;}

img {border:0;margin:0;}
img.pagetitle {border:0;margin:10px 0 10px 0;}
img.sidebar {border:0;margin:0 0 10px 0;}

ul li {
	line-height:160%;
	list-style-type: square;
}


/*Wrapper*/
#wrapper {
	width: 900px;
	height: 100%;
	margin:20px auto;
	position:relative;
	text-align:center;
	background-color:#FFFFFF;
}
/* Position rel is solely to enable absolute positioning of inner elements */
/* Text-align:left compensates for the centre-align hack in the body. */

/* Header section */

#header {width:900px;height:200px;margin:0 auto;text-align:left;overflow:hidden;position:relative;z-index:1;}

#header p {color:#669900;font-weight:bold;margin:0;}

/* logo */

#logo {
	position:absolute;
	left:25px; top:64px;
	margin: 0; 
	z-index:5;
}

/* Buttons contains the three main buttons */
#buttons {margin:0 auto 10px auto;height:80px;width:100%;padding:0;overflow:hidden;position:relative;z-index:5;}


#identifier-home {margin:0 auto 30px auto;height:10px;width:900px;background-color:#649a04;padding:0;overflow:hidden;}
#identifier-whatson {margin:0 auto 30px auto;height:10px;width:900px;background-color:#bd0500;padding:0;overflow:hidden;}
#identifier-entrants {margin:0 auto 30px auto;height:10px;width:900px;background-color:#006ce4;padding:0;overflow:hidden;}

#main {width:900px;margin:10px auto;padding:0;position:relative;}

#sidebar {width:250px;margin:0;padding:0;float:left;}


.greenbox {
	width:250px;
	margin:0 auto;
	/*padding:10px 0;*/
background: url(images/boxback.gif);
}
.greenbox h2 {margin:0 auto 10px auto;width:200px;}
.greenbox p {margin:0 auto 5px auto;width:200px;}

#content {width:595px;margin:0 0 0 300px;padding:0;text-align:justify;}
/*Width is reduced from 600px as an IE workaround */

.breakout {
	width:auto;
	background:#ebf5d8 url(images/breakout-backg.gif) repeat-y center;
	margin:0;
	padding-bottom:20px;
}
/* Padding-bottom is necessary to fix IE's refusal to apply a bottom margin to the final P - this also necessitates the complex margins in the P tag below */
.breakout p {width:510px;margin:15px 20px 0 20px;}
.breakout img {margin:30px 0 10px 20px;}

.oddrow {
	width:auto;
	background:#ebf5d8 url(images/table-backg-blue.gif) repeat-y center;
	padding-top:10px;
	padding-bottom:20px;
}
.oddrow p, .oddrow h3 {width:510px;margin:15px 20px 0 20px;}
/*.oddrow img {margin:30px 0 10px 20px;}*/

.evenrow {
	width:auto;
	background:#ffffff url(images/table-backg-white.gif) repeat-y center;
	padding-top:10px;
	padding-bottom:20px;
}
.evenrow p, .evenrow h3 {width:510px;margin:15px 20px 0 20px;}
/*.evenrow img {margin:30px 0 10px 20px;}*/

/* Footer section */

#footer {width: 900px;margin:40px auto;text-align:center;clear:both;border-top:1px solid #649a04;}

#footer p {	margin: 0; padding: 10px; font-size: .8em;}

#credits-popup {padding-left:20px;padding-right:20px;background:#ffffff;}