/* Normalises margin, padding */
body, div, dl, dt, dd, ul, ol, li, hi, h2, h3, h4, h5, h6, pre, form, fieldset, legend,
input, p, blockquote, caption, th, td
{ margin: 0; padding: 0; }

/* Normalises heading font sizes */
h1, h2, h3, h4, h5, h6
{ font-size: 100%; }

/* Removes list-style for lists */
ul, ol
{
	list-style: none;
}

/* Normalises table borders */
table
{
	border-collapse: collapse;
	border-spacing: 0;
	border: 1px solid #000099;
}

/* Removes border from fieldset and img */
fieldset, img
{ border: 0; }

/* Left-aligns text in caption and th */
caption, th
{ text-align: left; }

/* Removes quotation marks from q */
q:before, q:after
{ content: ''; }


body {
	font: 1em Verdana, Arial, Helvetica, sans-serif;
	color: #333333;
}
#wrapper {						/* Adds margin and border to page */
	border: 1px solid #009900;
	position: relative;
	background: url(../images/wrapper-bg.gif) repeat-y;
	margin: 2em;
}

/* Start Header */
#header {
	background: #bfffbf;
	border-bottom: 1px solid #009901;
}
#header #headerimg {			/* Floats header image to right */
	float: right;
	margin-top: 5px;
	margin-right: 5px;
}
/* End Header */

/* Start top navigation */
#topnav {
	font-size: 80%;
	color: #FFFFFF;
	font-weight: bold;
	height: 1.75em;
	padding-top: 0.4em;
	background: #009900;
}
#topnav span {
	margin-left: 1em;
}

/* Start top navigation links */
#topnav a:link {
	color: #bfffff;
}
#topnav a:visited {
	color: #80ffff;
}
#topnav a:hover, #topnav a:active {
	color: #ffcc00;
}
/* Endtop navigation links */

#topnav ul {			/* Floats navigation to right */
	float: right;
	margin-right: 1em;
}
#topnav li {			/* Displays navigation horizontally */
	display: inline;
	margin-left: 1.5em;
}

#homepage #topnav li #homelink, #supportpage #topnav li #supportlink,				/* Current page menu formatting */
#contactspage #topnav li #contactlink, #linkspage #topnav li #linkslink, #sitemap #topnav li #sitemaplink {
	color: #ffcc00;
}
/* End top navigation */

/* Start left navigation */
#leftnav {
	position: absolute;
	width: 14em;
	top: 8.2em;
}
#leftnav p.facs {
	font-size: 70%;
	font-weight: bold;
	border: 2px solid #006b00;
	padding: 0.75em;
	background: #e7ffe7;
	margin: 1em;
}

#leftnav ul {
	margin: 1em 1em 2em 0.95em;
}
#leftnav li {
	font-size: 70%;
	font-weight: bold;
	margin-bottom: .5em;
}
#leftnav a:link, #leftnav a:visited {
	color: #006b6b;
	border-bottom: 1px solid #006b6b;
	display: block;
	padding-bottom: 0.2em;
	padding-top: .05em;
	padding-left: 0.4em;
	background: #e6ffbf;
	text-decoration: none;
	border-left: 8px solid #006b6b;
}
#leftnav a:hover, #leftnav a:active {
	background: #bfffff;
}
#aboutpage #leftnav #aboutlink, #youthpage #leftnav #youthlink,				/* Current page menu formatting */
#clubspage #leftnav #clubslink, #eyearspage #leftnav #eyearslink, #whatsonpage #leftnav #whatsonlink,
#hirepage #leftnav #hirelink, #manteampage #leftnav #teamlink, #cgcapage #leftnav #cgcalink,
#rbwmpage #leftnav #rbwmcdulink, #churchpage #leftnav #churchlink, #schholpage #leftnav #schhollink {
	color: #006b6b;
	border-bottom: 1px solid #006b6b;
	display: block;
	padding-bottom: 0.2em;
	padding-top: 0.05em;
	padding-left: 0.4em;
	background: #bfffff;
	text-decoration: none;
	border-left: 8px solid #006b6b;
}
/* End left navigation */

