/* ZEROING ALL MARGINS AND PADDING TO COUNTERACT THE WAYS DIFFERENT BROWSERS PLACE MARGINS AND PADDING AROUND XHTML/CSS ELEMENTS */

* {
	margin: 0;
	padding: 0;
}
	

/* DEFINING BROADLY THE FORMATTING AND POSITIONING ON-SCREEN OF THE SIX MAIN ELEMENTS OF EACH WEBPAGE: BODY, WRAPPER, HEADER, CONTENT, NAVIGATION-SIDEBAR AND FOOTER. */


body {
	margin: 0;
	padding: 0;
	background-color: #fff; /* THIS SETS THE GENERAL BACKGROUND OF EACH WEBPAGE BY DEFAULT TO WHITE, IN CASE JPEG BELOW HASN'T LOADED */
	/*background-image: url(graphics/page_bg2.jpg); *//* THIS JPEG GIVES THE LIGHT GREEN BACKGROUND WITH A GENTLE VERTICAL GRADIENT SEEN BEHIND EACH WEB PAGE */
	background-repeat: repeat-x; /* THIS MAKES GREEN BACKGROUND IMAGE TILE LEFT-RIGHT ACROSS PAGE BUT DOESN'T TILE VERTICALLY (TO AVOID UGLY HORIZONTAL GREEN BARS */
	background-position: left top; /* NOT SURE WHY IT'S CENTER TOP AND NOT LEFT TOP */
	font-family: "Neue Helvetica", "Lucida Sans Unicode", Tahoma, Gisha, Verdana, Arial, sans-serif;
	text-align: center; /* THIS IS A FIX FOR A BUG IN INTERNET EXPLORER 5 FOR WINDOWS */
}
 
#wrapper {
	width: 760px;
	margin: 15px auto 20px auto; /* THIS CENTRES THE CONTAINER (WRAPPER) FOR THE WEB CONTENT IN MIDDLE OF THE SCREEN WITH A GAP AT THE TOP AND BOTTOM */
	background-color: #fff; /* THIS SETS THE DEFAULT WRAPPER BACKGROUND TO WHITE, IN CASE VERY LIGHT GREEN GIF IMAGE BELOW HASN'T LOADED */
	background-image: url(graphics/wrapper_bg.gif); /*THIS SETS WRAPPER BACKGROUND TO A VERY LIGHT GREEN USING A GIF */
	background-repeat: repeat-y;  /* THIS TILES THE LIGHT GREEN GIF VERTICALLY DOWN THE PAGE */
	background-position: center top; /* THIS STARTS THE GIF AT THE CENTRE TOP OF THE WRAPPER */
	border: 1px solid #ADAD85; /*2px #ececec;*/
	text-align: left; /* THIS IS A FIX FOR A BUG IN INTERNET EXPLORER 5 FOR WINDOWS */
}

#header {
	background-image: url(images/titsey.jpg);  /* THIS IS THE WOODLAND IMAGE SHOWN IN THE TOP LEFT HAND CORNER OF EACH WEB PAGE */
	background-repeat: no-repeat;
	height: 150px;
	position: relative;
	background-color: #009900  ; /* PREVIOUSLY #7bc66b;*/
	border-bottom: 2px solid #ffff99;
	/* border-right: 2px solid #ffff99; */
}

#content {
	float: right;  /* THIS COMMAND FLOATS THE CONTENT ONTO THE RIGHT SIDE OF THE WRAPPER, BUT BELOW THE HEADER */
	width: 556px;  /*557px;*/
	overflow: auto; /* THIS CREATES SIDEBARS WHEN THERE'S TOO MUCH TEXT AND IMAGES TO DISPLAY */
	padding: 11px; /* THIS IS CRITICAL TO POSITIONING CONTENT DIVISION CORRECTLY ON THE SCREEN */
	/* border-right: 1px dotted green; */
	/* background-color:#ffffcc; */
	/* border-bottom: 1px solid #999900; */
	/* border-right: 1px solid #ffff99; */
}

#navigation {
	float: left;
	width: 180px;
	text-indent: 10px;
	background-color: #009900;
	background-image: url(images/treesSIDEBAR1.gif);
	background-repeat: repeat-y;  
	background-position: left top; 
	border-right: 1px solid #ffff99;
}

