/*---------------------------------------------------------------------------------------------------------*/
/*---------------------------------------------------------------------------------------------------------*/
/*------------------------------  CSS File name : fozimage.css   ------------------------------------------*/
/*------------------------------  Author        : Ian Foster     ------------------------------------------*/
/*------------------------------  Version       : 1.0            ------------------------------------------*/
/*------------------------------  Date          : October 2006   ------------------------------------------*/
/*---------------------------------------------------------------------------------------------------------*/
/*---------------------------------------------------------------------------------------------------------*/


/*------------------------------  tables ------------------------------------------------------------------*/

td {
	font-family: "Verdana", Times, serif; 
}

th {
	font-family: "Verdana", Times, serif;
}
/* -----------------------------  table styles ----------------------------------------------------------*/

.tabstyle2 { 
	font-family: "Verdana", Times, serif;
	font-size: 18px;
	color: #ECE9D8;
	font-weight: bold; 
}

.tabstyle3 { 
	font-family: "Verdana", Times, serif;
	font-size: 12px;
	color: #ECE9D8;
	font-weight: bold;
}

.tabblank {
	border-right: 	0px black; 
	border-left: 	0px; 
	border-top: 	0px; 
	border-bottom: 	0px;

}

/*------------------------------  text styles   ----------------------------------------------------------*/

.style2 { 
	font-family: "Verdana", Times, serif;
	font-size: 18px;
	color: #ECE9D8;
	font-weight: bold;
}
.style3 {
	font-family: Verdana;
	font-size: 1em;
}

.style4 {
	font-family: "Verdana", Times, serif;
	font-size: 14px;
	color: #ECE9D8;
	font-weight: bold;
	margin-right:25px;
}

.style5 {
	font-family: "Verdana", Times, serif;
	font-size: 16px;
	color: #C8AD87;
	font-weight: bold;
}

.style6 {
	color: #FFFFFF;
	font-weight: bold;
}

.style7 {
	font-family: "Verdana", Times, serif;
	font-size: 16px;
	color: #D29B4E;
	font-weight: bold;
}


.style8 {
	font-family: "Verdana", Times, serif;
	font-size: 16px;
	color: #ECE9D8;
	font-weight: bold;
}

.style9 {
	font-family: "Verdana", Times, serif;
	font-size: 14px;
	color: #D29B4E;
	font-weight: bold; 
}

.style10 {
	font-family: "Verdana", Times, serif;
	font-size: 12px;
	color: #ECE9D8;
	font-weight: bold;
}

/*------------------------------ text clear and float ------------------------------------------------------*/

.p-clear-left {
	clear: left;
}

.p-clear-right {
	clear: right;
}         

/*------------------------------  Images classes -----------------------------------------------------------*/

.A38-float-left {
	float: left; width: 250px; height: 178px; padding: 10px; margin: 10px;
}

.A38-float-right {
	float: right; width: 250px; height: 178px; padding: 10px; margin: 10px;
}

.A38-clear-left {
	clear: left; width: 250px; height: 178px; padding: 10px; margin: 10px;
}

.A38-clear-right {
	clear: right; width: 250px; height: 178px; padding: 10px; margin: 10px;
}

.A38-float-left-portrait {
	float: left; width: 119px; height: 178px; padding: 10px; margin: 10px;
}

.A38-float-right-portrait {
	float: right; width: 119px; height: 178px; padding: 10px; margin: 10px;
}

.A38-clear-left-portrait {
	clear: left; width: 119px; height: 178px; padding: 10px; margin: 10px;
}

.A38-clear-right-portrait {
	clear: right; width: 119px; height: 178px; padding: 10px; margin: 10px;
}

.A38-published-scheme {
	float: left; width: 600px; height: 400px; padding: 10px; margin: 10px;
}

/*  -----------------------  for Landscape and Portrait Viewer  --------------------------------------*/

.Viewer-float-left {
	float: left; width: 600px; height: 400px; padding: 10px; margin: 10px;
}