/* Start main content */
#content {
	margin-left: 15em;
}
#content h1, #content h2 {
	position: relative;
	height: 31px;
	width: 90%;
	overflow: hidden;
	font-size: 80%;
	font-weight: bold;
}
h1+p {
	font-weight: bold;
}
/* Start image replacement for the h1 headings */
#homepage #content h1.homehead span, #supportpage #content h1.supporthead span, #linkspage #content h1.linkshead span,
#contactspage #content h1.contactshead span, #aboutpage #content h1.abouthead span, #youthpage #content h1.youthhead span,
#clubspage #content h1.clubshead span, #eyearspage #content h1.eyearshead span, #whatsonpage #content h1.whatsonhead span,
#hirepage #content h1.hirehead span, #manteampage #content h1.manteamhead span, #cgcapage #content h1.cgcahead span,
#rbwmpage #content h1.rbwmhead span, #churchpage #content h1.churchhead span, #schholpage h1.schholhead span {
	height: 100%;
	width: 100%;
	position: absolute;
	top: 2px;
	right: 2px;
}
#homepage #content h1.homehead span {
	background: url(../images/indexh1bg.gif) no-repeat;
}
#supportpage #content h1.supporthead span {
	background: url(../images/supporth1bg.gif) no-repeat;
}
#linkspage #content h1.linkshead span {
	background: url(../images/linksh1bg.gif) no-repeat;
}
#contactspage #content h1.contactshead span {
	background: url(../images/contactsh1bg.gif) no-repeat;
}
#aboutpage #content h1.abouthead span {
	background: url(../images/abouth1bg.gif) no-repeat;
}
#youthpage #content h1.youthhead span {
	background: url(../images/youthh1bg.gif) no-repeat;
}
#clubspage #content h1.clubshead span {
	background: url(../images/clubsh1bg.gif) no-repeat;
}
#eyearspage #content h1.eyearshead span {
	background: url(../images/eyearsh1bg.gif) no-repeat;
}
#whatsonpage #content h1.whatsonhead span {
	background: url(../images/whatsonh1bg.gif) no-repeat;
}
#hirepage #content h1.hirehead span {
	background: url(../images/hireh1bg.gif) no-repeat;
}
#manteampage #content h1.manteamhead span {
	background: url(../images/manteamh1bg.gif) no-repeat;
}
#cgcapage #content h1.cgcahead span {
	background: url(../images/cgcah1bg.gif) no-repeat;
}
#rbwmpage #content h1.rbwmhead span {
	background: url(../images/rbwmh1bg.gif) no-repeat;
}
#churchpage #content h1.churchhead span {
	background: url(../images/churchh1bg.gif) no-repeat;
}
#schholpage #content h1.schholhead span {
	background: url(../images/schholh1bg.gif) no-repeat;
}
/* End image replacement for the h1 headings */

/* Start image replacement for the h2 hire heading */

#hirepage #content h2.hire span {
	font-size: 80%;
	height: 100%;
	width: 100%;
	position: absolute;
	top: 0px;
	right: 0px;
}
#hirepage #content h2.hire span {
	background: url(../images/hireh2-bg.gif) no-repeat;
}
/* End image replacement for the h2 hire heading */

#content h3 {
	font-size: 80%;
	margin-left: 1em;
	margin-bottom: 0.5em;
	color: #009999;
	margin-top: .5em;
}

#content p {
	font-size: 80%;
	line-height: 120%;
	margin: 0.5em 1em 1em;
}
#content ul {
	font-size: 80%;
	margin-left: 3em;
	line-height: 120%;
	margin-bottom: 2ex;
	margin-top: .5em;
}
#content li {
	margin-top: 0.45em;
	padding-left: 1.2em;
}
#content ul ul {
	font-size: 100%;
}
#content dl {
	font-size: 80%;
	margin-left: 1em;
}
#content dt {
	font-weight: bold;
}
#content dd {
	margin-left: 1em;
	margin-top: 0.25em;
	margin-bottom: 1em;
}



/* Start Main link formatting */
#content a:link {
	color: #0066CC;
}
#content a:visited {
	color: #406b00;
}
#content a:hover, #leftnav a:active {
	color: #FF9900;
}
#submenu+p {
	border-top: 1px solid #009999;
	padding-top: 0.25em;
}

