/* basic elements 
---------------------------------------------------------------*/
body { 
	background: #CAAF8A;    /* #CAAF8A stupid browser color shifts */
	color: #FFFFFF; 
	font-family: "Trebuchet MS", sans-serif;
	font-size: 12px;
	margin: 10; 
	align: center;
  }

#extraDiv1 {
	z-index: 0;
	background: transparent repeat top left; 
	position: absolute;
	top: 20px;
	left: 20px;
	width: 800px;
	height: 680px;
	}

#centre_pic_home p, #pondlife p, #top_left_pic p, #top_right_pic p, #logo p, #bottom_left_pic p, #bottom_flash p, #bottom_right_pic p, #bottom_left_text p, #nav_links p, #counter p, #events ul, #links ul  { 	
	font-family: "Trebuchet MS", Arial, sans-serif;
	line-height: 18px;
	font-size: 16px;
	text-align: centre;
	margin: 0;
	padding: 0px 0px 0px 0px;
	}

#pondlife p, #logo p, #bottom_flash p, #bottom_left_text p, #events ul, #links ul, #brianclough p {
	background: #006633 repeat;	   /* stupid browser color shifts */
	}

h3 {
	margin: 0;
	padding: 0;
	border: 0;
	}

h3 span {
	display: none;
	}

a:link, a:visited { 
	font-weight: bold;
	text-decoration: underline; 
	color: white;
	}
a:hover, a:active { 	
	text-decoration: underline;
	color: black;
	}



/* structuring and main content
---------------------------------------------------------------*/
#container {
	z-index: 1;
	position: absolute;
	align: center;
	margin: 0px;
	}

#top_left_box {
	background: #CAAF8A no-repeat left bottom;
	/*border: 1px solid #CAAF8A;*/
	position: absolute;
	color: #8D97C2;
	top: 0px;
	left: 5px;
	width: 216px;
	height: 25px;
	margin-left: 3px;
	padding-bottom: 3px;
	text-align: center;
	}
#top_left_box h3 {
	background: #8D97C2 no-repeat left top;
	height: 25px;
	}

#top_middle_box {
	background: #CAAF8A no-repeat left bottom;
	/*border: 1px solid #CAAF8A;*/
	position: absolute;
	color: #8D97C2;
	top: 0px;
	left: 224px;
	width: 465px;
	height: 25px;
	margin-left: 3px;
	padding-bottom: 3px;
	text-align: center;
	}
#top_middle_box h3 {
	background: #8D97C2 no-repeat left top;
	height: 25px;
	}

#top_right_box {
	background: #CAAF8A no-repeat left bottom;
	/*border: 1px solid #CAAF8A;*/
	position: absolute;
	color: #8D97C2;
	top: 0px;
	left: 692px;
	width: 216px;
	height: 25px;
	margin-left: 3px;
	padding-bottom: 3px;
	text-align: center;
	}
#top_right_box h3 {
	background: #8D97C2 no-repeat left top;
	height: 25px;
	}

#top_left_pic {
	background: #CAAF8A no-repeat left bottom;
	/*border: 1px solid #8D97C2;*/
	position: absolute;
	top: 27px;
	left: 5px;
	width: 216px;
	height: 87px;
	margin-left: 3px;
	padding-bottom: 3px;
	text-align: center;
	}
#top_left_pic h3 {
	background: #CAAF8A no-repeat left top;
	height: 5px;
	}

#logo {
	background: #CAAF8A no-repeat left bottom;
	/*border: 1px solid #8D97C2;*/
	position: absolute;
	top: 27px;
	left: 224px;
	width: 465px;
	height: 87px;
	margin-left: 3px;
	padding-bottom: 3px;
	text-align: center;
	}
#logo h3 {
	background: #CAAF8A no-repeat left top;
	height: 10px;
	}

#top_right_pic {
	background: #CAAF8A no-repeat left bottom;
	/*border: 1px solid #8D97C2;*/
	position: absolute;
	top: 27px;
	left: 692px;
	width: 216px;
	height: 87px;
	margin-left: 3px;
	padding-bottom: 3px;
	text-align: center;
	}
#top_right_pic h3 {
	background: #CAAF8A no-repeat left top;
	height: 2px;
	}

#nav_bar {
	background: #CAAF8A no-repeat left bottom;
	/*border: 1px solid #CAAF8A;*/
	position: absolute;
	top: 117px;
	left: 5px;
	width: 216px;
	height: 326px;
	line-height: 5px;
	margin-left: 3px;
	padding-bottom: 3px;
	padding-left: 20px;
	text-align: left;
	}
#nav_bar h3 {
	background: transparent no-repeat left top;
	height: 5px;
	}

#active a:link, #active a:visited, #active a:hover
{
	background-color: transparent;
	color: white;
}


#centre_pic {
	background: #EA6882 no-repeat right bottom;
	/*border: 1px solid #8D97C2;*/
	color: #FFFFFF;
	position: absolute;
	top: 117px;
	left: 224px;
	width: 465px;
	height: 326px;
	margin-left: 3px;
	padding-bottom: 3px;
	text-align: center;
	overflow: auto;
	scrollbar-face-color: #EA6882;
	}
#centre_pic h3 {
	background: #EA6882 no-repeat left top;
	height: 25px;
	}
#centre_pic ul {
	text-align: left;
	}

