/* Containers for page payout
--------------------------------------------------*/
html
{
height: 100%;
}

body
{
height: 100%;
}

.pagebackground {
	background-color: #B3B3B3;
}

#wrapper {
	position: relative;
	min-height: 100%;
	height: auto;
	width:	920px;
 	margin:	0 auto;
 	text-align: left;
 	left: 0px;
 	top: 0px;
 	background-color: #FFFFFF;
 	overflow: visible;

}

#header {
	width: 920px;
	height: 165px;
	background-color: #E6EBF2;
}

#menubar {
	width: 910px;
	height: 15px;
	background-color: #E6EBF2;
	font-family: Garamond, Times New Roman, Arial;
   	font-size: 14px;
   	color: #004182;
}

#pageheader {
	position: relative;
	top: -15px;
	width: 910px;
	left: 5px;
	height: 35px;
	background-color: #6A8DB0;
}

#maincontent {
	clear: both;
	position: relative;
	top: -10px;
	width: 920px;
	background-color: #E6EBF2;
	min-height: 100%;
	font-family: Verdana, Arial, Sans serif;
	font-size: 11px;
	color: #004182;
	line-height: 130%;
}

#maincontentucpage {
	clear: both;
	position: relative;
	top: -10px;
	width: 920px;
	background-color: #FE1276;
	min-height: 100%;
	font-family: Verdana, Arial, Sans serif;
	font-size: 11px;
	color: #004182;
	line-height: 130%;
}


#lefthandcolumn{
	float: left;
	position: relative;
	top: -5px;
	left: 0px;
	width: 315px;
}

#lefthandcolumnfnf{
	float: left;
	position: relative;
	top: -5px;
	left: 0px;
	width: 360px;
}

#lefthandcolumnmap{
	float: left;
	position: relative;
	top: 10px;
	left: 120px;
	width: 500px;
}

#lefthandcolumnblank{
	float: left;
	position: relative;
	top: 5px;
	left: 5px;
	width: 710px;
}

#lefthandcolumnlocation{
	float: left;
	position: relative;
	top: 5px;
	left: 5px;
	width: 710px;
}

.charity{
	position: relative; 
	top: 5px;
	height: 500px; 
	width: 710px; 
	left: 5px;
	background-color: #FE1276;
	padding: 10px;
	color: #FFFFFF;
	background-color:#FE1276;
}

#lefthandcolumnleft {
	float: left;
	position: relative;
	top: 0px;
	left: 0px;
	width: 155px;
}

#lefthandcolumnright {
	float: right;
	position: relative;
	top: 0px;
	right: -25px;
	width: 160px;
}

#lefthandcolumnleftblank {
	float: left;
	position: relative;
	top: 0px;
	left: 15px;
	width: 300px;
}

#lefthandcolumncenterblank {
	border: 1px #000080;
	float: left;
	position: relative;
	top: 0px;
	left: 15px;
	width: 200px;
}

#lefthandcolumnrightblank {
	float: right;
	position: relative;
	top: 2px;
	right: 200px;
	width: 150px;
}
#lefthandcolumndouble {
	clear: both;
	position: relative;
	top: 0px;
	left: 0px;
	width: 320px;	
}

#centercolumn {
	float: left;
	position: relative;
	top: 0px;
	left: 45px;
	width: 370px;
	background-color: #E6EBF2;
}

#centercolumnfnf {
	float: left;
	position: relative;
	top: 0px;
	left: 30px;
	width: 370px;
	background-color: #E6EBF2;
}

#righthandcolumn {
	float: right;
	position: absolute;
	right: 5px;
	width: 180px;
	top: 0px;
	background-color: #E6EBF2;
}

#righthandcolumnblank {
	float: right;
	position: absolute;
	right: 5px;
	width: 180px;
	top: 0px;
	background-color: #E6EBF2;
}


.leftboxsingle {
	position: relative;
	left: 0px;
	width: 330px;
	background-color: #FFFFFF;
	border-top: 5px #E6EBF2 solid;
	border-left: 5px #E6EBF2 solid;
	border-right: 5px #E6EBF2 solid;
	padding: 10px;
	height: 70px;
}

