BODY {
	background-attachment : fixed;
	background-color : silver;
	background-position : center;
	background-repeat : no-repeat;
}
	TD {
	background-color : transparent;
	font-family : Arial, Helvetica, sans-serif;
	font-size : 100%;
	font-style : normal;
	font-weight : 500;
	text-align : center;
	color : black;
	vertical-align : middle;
			}
	.title
	{
	font-family : Arial, Helvetica, sans-serif;
	font-size : 100%;
	font-style : normal;
	font-weight : 500;
	text-align : middle;
	color : #d3d3d3;
	vertical-align : middle;
	background-color : gray;
	height : 35;
	background-image : url(title2.jpg);
		}
	.blocks
	{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
	font-style: normal;
	font-weight: 500;
	text-align: middle;
	color: Silver;
	vertical-align: middle;
	background-color: gray;
	height: 100;
	background-image: url(block2.jpg);
	width: 20%;
	}
	.blocks2
	{
	font-family : Arial, Helvetica, sans-serif;
	font-size : 60%;
	font-style : normal;
	font-weight : 500;
	text-align : middle;
	color : #d3d3d3;
	vertical-align : middle;
	background-color : gray;
	height : 70px;
	background-image : url(block2.jpg);
	width : 20%;
		}
		
	.blocks3
	{
	font-family : Arial, Helvetica, sans-serif;
	font-size : 60%;
	font-style : normal;
	font-weight : 500;
	text-align : middle;
	color : #d3d3d3;
	vertical-align : middle;
	background-color : gray;
	height : 20px;
	background-image : url(block2.jpg);
	width : 10px;
		}
		
	.blocks4
	{
	font-family : Arial, Helvetica, sans-serif;
	font-size : 80%;
	font-style : normal;
	font-weight : 500;
	text-align : middle;
	color : gray;
	vertical-align : middle;
	background-color : transparent;
	height : 20px;
	width : 100px;
		}
		
	.blocks5
	{
	font-family : Arial, Helvetica, sans-serif;
	font-size : 60%;
	font-style : normal;
	font-weight : 500;
	text-align : middle;
	color : #ffffff;
	vertical-align : middle;
	background-color : gray;
	height : 70px;
	background-image : url(block2.jpg);
	width : 20%;
		}
		
	.background
	{
	font-family : Arial, Helvetica, sans-serif;
	font-size : 90%;
	font-style : normal;
	font-weight : 400;
	text-align : center;
	color : Silver;
	vertical-align : middle;
	background-color : #333333;
		}
	.background2
	{
	font-family : Arial, Helvetica, sans-serif;
	font-size : 90%;
	font-style : normal;
	font-weight : 400;
	text-align : left;
	color : Silver;
	vertical-align : middle;
	background-color : #333333;
	background-image : url(background1.jpg);
	}
	.background3
	{
	font-family : Arial, Helvetica, sans-serif;
	font-size : 90%;
	font-style : normal;
	font-weight : 400;
	text-align : left;
	margin-bottom : 5%;
	margin-left : 5%;
	margin-right : 5%;
	margin-top : 5%;
	color : Silver;
	vertical-align : top;
	background-color : #333333;
	background-image : url(back5B.jpg)
		}
	.background4
	{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 90%;
	font-style: normal;
	font-weight: 400;
	text-align: left;
	margin-bottom: 20px;
	margin-left: 20px;
	margin-right: 20px;
	margin-top: 20px;
	color: black;
	vertical-align: top;
	background-color: white;
	}
	.background5
	{
	font-family : Arial, Helvetica, sans-serif;
	font-size : 90%;
	font-style : normal;
	font-weight : 400;
	text-align : left;
	margin-bottom : 5%;
	margin-left : 5%;
	margin-right : 5%;
	margin-top : 5%;
	color : Silver;
	vertical-align : top;
	background-color : #333333;
	background-image : url(back2.jpg)
	}
	.background6
	{
	height : 600px;
	font-family : Arial, Helvetica, sans-serif;
	font-size : 90%;
	font-style : normal;
	font-weight : 400;
	text-align : center;
	margin-bottom : 5%;
	margin-left : 5%;
	margin-right : 5%;
	margin-top : 5%;
	color : Silver;
	vertical-align : middle;
	background-color : #999999;
	}
	.background7
	{
	height : 600px;
	font-family : Arial, Helvetica, sans-serif;
	font-size : 90%;
	font-style : normal;
	font-weight : 400;
	text-align : center;
	margin-bottom : 5%;
	margin-left : 5%;
	margin-right : 5%;
	margin-top : 5%;
	color : Silver;
	vertical-align : middle;
	background-color : #7ea7ab;
	}
	
	BLOCKQUOTE
	{
	text-align : center;
	vertical-align : middle;
	color : silver;
	font-family : Arial, Helvetica, sans-serif;
	font-size : 85%;
	font-style : normal;
	font-weight : 400;
	margin-bottom : 5%;
	margin-left : 3%;
	margin-right : 3%;
	margin-top : 10%;
	background-color : transparent;
	}
	H3
	{
	text-align : center;
	font-family : Arial, Helvetica, sans-serif;
	font-size : 100%;
	font-style : normal;
	font-weight : 500;
	color : #FFFF99;
	}
	H4
	{
	text-align : left;
	color : black;
	font-family : Arial, Helvetica, sans-serif;
	font-size : 80%;
	font-style : normal;
	font-weight : 500;
	margin-bottom : 0%;
	margin-left : 0%;
	margin-right : 0%;
	margin-top : 0%;
		}
	H5
	{
	text-align : center;
	color : white;
	font-family : Arial, Helvetica, sans-serif;
	font-size : 80%;
	font-style : normal;
	font-weight : 500;
		}
		
	H6
	{
	text-align : center;
	color : white;
	font-family : Arial, Helvetica, sans-serif;
	font-size : 100%;
	font-style : normal;
	font-weight : 500;
		}
		
	.thumbs
	{
	font-family : Arial, Helvetica, sans-serif;
	font-size : 90%;
	font-style : normal;
	font-weight : 400;
	text-align : center;
	color : Silver;
	vertical-align : middle;
	border: none;
	background-color : #333333;
		}
		
	div { background-color:transparent; color:silver; } /*JKC the drop down menu functions depend on the DIV information*/
	#d1 { position:relative; top:0px; left:0px; width:auto; color:#363636; font-size : 150%;}
	#d2 { position:relative; top:20px; left:50px; color:black;}
	#d3 { position:relative; top:5px; left:0px; color:white; font-size : 100%;}
	#d4 { position:relative; top:5px; left:15px; color:#363636; font-size : 80%; width:380px;}
	#d5 { position:relative; top:10px; left:80px;  color:navy; width:800; font-size : 100%;}
	#d6 { position:relative; top:10px; left:50px;  color:black; width:800; font-size : 120%;}
	#d7 { position:relative; top:0px; left:0px; width:auto; color:white; font-size : 120%;}
	#d8 { position:relative; top:20px; left:20px; width:auto; color:#363636; font-size : 130%;}
	#d9 { position:relative; top:10px; left:80px;  color:navy; width:600; font-size : 100%;}
	
	#box1 {position:absolute; top: 26%; left: 55%;  font-size : 100%; width:350px; } /*position where enlarged image should offset horizontally */
	
	
  }
