/*
* DEFINE PAGE LAYOUT
*/

html {		height: 100%;
			padding: 0; 
			margin: 0 auto;
			background: gray url(http://www.sandfordparkslido.org.uk/images/water.jpg);
	  }

body { 		background: gray url(http://www.sandfordparkslido.org.uk/images/water.jpg);
			color: #000000;
			height: 100%;
			text-align: center; 
}

table { font-size: 90%; }

.body 	{ 	width: 700px; 
			margin: 0 auto;
			background-color: #d6f4e3;
			padding-left: 5px;
			padding-right: 5px;
			vertical-align: top; 
			text-align: center; 
			font-family: "Trebuchet MS", Arial, serif;
			font-size: 75%; 
			color: #000000; 
			text-decoration: none;
			border-left: 2px ridge gray; 
			border-right: 2px ridge gray;
			height: 100%;
		}

.navitop {	position: relative;
			float: left;
			width: 160px;
			height: 300px;
			border: 1px dotted black;
			padding: 3px;
}

form { text-align: left;
		font-family: Arial; }

input, textarea { font-family: Arial; 
					font-size: 90%;}

/* Holly Hack \*/

* html .body{height: 100%;}

/* End Holly Hack */


p	{		font-family: "Trebuchet MS", Arial, serif;
			color: #000000; 
			text-decoration: none;
	}

a   { 	color: #000080; 
		text-decoration: underline;
	}

a:hover {	color: #FF0000;
			text-decoration: none;
	}	  

.content { float: right;
			width: 500px;
			padding: 10px; }


li { text-align: left; }

.changes {	text-align: left; }

.step {	text-indent: 60px; }
		
.step2 {	text-indent: 120px; }

.contactstep {
			text-indent: 120px;
			list-style-type: none;
			}

.menu li { text-align: left; }
	
/*
SMALL TEXT
*/

.small	 { 	font-size: 85%;
			text-align: center
		 }			
			
/*
Cheat! Same color spacer between image links (AAA Compliance)
*/

.spacer {	background-color: #CEDEF0;
			color: #CEDEF0;
			font-size: xx-small;
		}

/*
PAGE TITLES
*/

h1 {		padding: 0px;
			font-family: "Trebuchet MS", Arial, serif;
			font-weight: bold;
			font-size: 100%;
			text-align: center;
			color: #000000;
			text-decoration: none;
			padding-left: 5px;
			padding-right: 5px;
		}
		
h2 {		font-family: "Trebuchet MS", Arial, serif;
			font-size: 100%;
			text-align: center;
			color: #000000;
			text-decoration: underline;
			font-weight: normal;
			padding-left: 5px;
			padding-right: 5px;
	}		

h3 {		font-family: "Trebuchet MS", Arial, serif;
			font-size: 100%;
			text-align: left;
			padding-left: 15px;
			color: #000000;
			text-decoration: underline;
			font-weight: normal;
	}	

h4 {		font-family: "Trebuchet MS", Arial, serif;
			font-size: 100%;
			color: #000000;
			text-decoration: underline;
			font-weight: normal;
			padding-left: 5px;
			padding-right: 5px;
	}	

h5 { 		font-family: "Arial";
			font-size: 80%;
			font-weight: bold;
			text-align: center;
}

/*
ACCESSIBILITY BUTTON
*/

.hoverbtntop {
			position: absolute;
			width: 100px; 
			height: 20px; 
			z-index: 1; 
			left: 0px; 
			top: 0px;
			border: 1px solid black;
			margin: 0 auto;
			background: #F4FCFF;		
			visibility: visible;
			vertical-align: middle;
		}

.blocktext {
			position: static;
			float: left;
			width: 100px; 
			height: 20px; 
			border: 1px solid black;
			background: #BED3EB;		
			visibility: visible;
			border-collapse: collapse;
			vertical-align: middle;
}

.hovertext {
			text-align: center;
			font-family: Arial, Verdana, serif;
			font-size: 95%;
			font-weight: bold;
			text-decoration: none;
			color: black;
		}
		
a.hovertext:hover { color: blue; }

.quote {	padding: 10px;
			font-size: 90%;
			font-style: italic;

}

.lefthalf { position: static;
			float: left;
			width: 60%;
			min-height: 140px;
			overflow: visible;
		}

.righthalf {padding-top: 5px; 
			position: static;
			float: right;
			width: 40%;
			min-height: 140px;
			overflow: visible;
		}

.biglink {	text-indent: 10px;
			width: 145px;
			height: 15px;
			background: #dfdbdb;
			border: 1px solid white;
			font-family: "Arial";
			text-align: left;
		}
		
.biglink a {font-weight: bold;
			font-size: 80%;
			color: black;
			text-decoration: none;
		}


.biglink a:hover {
			color: blue;
		}

.sublink {	text-indent: 20px;
			width: 145px;
			height: 15px;
			background: #e8e8e8;
			font-weight: none;
			font-size: 80%;
			border: 1px solid white;
			font-family: "Arial";
			text-align: left;
		}

.sublink a { 
			font-weight: bold;
			text-decoration: none;
			font-size: 100%;
			color: black;
		}

.sublink a:hover {
			color: blue;
		}

.textstrip { 
			position: static;
			margin: 0 auto;
			width: 680px;
			border: 1px dotted gray;
			background-color: #dee5ec;
			color: #000000; 
			text-align: center;
			clear: both;
						font-size: 70%;
		}

.textbar { 
			position: static;
			margin: 0 auto;
			width: 100%;
			border: 1px dotted gray;
			background-color: #dee5ec;
			color: #000000; 
			text-align: center;
			clear: both;
		}

.textbar p { 			background-color: #dee5ec; }
		
.featurestrip {
			position: static;
			margin: 5px auto;
			float: none;
			width: 330px;
			border: 2px dotted yellow;
			background-color: #dee5ec;
			color: #000000; 
			font-size: 70%;
			text-align: center;
}

.featurebar {
			position: static;
			margin: 0 auto;
			width: 100%;
			border: 2px dotted yellow;
			background-color: #dee5ec;
			color: #000000; 
			text-align: center;
			clear: both;
}

.block {	position: static;
			margin: 0 auto;
			padding-top: 15px;
			width: 680px;
			clear: both;
		}

.endpage {  position: static;
			margin: 0 auto;
			width: 680px;
			clear: both;
			font-size: x-small;
			color: #CEDEF0;
		}