#footer {
	clear: both; /* THIS COMMAND CAUSES THE FOOTER TO BE LOCATED BELOW BOTH THE CONTENT AND NAVIGATION SIDEBAR */
	background-image: url(graphics/OR_Logo.png);
	background-position: 97% 50%;
	background-repeat: no-repeat;
	font-size: 80%;
	padding-right: 540px;
	padding-top: 12px;
	height: 50px; /* PREVIOUSLY 35px */
	text-align:right;
	color: green;
	background-color: white;
	border-top: 1px solid #ADAD85; /* PREVIOUSLY #ececec; */ 
	border-bottom: 2px solid #fff;
	border-left: 1px solid #ececec;
	border-right: 2px solid #fff;
}

/* END GENERAL FORMATTING AND POSITIONING OF BODY, WRAPPER, HEADER, CONTENT, NAVIGATION-SIDEBAR AND FOOTER */


/* DEFINING HEIGHT OF CONTENT DIVISION AND NAVIGATION-SIDEBAR. THESE EACH NEED TO BE ADJUSTED EQUALLY. */

#normal #wrapper #content {
	height:1064px;
}

#normal #navigation  {
	height: 1085px;
}

/* END DEFINING HEIGHT OF CONTENT DIV AND NAVIGATION SIDEBAR */


/* FORMATTING THE TITLE AT TOP OF EACH PAGE */

#header h1 {
	margin: 0;
	padding: 0;
	color: #ffff99;
	font-size: 180%; /* 200%;*/
	/*position: absolute;*/
	padding-left: 200px;
	padding-top: 20px;
	/*bottom: 4px;*/
	/*right: 0;*/
	/* border-right: 0px dotted green;*/
	padding-right: 1em;
}

.bigger {
	font-size:200%;
	color: #fff;
	text-decoration: underline;
	}

/* END FORMATTING THE TITLE AT TOP OF EACH PAGE */


/* FORMATTING OF ALL HYPERLINKS INTO BOLD */

a {
	font-weight: bold;
}

/* END FORMATTING OF ALL HYPERLINKS INTO BOLD */


/* FORMATTING OF NAVIGATION-SIDEBAR HYPERLINKS INTO NORMAL NOT BOLD */

#navigation a {
	font-weight: bold;  /* PREVIOUSLY NORMAL */
}

/* END FORMATTING OF NAVIGATION-SIDEBAR HYPERLINKS INTO NORMAL NOT BOLD */


/* FORMATTING THE MAIN CONTENT PANEL OF EACH WEBPAGE I.E. THE DIVISION WHOSE ID="CONTENT"  */

#content p {
	padding:0;
	margin:0;
	padding-top:0.8em;
	padding-bottom:0.8em;
	font-size: 95%;
	line-height: 1.8em;
}

#content h1 {
	margin: 0;
	padding: 0;
	font-weight: bold;
	color: green;
	font-size: 160%; /*125%;*/
	padding-bottom:0.3em;
}

#content strong {
	color: green;
}

#content emphasis {
	color: green;
	font-weight:bold;
	font-style:italic;
}

#content a {
	color: green;
	text-decoration: none;
}

#content a:hover {
	color: green;
	text-decoration: underline;
}

#content ol {
	font-size: 80%;
	list-style-type:square;
	font-size: 80%;
	line-height: 1.8em;
	margin-left: 15px;
	padding:0;
}

#content ol li {
	padding-top:2px;
	color:#999900;
}

#content h3 {
	margin: 0;
	padding: 0;
	padding-top:1.05em;
	font-weight:bold;
	color: green;
	font-size: 100%;
	text-align: left;
}

#content h4 {
	padding:0;
	margin:0;
	padding-top:1.05em;
	color:green;
	font-size: 110%;
}

#content h5 {
	padding:0;
	margin:0;
	padding-top:0.3em;
	color: #363;
	font-size: 95%;
	font-weight:bold;
}

#content caption {
	font-size: 100%; 
	color: white;
	background-color:black;
	font-weight: bold;
	height:30px;
}

#content th {
	font-size: 80%;
	background-color:green;
	color:white;
	border: 5px solid green;
	text-align:left;
}

#content td {
	font-size: 80%;
	color:gray;
	width:200px;
	padding-left:5px;
	border: 1px dotted gray;
}