.leftboxsingleimage {
	position: relative;
	left: 0px;
	width: 330px;
	background-color: #FFFFFF;
	border-top: 5px #E6EBF2 solid;
	border-left: 5px #E6EBF2 solid;
	border-right: 5px #E6EBF2 solid;
	border-bottom: 5px #E6EBF2 solid;
	height: 95px;
}

.leftboxdouble {
	position: relative;
	left: 0px;
	width: 330px;
	background-color: #FFFFFF;
	border-top: 5px #E6EBF2 solid;
	border-left: 5px #E6EBF2 solid;
	border-right: 5px #E6EBF2 solid;
	padding: 10px;
	height: 185px;
}

.leftboxtreble {
	position: relative;
	left: 0px;
	width: 330px;
	background-color: #FFFFFF;
	border-top: 5px #E6EBF2 solid;
	border-left: 5px #E6EBF2 solid;
	border-right: 5px #E6EBF2 solid;
	padding: 10px;
	height: 290px;
}

.leftboxtreblefnf {
	position: relative;
	left: 0px;
	width: 360px;
	background-color: #FFFFFF;
	border-top: 5px #E6EBF2 solid;
	border-left: 5px #E6EBF2 solid;
	border-right: 5px #E6EBF2 solid;
	padding: 10px;
	height: 290px;
}


.leftboxquadruple {
	position: relative;
	left: 0px;
	width: 330px;
	background-color: #FFFFFF;
	border-top: 5px #E6EBF2 solid;
	border-left: 5px #E6EBF2 solid;
	border-right: 5px #E6EBF2 solid;
	padding: 10px;
	height: 395px;
}

.leftboxfull {
	position: relative;
	left: 0px;
	width: 330px;
	background-color: #FFFFFF;
	border-top: 5px #E6EBF2 solid;
	border-left: 5px #E6EBF2 solid;
	border-right: 5px #E6EBF2 solid;
	padding: 10px;
	height: 500px;
}

.leftboxsinglehalf {
	position: relative;
	float: left;
	left: 0px;
	top: 4px;
	width: 155px;
	background-color: #FFFFFF;
	border-top: 5px #E6EBF2 solid;
	border-left: 5px #E6EBF2 solid;
	border-right: 5px #E6EBF2 solid;
	padding: 10px;
	height: 80px;
}

.leftboxsinglehalfleft {
	position: relative;
	left: 0px;
	top: 4px;
	width: 175px;
	background-color: #FFFFFF;
	border-left: 5px #E6EBF2 solid;
	border-right: 5px #FFFFFF solid;
	border-bottom: 5px #E6EBF2 solid;
	padding: 10px;
	height: 80px;
}

.leftboxsinglehalfright {
	position: relative;
	right: 0px;
	top: -2px;
	width: 150px;
	background-color: #FFFFFF;
	border-top: 5px #E6EBF2 solid;
	border-left: 5px #E6EBF2 solid;
	border-right: 5px #E6EBF2 solid;
	padding: 10px;
	height: 80px;
}


.leftboxtreblehalf {
	position: relative;
	left: 0px;
	width: 150px;
	background-color: #FFFFFF;
	border-top: 5px #E6EBF2 solid;
	border-left: 5px #E6EBF2 solid;
	border-right: 5px #E6EBF2 solid;
	padding: 10px;
	height: 270px;
}

.leftboxsinglehalfright {
	position: relative;
	right: 0px;
	top: -2px;
	width: 150px;
	background-color: #FFFFFF;
	border-top: 5px #E6EBF2 solid;
	border-left: 5px #E6EBF2 solid;
	border-right: 5px #E6EBF2 solid;
	padding: 10px;
	height: 80px;
}

.leftboxhalfimage {
	position: relative;
	left: 0px;
	width: 150px;
	border-top: 5px #E6EBF2 solid;
	border-left: 5px #E6EBF2 solid;
	border-right: 5px #E6EBF2 solid;
	height: 205px;
}

.leftboxsinglehalfimage {
	position: relative;
	float: right;
	width: 150px;
	border-top: 5px #E6EBF2 solid;
	border-left: 5px #E6EBF2 solid;
	border-right: 5px #E6EBF2 solid;
	height: 80px;
}

