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


/*---------------------------------------------------------------------------------------------------------*/
/*-------------------------------  Lightbox CSS                   -----------------------------------------*/
/*---------------------------------------------------------------------------------------------------------*/

#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../FozimageLBox/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../FozimageLBox/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }


/*---------------------------------------------------------------------------------------------------------*/
/*-----------------------------    End lightbox CSS     ---------------------------------------------------*/
/*---------------------------------------------------------------------------------------------------------*/
/*---------------------------------------------------------------------------------------------------------*/

/*---------------------------------------------------------------------------------------------------------*/
/*---------------------------------------------------------------------------------------------------------*/
/*------------------------------  CSS           : foztags        ------------------------------------------*/
/*------------------------------  Author        : Ian Foster     ------------------------------------------*/
/*------------------------------  Version       : 1.0            ------------------------------------------*/
/*------------------------------  Date          : August 2008    ------------------------------------------*/
/*---------------------------------------------------------------------------------------------------------*/
/*------------------------------  tag cloud                      ------------------------------------------*/
/*---------------------------------------------------------------------------------------------------------*/



div#FLtagcloud {
	background-color: #000000;  text-align: center;  font-family: 'Verdana'; 
}

/*------------------------------  tag number  --------------------------------------------------------*/

.fltagnum10 {
			font-size: 10px; color: #FFFFFF; text-decoration: none; 
}

/*------------------------------  tag frequencies  --------------------------------------------------------*/

.fltag10 {
			font-size: 10px; color: #FF66FF; text-decoration: none; padding-left: 10px; padding-right: 10px; 
}

.fltag11 {
			font-size: 11px; color: #FF66FF; text-decoration: none; padding-left: 10px; padding-right: 10px;
}

.fltag12 {
			font-size: 12px; color: #FF66FF; text-decoration: none; padding-left: 10px; padding-right: 10px;
}

.fltag13 {
			font-size: 13px; color: #99CCFF; text-decoration: none; padding-left: 10px; padding-right: 10px;
}

.fltag14 {
			font-size: 14px; color: #99CCFF; text-decoration: none; padding-left: 10px; padding-right: 10px;
}

.fltag15 {
			font-size: 15px; color: #99CCFF; text-decoration: none; padding-left: 10px; padding-right: 10px;
}

.fltag16 {
			font-size: 16px; color: #039faf; text-decoration: none; padding-left: 10px; padding-right: 10px;
}

.fltag17 {
			font-size: 17px; color: #039faf; text-decoration: none; padding-left: 10px; padding-right: 10px;
}

.fltag18 {
			font-size: 18px; color: #039faf; text-decoration: none; padding-left: 10px; padding-right: 10px;
}

.fltag19 {
			font-size: 19px; color: #de2159; text-decoration: none; padding-left: 10px; padding-right: 10px;
}

.fltag20 {
			font-size: 20px; color: #de2159; text-decoration: none; padding-left: 10px; padding-right: 10px;
}

.fltag21 {
			font-size: 21px; color: #de2159; text-decoration: none; padding-left: 10px; padding-right: 10px;
}

.fltag22 {
			font-size: 22px; color: #87a800; text-decoration: none; padding-left: 10px; padding-right: 10px;
}

.fltag23 {
			font-size: 23px; color: #87a800; text-decoration: none; padding-left: 10px; padding-right: 10px;
}

.fltag24 {
			font-size: 24px; color: #87a800; text-decoration: none; padding-left: 10px; padding-right: 10px;
}

.fltag25 {
			font-size: 25px; color: #ff7600; text-decoration: none; padding-left: 10px; padding-right: 10px;
}

.fltag26 {
			font-size: 26px; color: #ff7600; text-decoration: none; padding-left: 10px; padding-right: 10px;
}

.fltag27 {
			font-size: 27px; color: #ff7600; text-decoration: none; padding-left: 10px; padding-right: 10px;
}

.fltag28 {
			font-size: 28px; color: #CCCCCC; text-decoration: none; padding-left: 10px; padding-right: 10px;
}

.fltag29 {
			font-size: 29px; color: #CCCCCC; text-decoration: none; padding-left: 10px; padding-right: 10px;
}

.fltag30 {
			font-size: 30px; color: #CCCCCC; text-decoration: none; padding-left: 10px; padding-right: 10px;
}

.flta31 {
			font-size: 31px; color: #FFFF66; text-decoration: none; padding-left: 10px; padding-right: 10px;
}

.fltag32 {
			font-size: 32px; color: #FFFF66; text-decoration: none; padding-left: 10px; padding-right: 10px;
}

.fltag33 {
			font-size: 33px; color: #FFFF66; text-decoration: none; padding-left: 10px; padding-right: 10px;
}

.flta34 {
			font-size: 34px; color: #660033; text-decoration: none; padding-left: 10px; padding-right: 10px;
}

.fltag35 {
			font-size: 35px; color: #660033; text-decoration: none; padding-left: 10px; padding-right: 10px;
}

.fltag36 {
			font-size: 36px; color: #660033; text-decoration: none; padding-left: 10px; padding-right: 10px;
}

/*---------------------------------------------------------------------------------------------------------*/
/*-----------------------------    End foztags          ---------------------------------------------------*/
/*---------------------------------------------------------------------------------------------------------*/
/*---------------------------------------------------------------------------------------------------------*/




/*------------------------------  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;
}

.style4c {
	font-family: "Verdana", Times, serif;
	font-size: 14px;
	color: #ECE9D8;
	font-weight: bold;
	text-align: center;
}

.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; 
}

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


.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: 11px;
	color: #ECE9D8;
	font-weight: bold;
}

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

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

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

/*------------------------------  Images classes        ------------------------------------------*/
/*------------------------------  for A38 project pages ------------------------------------------*/
.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;
}