div#show3 {
background-color:#efefef;
width:400px;
margin:0 auto;
border:1px solid #444444;
}
div#show3 table td, div#show4 table td {
height:24px;
background-image:url('38.gif');
}
div#show4 table td {
background-image:url('40.gif');
}
div#show3 table input,  div#show4 table input {
outline-style:none;
}
  
	span { background-color:transparent; color:white; } /*JKC the drop down menu functions depend on the DIV information*/
  	.bold { background-color:transparent; color:white;  font-size : 120%; }
	.slides { background-color:transparent; color:white;  font-size : 100%; width : 320px;}
	
.gallerycontainer{
position: relative; background-color: transparent;
/*Add a height attribute and set to largest image's height to prevent overlaying*/
/*JKC i changed the value here from nothing at all to the background colour, just to check how the area functions*/
}

.thumbnail img{
border: 0px solid white;
margin: 0 5px 5px 10px;
}
.thumbnail:hover{
background-color: transparent;
}

.thumbnail:hover img{
border: 0px transparent;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: transparent; /*JKC this is the block into which the enlarged images fit*/
padding: 0px;
left: -0px;
border: none;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 0px;
}

.thumbnail:hover span{ /*CSS for enlarged image*/
visibility: visible;
height: 520px;
width: 400px;
top: 21px;
left: 535px; /*position where enlarged image should offset horizontally */
z-index: 50;
}
	A:link {text-decoration: none; border: none;}
	A:visited {text-decoration: none; color: silver;}
	A:active {text-decoration: none; color: white;}
	A:hover {text-decoration: none; color: gray;}