/* END FORMATTING THE MAIN CONTENT PANEL OF EACH WEBPAGE I.E. THE DIVISION WHOSE ID="CONTENT"  */



#races {
	margin:0;
	padding:0;
	border: 1px solid #33bba6;
	border-collapse: collapse;
	font-weight:bold;
}


#races td {
	padding: 3px;
}

#col1 th {
	width: 20%;
}

#faces {
	margin:10px;
	margin-top:20px;
	margin-left:0px;
	padding:0px;
	font-weight:bold;
}

#faces td {
	padding: 3px;
	font-size: 90%;
	border:none;
	vertical-align:middle;
}

#faces th {
	background-color:transparent;
	border:none;
	color:green;
}

/* THESE STYLES FORMAT THE LITTLE PHOTOS THAT APPEAR ON EACH WEB PAGE */
/* (I CAN'T SEE HOW THE SECOND STYLE ACTUALLY CENTRES THE PHOTO) */

img.figure {
	float:right;
	margin-top:10px;
	margin-left:10px;
	margin-bottom:10px;
	border: 1px solid #ececec;
	background-color:white;
	padding: 4px;
}

img.figure_centred {
	margin-left:60px;
	margin-right:60px;
	margin-top:5px;
	border: 1px solid #ececec;
	background-color:white;
	padding: 4px;
}

/* FORMATTING THE NAVIGATION SIDEBAR THAT IS DISPLAYED ON THE LEFT HAND SIDE OF EACH WEB PAGE */

#navigation ul {
	list-style: none;
	margin: 0 0 0 0;  /* PREVIOUSLY margin: 1em 0 0 0; */
	padding: 0;
	border: none;
}

#navigation li {
	font-size: 90%;
}

#navigation a:link, #navigation a:visited {
	color: #ffff99;
	background-color:transparent;
	display:block;
	border-bottom: 1px solid #999;
	padding: 1em 0 0.2em 0;
	text-decoration:none;
}

#navigation a:hover {
	background-color: #003300  ;  /*#a5de94;*/
	color: white;
}

/* END FORMATTING THE NAVIGATION SIDEBAR THAT IS DISPLAYED ON THE LEFT HAND SIDE OF EACH WEB PAGE */


/* THE FOLLOWING STYLES FORMAT THE HYPERLINKS DISPLAYED THROUGHOUT THE WEBSITE */

#links {
	margin:0;
	padding:0;
	margin-left:10px;
	font-size: 90%;
	list-style-type:circle;
}

#links li {
	margin-left:20px;
	padding-left:20px;
	padding-top:5px;
}

#links li a:link, #links a:visited {
	text-decoration:none;
	color:maroon;
}

#links a:hover {
	color:green;
}

/* END OF HYPERLINK STYLING */


/* THE FOLLOWING STYLES WERE USED TO FORMAT THE SPONSORS PAGE IN 2009 */
/* THESE MAY BE REDUNDANT STYLES IN 2010 */ 

.nologo {
	background-color: #fff;
	font-weight: bold;
	border: 2px solid black;
	width: 300px;
	padding-left: 20px;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left:auto;
	margin-right:auto;
}

#sponsorspage #content {
	height: 869px;
}

#sponsors_list {
	clear:right;
	margin-left: auto;
	margin-right: auto;
	text-align:center;
	padding: 10px;
}

.whitebackground {
	background-color: #fff;
}

table {
	margin-left: auto;
	margin-right: auto;
	margin-top:20px;
	border: 0px solid #000;
	border-collapse: collapse;
}

#content td {
	border: 0px solid #000;
	vertical-align: top;
	padding-top: 5px;
	padding-bottom: 5px;
}

.newsflash {
	color: red;
	font-weight: bold;
}



ol {
	color: red;
	font-weight: bold;
}

li {
	list-style-type: none;
	font-size: 1.0em;	
}


/* THE FOLLOWING INTRODUCES A BACKGROUND IMAGE OF TREES TO ALL WEBPAGES WITH id="content" AND STRENGTHENS THE FONT AND CHANGES ITS COLOUR TO MAKE TEXT READABLE AGAINST IT */

p {
	text-align:justify;
	font-weight: 500;
	color: #330000;
}

div#content {
background: url(images/treesD.gif)
}

/* END OF BACKGROUND IMAGE STYLING */