.Viewer-float-left-portrait {
	float: left; width: 267px; height: 400px; padding: 10px; margin: 10px;
}


/*--------------------------  landscape viewer ---------------------------------------------------*/
div#landscapeviewer a {
		color: #C8AD87;
}

/*--------------------------  portrait viewer ---------------------------------------------------*/
div#portraitviewer a {
		color: #C8AD87;
}



/*------------------------------  Paddings     -------------------------------------------------------------*/

.pad-10px {
	padding-top: 10px; padding-bottom: 10px; padding-left: 10px; padding-right: 10px; 
}

/*------------------------------  backgrounds     -------------------------------------------------------------*/

map#map area{
	background-color: cyan; 
}


/*------------------------------  One off items ------------------------------------------------------------*/

body {
	background-color: #000000; font-family: "Times New Roman", Times, serif;
}

/* height: 133px; */
img#navbackground {
	width: 100%; height: 133px; hspace: 0; vspace: 0;
}

img#MastHeadPicture {
	width: 950px; height: 100px;
}

/*  -----------------------  for Published Scheme --------------------------------------*/

.PS-float-left {
	float: left; width: 125px; height: 89px; padding: 10px; margin: 10px; border : 0px;
}

.PS-float-left-portrait {
	float: left; width: 56px; height: 84px; padding: 10px; margin: 10px; border : 0px;
}

.PS-float-left-G {
	float: left; width: 600px; height: 400px; padding: 10px; margin: 10px; border : 0px;
}

.PS-float-left-portrait-G {
	float: left; width: 267px; height: 400px; padding: 10px; margin: 10px; border : 0px;
}

/*------------------------------  FIRight ------------------------------------------------------------*/
/* a block used to fix the header */

div#FIHeader {
	 width: 100%; height: 80px; background-image: url(Page-items/G-W gradient 100% 1260x80.jpg); background-color: #ECE9D8; 
}

/*------------------------------  FIRight ------------------------------------------------------------*/
/* a block used to fix the right hand margin */

div#FIRight {
	float: right; width: 100px; height: 200px; background: green; 
}

/*------------------------------  FI Logo ------------------------------------------------------------*/
/* a block used to fix the bottom of the frame */

div#FIFooter {
	clear: both;  background: orange; color: #ECE9D8; font: 12px sans-serif; text-align: left;
}

/*------------------------------  lHome page image loading -----------------------------------------------------*/
/* width 631px height:202px position:absolute;left: 333px; top: 209px; z-index:5; */
div#imgloading {
	 margin-left: 200px; margin-right: 25px; 
}

/* width 800 height 500 or 600x375 or 500x333*/
div#imgloading img {
	width: 800px; height: 500px;
}

/*-------------------------------Home Page - Main Picture ----------------------------------------------------*/
/* width: 600px; height: 400px; */
img#Home_Picture_1 {
	width: 600px; height: 400px; margin-top: 7px;  
}

/*-------------------------------Gallery - Main Picture ----------------------------------------------------*/
/* width: 600px; height: 400px; */
img#Gallery_Picture_1 {
	width: 600px; height: 400px; margin-top: 7px;   
}




/*------------------------------  navigation link box--------------------------------------------------------*/
/* width 166px; height: 410px; position: absolute; top: 209px; left: 67px; margin-left:25px; clear: left; border-right: 5px solid #C8AD87;*/
div#Links {
	  position: absolute; top: 150px; left: 10px;
	  float: left; width:142px;  font: 12px Verdana, sans-serif; z-index: 100; 
	    
}

div#Links a { 
	display: block; text-align: center; font: bold 1em sans-serif; padding: 2px 2px; margin: 1px 1px; border-width: 0;
	  			text-decoration: none; color: #FFC; background: #444; 
}
		
div#Links a:hover {
	color: #411; background: #D29B4E; border-right: 5px double white; border-left: 5px double white;
}

div#Links a span {
	display: none;
}

/*  width: 500px; top:138px;*/