.lefthandcolumnfull {
	width: 630px;
}

.leftthird {
	position: relative;
	float: left;
	top: -5px;
	left: 0px;
	width: 218px;
	background-color: #FFFFFF;
	border-top: 5px #E6EBF2 solid;
	border-left: 5px #E6EBF2 solid;
	border-right: 5px #E6EBF2 solid;
	padding: 10px;
	height: 290px;
}

.leftcenterthird {
	position: relative;
	float: left;
	top: -5px;
	width: 218px;
	left: -5px;
	background-color: #FFFFFF;
	border-top: 5px #E6EBF2 solid;
	border-left: 5px #E6EBF2 solid;
	border-right: 5px #E6EBF2 solid;
	padding: 10px;
	height: 290px;
}

.picturerow{
	clear: both;
	position: relative;
	left: 5px;
}

.bottomrow{
	clear: both;
	position: relative;
	float: left;
	left: 15px;
}

.centerrightthird {
	position: relative;
	float: left;
	top: -5px;
	width: 218px;
	left: -10px;
	background-color: #FFFFFF;
	border-top: 5px #E6EBF2 solid;
	border-left: 5px #E6EBF2 solid;
	border-right: 5px #E6EBF2 solid;
	padding: 10px;
	height: 290px;
}


.centreboxsingle {
	position: relative;
	left: -5px;
	width: 360px;
	background-color: #FFFFFF;
	border-top: 5px #E6EBF2 solid;
	border-left: 5px #E6EBF2 solid;
	border-right: 5px #E6EBF2 solid;
	padding: 10px;
	height: 80px;
}

.centreboxsingle2 {
	position: relative;
	top: -5px;
	left: 0px;
	width: 360px;
	background-color: #FFFFFF;
	border-top: 5px #E6EBF2 solid;
	border-left: 5px #E6EBF2 solid;
	border-right: 5px #E6EBF2 solid;
	padding-left: 10px;
	height: 98px;
}

.centreboxsingle2half {
	position: relative;
	top: -15px;
	left: -5px;
	width: 150px;
	padding: 10px;
}

.centreboxgreen {
	position: relative;
	left: -5px;
	width: 350px;
	background-color: #008F4F;
	color: #FFFFFF;
	border-top: 5px #E6EBF2 solid;
	border-left: 5px #E6EBF2 solid;
	border-right: 5px #E6EBF2 solid;
	padding: 10px;
	height: 80px;
}

.centreboxdouble {
	position: relative;
	left: -5px;
	width: 360px;
	background-color: #FFFFFF;
	border-top: 5px #E6EBF2 solid;
	border-left: 5px #E6EBF2 solid;
	border-right: 5px #E6EBF2 solid;
	padding: 10px;
	height: 185px;
}

.centreboxtreble {
	position: relative;
	top: -5px;
	left: -5px;
	width: 360px;
	background-color: #FFFFFF;
	border-top: 5px #E6EBF2 solid;
	border-left: 5px #E6EBF2 solid;
	border-right: 5px #E6EBF2 solid;
	padding: 10px;
	height: 270px;
}

.centreboxsinglehalf {
	float: left;
	position: relative;
	left: -5px;
	width: 180px;
	background-color: #FFFFFF;
	border-top: 5px #E6EBF2 solid;
	border-left: 5px #E6EBF2 solid;
	border-right: 5px #E6EBF2 solid;
	padding: 10px;
	height: 80px;
}

.centreboximagehalfleft {
	background-color: #FFFFFF;
	border-top: 5px #E6EBF2 solid;
	border-left: 5px #E6EBF2 solid;
	border-right: 5px #E6EBF2 solid;
}

.centreboximagehalfright {
	position: relative;
	left: 190px;
	width: 180px;
	top: -110px;
	background-color: #FFFFFF;
	border-top: 5px #E6EBF2 solid;
	border-left: 5px #E6EBF2 solid;
	border-right: 5px #E6EBF2 solid;
}