#content #submenu li {
	font-size: 85%;
	display: inline;
	margin-right: 1em;
}

/* End Main link formatting */

#centrephoto, #victoryhall, #victoryimg, #victoryimg2, #kitchenimg, #kitchenimg2, #kitchenimg3, #kitchenimg4, 	/* Centre photos */
#barimg, #barimg2, #barimg3, #conferenceimg1, #conferenceimg2, #coffeeimg, #coffeeimg2 {
	padding: 5px 5px 8px;
	border-top: 1px solid #CCCCCC;
	border-right: 1px solid #666666;
	border-bottom: 1px solid #666666;
	border-left: 1px solid #CCCCCC;
	background: #e5e5e5;
	margin-bottom: 1em;
	margin-right: 1em;
}
#content #centreplan {
	margin-left: 4em;
}


#content .whatson {
	font-weight: bold;
	margin-top: 1em;
	margin-left: 1em;
	font-size: 70%;
}
#content .whatson span {
	color: #006b00;
}

#content table {
	border: 1px solid #006b6b;
	width: 90%;
	margin-left: 1em;
}
#content th {
	background: #009999;
	font-size: 80%;
	color: #FFFFFF;
	text-align: left;
	padding: 0.15em;
	width: 50%;
}
#content td {
	font-size: 80%;
	padding: .15em;
	border: 1px solid #009999;
}
#content #hobbiestable, #content #sportstable, #content #churchtable, #content #youngtable,
#content #activstable, #content #clubstable, #content #preschtable, #content #schholtable, #content #eyearstable {
	width: 90%;
	font-size: 90%;
}
#content #hobbiestable th, #content #sportstable th {
	width: 33%;
}
#content #schholtable {
	margin-bottom: 3em;
}

#content #locmap {
	float: right;
	font-size: 70%;
	text-align: center;
}
#content #more {
	margin-top: 4px;
}
#content #hobbiestable #act {
	width: 38%;
}
#content #hobbiestable #day {
	width: 42%;
}
#content #hobbiestable #contact {
	width: 20%;
}




#footer {
	background: #bfffbf;
	text-align: center;
	font-size: 65%;
	color: #009900;
	padding-top: 1em;
	padding-bottom: 1em;
	border-top: 1px solid #009900;
	margin-top: 3em;
}


/* Other formatting */
.center {
	text-align: center;
}
.contact {
	font-weight: bold;
	margin-left: 1em;
	border-bottom: 1px solid #80ffff;
	border-left: 1px solid #80ffff;
	padding-top: 0.5em;
	margin-right: 2em;
	background: #e6ffff;
	margin-bottom: .5em;
}
.bullet {
	background: url(../images/bullet.gif) no-repeat 0 3px;
}
.highlight {
	text-align: center;
	font-weight: bold;
	color: #006b6b;
	clear: right;
}
.backtotop {
	text-align: right;
	border-bottom: 1px solid #009999;
	padding-bottom: 0.15em;
	background: #BFFFFF url(../images/up-arrow.gif) no-repeat right;
	margin-bottom: 0.75em;
	padding-top: 0.15em;
	padding-right: 0.5em;
}
.backtotop a:link, .backtotop a:visited {
	font-size: 85%;
}
#audioloop {
	display: inline;
	margin-left: 0.25em;
	margin-top: -2px;
}

.floatleft {
	float: left;
}




/* floats */
.floatright {
	float: right;
	margin-left: 1em;
	margin-top: 0.15em;
}
#boxright {
	float: right;
	background: #e7ffe7;
	border: 2px solid #009999;
	width: 16em;
	padding: 0.5em;
	text-align: center;
	font-weight: bold;
	color: #009900;
	margin-left: 1em;
	margin-right: 1em;
}
#boxright h3 {
	color: #006b00;
	font-size: 85%;
	margin-left: 0em;
	padding-left: 0em;
}
#boxright p {
	font-size: 75%;
	margin-left: 1em;
}
#library {
	position: absolute;
	height: 16em;
	width: 23em;
	left: 500px;
	top: 540px;
	visibility: hidden;
	font-size: 70%;
	background: #FFFFFF;
	border: 2px solid #339933;
	padding: 1em;
}



.clear {
	clear: right;
}