div#Links a:hover span {
	display: block; position: absolute; left: 8px; width: 500px; top: -30px;
				   		padding: 5px; margin: 0px; z-index: 100; color: #D29B4E; background: black;
				   		font: 12px sans-serif bold; text-align: left;
}

/*----------------------------  Gallery Block  -----------------------------------------------------------*/

div#Galleryblock { 
	padding-left: 30px; 
}


/*------------------------------  Gallery Thumbs ------------------------------------------------------------*/

div#GalleryThumbs a {
	padding: 2px 2px; margin: 1px 1px; border-width: 0;
}

div#GalleryThumbs img {
	border: 0;
}

div#GalleryThumbs a:hover {
	border-right: 5px double #D29B4E; text-decoration: none;
}

div#GalleryThumbs a:link {
	text-decoration: none;
}

div#GalleryThumbs a span {
display: none;
}

div#GalleryThumbs a:hover span {
	display: block; position: absolute;  left: 850px; width: 150px; top: 130px;  border-bottom-style:none;   
				   		padding: 5px; margin: 0px; z-index: 100; color: #D29B4E; background: black;
				   		font-family: "Times New Roman", Times, serif; font: 14px bold; text-align: left; 
}		

/*------------------------------  about page ------------------------------------------------------------*/
/* position:absolute; width:845px; height:468px; zindex:101; left: 327px; top: 209px; */
div#abouttext { padding-left: 50px;
}

div#abouttext a {
		color: #C8AD87;
}

div#abouttext a:hover {
	color: #411; background: #D29B4E;
}

div#abouttext a span {
display: none;
}

div#abouttext a:hover span {
display: block; position: absolute; left: 11px; width: 500px; top: 120px;
				   		padding: 5px; margin: 0px; z-index: 100; color: #D29B4E; background: black;
				   		font: 12px sans-serif bold; text-align: left;
}

/*------------------------------ Fozlog - Month navigation -----------------------------------------------------------------*/

div#FLMonth a { 
	display: block; text-align: center; font: bold 12px Verdana; padding: 2px 2px; margin: 1px 1px; border-width: 0;
	  			text-decoration: none; color: #FFC; background: #444; 
}

div#FLMonth a:hover {
	color: #411; background: #D29B4E; border-right: 5px double white; border-left: 5px double white;
}

div#FLMonth1 a { 
	text-align: left; font: bold 1em Verdana; padding: 2px 2px; margin: 1px 1px; border-width: 0;
	  			text-decoration: none; color: #FFC; background: #444; 
}

div#FLMonth1 a:hover {
	color: #411; background: #D29B4E; border-right: 5px double white; border-left: 5px double white;
}


/*------------------------------  Project List ------------------------------------------------------------*/

div#projectlist { 
		padding-left: 30px;  margin-top: 5px; padding-top: 10px;
}

div#projectlist a {
		color: #C8AD87;
}

div#projectlist a:hover {
	color: #411; background: #D29B4E;
}


/*------------------------------  feedback page ------------------------------------------------------------*/
/*
div#feedbacktext {
	position:absolute; width:846px; height:135px; z-index:5; left: 328px; top: 209px;
}
*/

div#feedbacktext a {
		color: #C8AD87;
}

div#feedbacktext a:hover {
	color: #411; background: #D29B4E;
}

/*
div#feedbacktext a span {
display: none;
}

div#feedbacktext a:hover span {
display: block; position: absolute; top: 500px; left: 0; width: 750px;
				   		padding: 5px; margin: 10px; z-index: 100; color: #FFF; background: black;
				   		font: 20px sans-serif; text-align: left;
}
*/

/*------------------------------  news page ------------------------------------------------------------*/

div#newstext {
	position:absolute; width:846px; height:135px; z-index:5; left: 328px; top: 209px;
}

div#newstext a {
		color: #C8AD87;
}

div#newstext a:hover {
	color: #411; background: #D29B4E;
}

div#newstext a span {
display: none;
}