.centreboxtrebleright {
	position: relative;
	top: -5px;
	left: 150px;
	width: 205px;
	background-color: #FFFFFF;
	border-top: 5px #E6EBF2 solid;
	border-left: 5px #E6EBF2 solid;
	border-right: 5px #E6EBF2 solid;
	padding: 10px;
	height: 270px;
}

.rightbox {
	position: relative;
	left: 0px;
	width: 180px;
	color: #FFFFFF;
}

.enquiryform {
	position: relative;
	top: -5px;
	left: -5px;
	width: 360px;
	background-color: #FFFFFF;
	border-top: 5px #E6EBF2 solid;
	border-left: 5px #E6EBF2 solid;
	border-right: 5px #E6EBF2 solid;
	padding: 5px;
	height: 510px;
}


#adult5asidebutton {
	position: relative;
	left: -5px;
	width: 180px;
	height: 100px;
	border-left: 5px #E6EBF2 solid;
	border-right: 5px #E6EBF2 solid;
	border-bottom: 5px #E6EBF2 solid;
	background-image: url('../Images/MenuPictures/adult5asidebutton.jpg')
}

#adulttennisnetballbutton {
	position: relative;
	left: -5px;
	width: 180px;
	height: 100px;
	border-left: 5px #E6EBF2 solid;
	border-right: 5px #E6EBF2 solid;
	border-bottom: 5px #E6EBF2 solid;
	background-image: url('../Images/MenuPictures/adulttennisnetballbutton.jpg')
}

#juniorfootballbutton {
	position: relative;
	left: -5px;
	width: 180px;
	height: 100px;
	border-left: 5px #E6EBF2 solid;
	border-right: 5px #E6EBF2 solid;
	border-bottom: 5px #E6EBF2 solid;
	background-image: url('../Images/MenuPictures/juniorfootballbutton.jpg')
}

#juniorcricketbutton {
	position: relative;
	left: -5px;
	width: 180px;
	height: 100px;
	border-left: 5px #E6EBF2 solid;
	border-right: 5px #E6EBF2 solid;
	border-bottom: 5px #E6EBF2 solid;
	background-image: url('../Images/MenuPictures/juniortennisnetballbutton.jpg')
}

#juniortennisnetballbutton {
	position: relative;
	left: -5px;
	width: 180px;
	height: 100px;
	border-left: 5px #E6EBF2 solid;
	border-right: 5px #E6EBF2 solid;
	border-bottom: 5px #E6EBF2 solid;
	background-image: url('../Images/MenuPictures/juniorcricketbutton.jpg')
}

#footer {
	clear: both;
	position: relative;
	width: 910px;
	height: 40px;
	top: -5px;
	background-color: #E6EBF2;
	font-size: 12px;	
}

#footerlocation {
	clear: both;
	position: relative;
	width: 920px;
	height: 40px;
	top: 0px;
	background-color: #E6EBF2;
	font-size: 12px;	
}


h1 {
	font-family: Garamond, Times New Roman, Arial;
	font-size: 30px;
	font-weight: normal;
	color: #FFFFFF;
}

h1.homepage {
	font-family: Garamond, Times New Roman, Arial;
	font-size: 26px;
	font-weight: normal;
	color: #004182;
}


h2 {
	font-family: Verdana, Arial, Sans serif;
	font-size: 11px;
	color: #004182;
}

p {
	font-family: Verdana, Arial, Sans serif;
	font-size: 11px;
	color: #004182;
	line-height: 130%;
}

table.singlerow {
	width: 100%;
	height: 110px;
}

td.bluebackground {
	background-color: #004182;
	font-size: 20px;
	color: #FFFFFF;
	font-family: Garamond, Times New Roman, Arial;
	padding: 5px;
	line-height: 120%;
	font-weight: bold;
	border: 2.5px solid #E6EBF2;
	text-align:left;
}

td.bluebackgroundtemp {
	background-color: #004182;
	font-size: 20px;
	color: #FFFFFF;
	font-family: Garamond, Times New Roman, Arial;
	padding: 10px;
	line-height: 130%;
	font-weight: bold;
	border: 2.5px solid #004182;
	height: 80px;
	text-align:left
}


td.whitebackground {
	padding: 10px;
	border: 2.5px solid #E6EBF2;
	background-color: #FFFFFF;
}