#centre_pic_home {
	background: #CAAF8A no-repeat right bottom;
	/*border: 1px solid #8D97C2;*/
	color: white;
	position: absolute;
	top: 117px;
	left: 224px;
	width: 465px;
	height: 409px;
	margin-left: 3px;
	padding-bottom: 3px;
	text-align: center;
	overflow: auto;
	scrollbar-face-color: #EA6882;
	}
#centre_pic_home h3 {
	background: #EA6882 no-repeat left top;
	height: 25px;
	}
#centre_pic_home ul {
	text-align: left;
	}



#centre_pic_gallery {
	background: #CAAF8A no-repeat left top;
	/*border: 1px solid #8D97C2;*/
	color: white;
	position: absolute;
	top: 117px;
	left: 224px;
	width: 684px;
	height: 473px;
	margin-left: 3px;
	padding-bottom: 3px;
	text-align: center;
	overflow: auto;
	scrollbar-face-color: #EA6882;
	}
#centre_pic_gallery h3 {
	background #EA6882 no-repeat left top;
	height: 25px;
	}


#right_hand_col {
	background: #CAAF8A no-repeat right bottom;
	/*border: 1px solid #CAAF8A;*/
	position: absolute;
	top: 117px;
	left: 692px;
	width: 216px;
	height: 326px;
	margin-left: 3px;
	padding-bottom: 3px;
	text-align: center;
	}
#right_hand_col h3 {
	background: #8D97C2 no-repeat left top;
	height: 0px;
	}

#bottom_left_pic {
	background: #CAAF8A no-repeat left bottom;
	/*border: 1px solid #8D97C2;*/
	position: absolute;
	top: 446px;
	left: 5px;
	width: 216px;
	height: 80px;
	margin-left: 3px;
	padding-bottom: 3px;
	text-align: center;
	}
#bottom_left_pic h3 {
	background: #CAAF8A no-repeat left top;
	height: 25px;
	}

#bottom_flash {
	background: #CAAF8A no-repeat left bottom;
	border: 1px solid #8D97C2;
	position: absolute;
	top: 446px;
	left: 224px;
	width: 465px;
	height: 80px;
	margin-left: 3px;
	padding-bottom: 3px;
	text-align: center;
	}
#bottom_flash h3 {
	background: #CAAF8A no-repeat left top;
	height: 25px;
	}

#bottom_right_pic {
	background: #CAAF8A no-repeat left bottom;
	/*border: 1px solid #8D97C2;*/
	position: absolute;
	top: 446px;
	left: 692px;
	width: 216px;
	height: 80px;
	margin-left: 3px;
	padding-bottom: 3px;
	text-align: center;
	}
#bottom_right_pic h3 {
	background: #CAAF8A no-repeat left top;
	height: 25px;
	}

#bottom_left_box {
	background: #8D97C2 no-repeat left bottom;
	/*border: 1px solid #CAAF8A;*/
	position: absolute;
	top: 530px;
	left: 5px;
	width: 216px;
	height: 60px;
	margin-left: 3px;
	padding-bottom: 3px;
	text-align: center;
	}
#bottom_left_box h3 {
	background: #8D97C2 no-repeat left top;
	height: 25px;
	}

#nav_links {
	background: #8D97C2 no-repeat left bottom;
	border: 1px solid #CAAF8A;
	position: absolute;
	top: 530px;
	left: 224px;
	width: 465px;
	height: 60px;
	margin-left: 3px;
	padding-bottom: 3px;
	text-align: center;
	}
#nav_links h3 {
	background: #8D97C2 no-repeat left top;
	height: 15px;
	}

#counter {
	background: #8D97C2 no-repeat left bottom;
	border: 1px solid #CAAF8A;
	position: absolute;
	top: 530px;
	left: 692px;
	width: 216px;
	height: 60px;
	margin-left: 3px;
	padding-bottom: 3px;
	text-align: center;
	}
#counter h3 {
	background: #8D97C2 no-repeat left top;
	height: 25px;
	}

#pageHeader h1 span, #pageHeader h2 span, #quickSummary p.p1 span {
	display: none;
	}


#supportingText, #explanation, #thesite, #aboutgordon, #wheretofindus, #pictures, #gallery, #contactus, #events, #links {
	margin-left: 5px;
	padding: 0;
	}

#supportingText {
	z-index: 1;
	position: absolute;
	top: 170px;
	left: 285px;
	}

#footer {
	background: transparent no-repeat center top;
	width: 400px;
	height: 20px;	
	margin-bottom: 50px;
	text-align: center;
	}
	
/* Gallery Page
------------------------------------------------------------*/

}
#photo_gallery {
	margin: 5px 20px;
}
div.left {
	border: 1px solid #CAAF8A;
	padding: 3px;
	float: left;
	margin-right: 20px;
	width: 100px;
	margin-bottom: 30px;
}
div.left p {
	text-align: center;
}
img {
	border: 0px none;
}
div.center {
	border: 1px solid #CAAF8A;
	padding: 3px;
	width: 600px;
}






/* just in case...
---------------------------------------------------------------*/
#lfavorites {
	background: transparent no-repeat bottom left;
	color: #030409;
	width: 235px;
	padding-bottom: 20px;
	margin-bottom: 20px;
	}
#lfavorites h3 {
	background: transparent no-repeat top left;
	height: 35px;
	}


/* extras
---------------------------------------------------------------*/
acronym {
	border-width:0;
	}