div#newstext a:hover span {
display: block; position: absolute; top: 500px; left: 0; width: 750px;
				   		padding: 5px; margin: 10px; z-index: 100; color: #FFF; background: black;
				   		font: 20px sans-serif; text-align: left;
}

/*------------------------------  subject index page ------------------------------------------------------------*/

div#subjecttext {
	position:absolute; width:846px; height:135px; z-index:5; left: 328px; top: 209px;
}

/*------------------------------  purchase page ------------------------------------------------------------*/

div#purchasetext {
	position:absolute; width:873px; height:135px; z-index:5; left: 328px; top: 209px;
}

div#purchasetext a {
		color: #C8AD87;
}

div#purchasetext a:hover {
	color: #411; background: #D29B4E;
}

div#purchasetext a span {
display: none;
}

div#purchasetext a:hover span {
display: block; position: absolute; top: 500px; left: 0; width: 750px;
				   		padding: 5px; margin: 10px; z-index: 100; color: #FFF; background: black;
				   		font: 20px sans-serif; text-align: left;
}

/*------------------------------  links page ------------------------------------------------------------*/

div#linkstext {
	position:absolute; width:594px; height:135px; z-index:5; left: 328px; top: 209px;
}

div#linkstext a {
		color: #C8AD87;
}

div#linkstext a:hover {
	color: #411; background: #D29B4E;
}

div#linkstext a span {
display: none;
}

div#linkstext a:hover span {
display: block; position: absolute; top: 500px; left: 0; width: 750px;
				   		padding: 5px; margin: 10px; z-index: 100; color: #FFF; background: black;
				   		font: 20px sans-serif; text-align: left;
}
						
/*--------------------------Fozlogs table------------------------------------------------------------------*/

div#FLItem {
	position:absolute; width:642px; height:442px; z-index:101; left: 273px; top: 210px;
}

/*------------------------------------------------------------------------------------------*/
/*
div#FLTable {
	position:absolute; width:260px; height:442px; z-index:101; left: 782px; top: 152px;
}
*/

table#FLTable1 {
	width:180px; height:98px; border:1; cellpadding:2; cellspacing:2; 
	border-right: 5px double #D29B4E; 
	border-left: 5px double #D29B4E; 
	border-top: 5px double #D29B4E; 
	border-bottom: 5px double #D29B4E;
}

table#FLTable1 td {
	border-right:  2px ridge  #D29B4E; 
	border-left:   2px outset #D29B4E; 
	border-top:    2px outset #D29B4E; 
	border-bottom: 2px ridge  #D29B4E;
	font-family: "Times New Roman", Times, serif;
	font-size: 12px;
	color: #ECE9D8;
	font-weight: bold;
	align:center;
}

/*
table#FLTable1 tr {
	font-family: "Times New Roman", Times, serif;
	font-size: 12px;
	color: #ECE9D8;
	font-weight: bold;
	align:center;
}
*/


div#FLTH1 {
	width:20px; scope:col; align:center;
	font-family: "Times New Roman", Times, serif;
	font-size: 16pxx;
	color: #ECE9D8;
	font-weight: bold;
}

div#FLTH2 {
	width:40px; scope:col; align:center; margin-left: 5px;
	font-family: "Times New Roman", Times, serif;
	font-size: 16px;
	color: #ECE9D8;
	font-weight: bold;
}
div#FLTH3 {
	width:100px; scope:col; align:center;
	font-family: "Times New Roman", Times, serif;
	font-size: 16px;
	color: #ECE9D8;
	font-weight: bold;
}

/*----------------------------- A38 project navigation table  ---------------------------------------------*/

table#A38table { 
	width:180px; border:1; cellpadding:2; cellspacing:2; 
	border-right: 5px double #D29B4E; 
	border-left: 5px double #D29B4E; 
	border-top: 5px double #D29B4E; 
	border-bottom: 5px double #D29B4E; 
}


/*----------------------------- Health and Safety notice  ---------------------------------------------*/

img#HandSpicture { 
	width: 25px;
	height: 25px;
	border: 0px;
}


/*---------------------------------------------------------------------------------------------------------*/