td.whitebackgroundfnf {
	padding: 0px 10px 0px 10px;
	border: 2.5px solid #E6EBF2;
	background-color: #FFFFFF;
}


td.whitebackgroundnopadding {
	border: 2.5px solid #E6EBF2;
	background-color: #FFFFFF;
}


td.whitebackgroundcenter {
	padding: 10px;
	border: 2.5px solid #E6EBF2;
	border-top: 5px solid #E6EBF2;
	background-color: #FFFFFF;
}

td.whitebackgroundimage {
	border: 2.5px solid #E6EBF2;
	background-color: #FFFFFF;
}

td.lightbluebackgroundimage {
	border: 1px solid #E6EBF2;
	background-color: #E6EBF2;
	border-top: 5px solid #E6EBF2;
}

td.whitebackgroundnoborder {
	padding: 10px;
	border: 2.5px solid #E6EBF2;
	border-top: 0;
	background-color: #FFFFFF;
}

.bold {
	font-weight: bold;
}

.justify {
	text-align: justify; 
}

.whitebold {
	color: #FFFFFF;
	font-weight: normal
}

    /* =links formatting for main menu 
 -----------------------------------------------------*/
 
 a:link.mainmenu {
   font-family: Garamond, Times New Roman, Arial;
   font-size: 14px; 
   text-decoration: none;
   color: #004182;
}
   
 a:visited.mainmenu {
   font-family: Garamond, Times New Roman, Arial;
   font-size: 14px; 
   text-decoration: none;
   color: #004182;
}
 
 a:hover.mainmenu {
   font-family: Garamond, Times New Roman, Arial;
   font-size: 14px;
   text-decoration: underline;
   color: #004182;
}
  
 a:active.mainmenu {
   font-family: Garamond, Times New Roman, Arial;
   font-size: 14px;
   text-decoration: underline;
   color: #004182;
}

    /* =links formatting for button menu 
 -----------------------------------------------------*/
 
 a:link.buttonmenu {
   font-family: Verdana, Arial, sans serif;
   font-size: 14px;
   text-decoration: none;
   color: #FFFFFF;
}
   
 a:visited.buttonmenu {
   font-family: Verdana, Arial, sans serif;
   font-size: 14px;
   text-decoration: none;
   color: #FFFFFF;
}
 
 a:hover.buttonmenu {
   font-family: Verdana, Arial, sans serif;
   font-size: 14px;
   text-decoration: underline;
   color: #FFFFFF;
}
  
 a:active.buttonmenu {
   font-family: Verdana, Arial, sans serif;
   font-size: 14px;
   text-decoration: underline;
   color: #FFFFFF;
}

    /* =links formatting for email 
 -----------------------------------------------------*/
 
 a:link.normallarge {
   font-family: Verdana, Arial, sans serif;
   font-size: 12px; 
   text-decoration: none;
   color: #004182;
}
   
 a:visited.normallarge {
   font-family: Verdana, Arial, sans serif;
   font-size: 12px; 
   text-decoration: none;
   color: #004182;
}
 
 a:hover.normallarge {
   font-family: Verdana, Arial, sans serif;
   font-size: 12px;
   text-decoration: underline;
   color: #004182;
}
  
 a:active.normallarge {
   font-family: Verdana, Arial, sans serif;
   font-size: 12px;
   text-decoration: underline;
   color: #004182;
}

   /* =links formatting for normal links
 -----------------------------------------------------*/
 
 a:link.normal {
   font-family: Verdana, Arial, sans serif;
   font-size: 11px; 
   text-decoration: none;
   color: #004182;
}
   
 a:visited.normal {
   font-family: Verdana, Arial, sans serif;
   font-size: 11px; 
   text-decoration: none;
   color: #004182;
}
 
 a:hover.normal {
   font-family: Verdana, Arial, sans serif;
   font-size: 11px;
   text-decoration: underline;
   color: #004182;
}
  
 a:active.normal {
   font-family: Verdana, Arial, sans serif;
   font-size: 11px;
   text-decoration: underline;
   color: #004182;
}


.marginleftright {
	margin-left: 1px;
	margin-right: 1px;
}