/*  -----------------------  for Fozlogs  --------------------------------------*/

.FL-float-left {
	float: left; width: 250px; height: 167px; padding: 10px; margin: 10px;
}

.FL-float-right {
	float: right; width: 250px; height: 167px; padding: 10px; margin: 10px;
}

.FL-clear-left {
	clear: left; width: 250px; height: 167px; padding: 10px; margin: 10px;
}

.FL-clear-right {
	clear: right; width: 250px; height: 167px; padding: 10px; margin: 10px;
}

.FL-float-left-portrait {
	float: left; width: 111px; height: 167px; padding: 10px; margin: 10px;
}

.FL-float-right-portrait {
	float: right; width: 111x; height: 167px; padding: 10px; margin: 10px;
}

.FL-clear-left-portrait {
	clear: left; width: 111px; height: 167px; padding: 10px; margin: 10px;
}

.FL-clear-right-portrait {
	clear: right; width: 111px; height: 167px; padding: 10px; margin: 10px;
}

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

.FL-float-left-pano {
	float: left; width: 250px; height: 100px; padding: 10px; margin: 10px;
}

.FL-float-right-pano {
	float: right; width: 250px; height: 100px; padding: 10px; margin: 10px;
}

.FL-float-left-square {
	float: left; width: 200px; height: 200px; padding: 10px; margin: 10px;
}

.FL-float-right-square {
	float: right; width: 200px; height: 200px; padding: 10px; margin: 10px;
}
/*  -----------------------  for Explore  --------------------------------------*/

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

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

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

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

/*------------------------------  about page ------------------------------------------------------------*/

div#ex-feedback { padding-left: 25px; padding-top: 100px;
}

div#ex-feedback a {
		color: #C8AD87;
}

div#ex-feedback a:hover {
	color: #411; background: #D29B4E;
}

/*  -----------------------  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;
}

.Viewer-float-left-pano {
	float: left; width: 800px; height: 450px; padding: 10px; margin: 10px;
}

/*--------------------- Thumbnail Image classes  ------------------------------------------------------------*/

.Thumb-Image-P {
	width: 56px; height: 84px
}

.Thumb-Image-L {
	width: 125px; height: 84px
}

/*--------------------- Ian's Image  ------------------------------------------------------------*/

img#FI-ian {
	width: 180px; height: 270px;
	padding-top: 10px; padding-bottom: 10px; padding-left: 10px; padding-right: 10px;
}



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

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


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

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

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

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

/*----------------------------------   make a box number to chnage thumb lists ----------------------------------*/

.boxnumber {
	font-family: "Verdana", Times, serif;
	font-size: 12px;
	color: #ECE9D8;
	font-weight: bold;
	padding-top: 1px; 
	padding-bottom: 1px;
	padding-left: 1px;
	padding-right: 1px;
}	

.boxnumber a {
	display: block;
	color: #D29B4E;
}

.boxnumber a {
	border-right: none;
}

/*------------------------------  splash page - main logo ------------------------------------------------------------*/
/* position:absolute; width:250px; height:150px;z-index:5; left: 198px; top: 127px; align:center; */
div#HP-logo p { align: center;
	 
	}
	
div#HP-logo img {
	width: 887px; height: 322px; align:center;
}

/*------------------------------  FI Logo ------------------------------------------------------------*/
/* width:349px; height:105px; */
/*  left: 15px; top: 17px; */
/*background-image:url(../Page-items/G-W gradient - 100x141.jpg); background-repeat: no-repeat; */

div#FILogo {
	position:absolute; left: 15px; top: 17px; width: 30%; height: 30%; align: left; 
}

/* width: 350px; height: 127px; */

div#FILogo img {
	width: 100%; height: 100%; align: left;
}

/*------------------------------  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 Verdana; 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; border: 0px;  
}

/*-------------------------------Tag cloud search - Main Picture ----------------------------------------------------*/
/* width: 600px; height: 400px; */
img#Tag_Picture_1 {
	width: 600px; height: 400px; margin-top: 7px; border: 0px;  
}



/*------------------------------  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; z-index: 100; 
	    
}

div#Links a { 
	display: block; text-align: center; font: bold 1em Verdana; 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 Verdana bold; text-align: left;
}

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

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

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

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

div#GalleryThumbs img {
	border: 0;
}

/* take away the border flash ftb "border-right: 5px double #D29B4E;" as this looks OTT!?    */

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

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

div#GalleryThumbs a span {
display: none;
}

/* disable this function as it does not look very good
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: "Verdana", Times, serif; font: 14px bold; text-align: left; 
}		
*/

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

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

/*------------------------------  latest fozlogs ------------------------------------------------------------*/
div#latestfozlog { padding-left: 10px;
}

div#latestfozlog a {
		color: #C8AD87;
}

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

/*------------------------------  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 Verdana bold; text-align: left;
}


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

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

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

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


/*------------------------------  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 Verdana; 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 Verdana; text-align: left;
}

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

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

/*------------------------------ Image of the Day -----------------------------------------------------------------*/

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

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

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

div#FLMonth a { 
	display: block; text-align: center; font: bold 12px Verdana; padding: 10px 10px; 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;
}


/*------------------------------  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 Verdana; 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 Verdana; text-align: left;
}

/*----------------------------- 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; 
}


/* ------------ Thumbnail Nav Styles ----------------------- */

div#FI-G-Thumb a { 
	font: bold 12px Verdana; padding: 3px 3px; margin: 1px 1px; border-width: 0;
	  			text-decoration: none; color: #FFC; background: #444; 
}

div#FI-G-Thumb a:hover {
	color: #411; background: #D29B4E; border-right: 2px double white; border-left: 2px double white;
}


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