.marginleftrightbottom {
	margin-left: 1px;
	margin-right: 1px;
	margin-bottom: 3px;
}

.marginall {
	margin-top: 3px;
	margin-left: 1px;
	margin-right: 1px;
	margin-bottom: 3px;
}


.noborder {
	border-width: 0px;
}

.blueborder {
	border: 2.5px #E6EBF2 solid;
}

.blueborderleft {
	border-left: 5px #E6EBF2 solid;

}

.greyborderleft {
	border-left: 2px #E6EBF2 solid;

}

ul {
	list-style-type: disc;
	margin: 0;
	padding: 0;
}

ul li {
	margin: 0 0 0 1.2em; 
	padding: 0;
    background: transparent;
}

.bluebutton {
	background-color: #004182;
	color: #FFFFFF;
}

#map_canvas {
	width: 500px;
	height: 500px;
}

#bluebackgrounddoublecp {
	position: relative;
	left: 3px;
	top: 3px;
	background-color: #004182;
	font-size: 20px;
	color: #FFFFFF;
	font-family: Garamond, Times New Roman, Arial;
	padding: 10px;
	padding-top: 35px;
	line-height: 130%;
	font-weight: bold;
	border: 2.5px solid #E6EBF2;
	height: 57px;
	text-align:left;
	width: 330px;
}

#bluebackgrounddoublecpwider {
	position: relative;
	left: 0px;
	top: 3px;
	background-color: #004182;
	font-size: 20px;
	color: #FFFFFF;
	font-family: Garamond, Times New Roman, Arial;
	padding: 10px;
	padding-top: 35px;
	line-height: 130%;
	font-weight: bold;
	border: 2.5px solid #E6EBF2;
	height: 57px;
	text-align:left;
	width: 350px;
}


#bluebackgroundsingle {
	position: relative;
	left: 3px;
	top: 3px;
	background-color: #004182;
	font-size: 20px;
	color: #FFFFFF;
	font-family: Garamond, Times New Roman, Arial;
	padding: 10px;
	padding-top: 35px;
	line-height: 130%;
	font-weight: bold;
	border: 2.5px solid #E6EBF2;
	height: 57px;
	text-align:left;
	width: 160px;
}

.bluebackgroundsingleright {
	float: right;
	position: relative;
	left: 5px;
	top: 5px;
	background-color: #004182;
	font-size: 20px;
	color: #FFFFFF;
	font-family: Garamond, Times New Roman, Arial;
	padding: 10px;
	padding-top: 20px;
	line-height: 130%;
	font-weight: bold;
	border: 2.5px solid #E6EBF2;
	height: 70px;
	text-align:left;
	width: 160px;
}

.bluebackgroundthird {
	position: relative;
	left: -10px;
	background-color: #004182;
	padding: 5px;
	font-size: 20px;
	color: #FFFFFF;
	font-family: Garamond, Times New Roman, Arial;
	line-height: 130%;
	font-weight: bold;
	border-top: .5px solid #E6EBF2;
	height: 80px;
	text-align:left;
	width: 230px;
}

.whitebackgroundthird {
	position: relative;
	left: -10px;
	background-color: #FFFFFF;
	padding: 5px;
	font-family: Garamond, Times New Roman, Arial;
	border-top: .5px solid #E6EBF2;
	height: 80px;
	text-align:left;
	width: 230px;
}

.whitebackgroundthirdlocation {
	position: relative;
	left: 235px;
	top: -90px;
	background-color: #FFFFFF;
	padding: 5px;
	font-family: Garamond, Times New Roman, Arial;
	border-top: .5px solid #E6EBF2;
	height: 80px;
	text-align:left;
	width: 230px;
}


.photo {
	border: 2px #000000 solid;
}

.margin5 {
	margin: 5px;
}

.noborder {
	border-width: 0;
	margin: 5px;
}

.copyright {
	position: absolute;
	top: 10px;
	left: 750px;
	font-size: 8pt;
	text-align: right;
}

pagepadding{
	height: 190px;
}

/* =formatting for images 
 -----------------------------------------------------*/

.imgbdr{border: 1px solid #004182;}