@charset "utf-8";
/* CSS Document */

div#pgcontent {
	margin:auto;
	width:787px;
	height:550px;
	background:#FFFFFF;
}
/* credits: www.freecssmenus.co.uk */
#pg { 
width:750px;
margin:auto;
height:550px;
border:0px dotted #666;
padding:0px;
padding-top:15px;
}
#pg ul { list-style:none;
padding:0;
margin:0;
width:360px;
height:550px;
position:relative;
float:left;
}
#pg ul li { display:inline;
top:0;
width:150px;
height:100px;
float:left;
/*clear:left;  /*...makes everything align left on colum*/
margin:0 20px 27px 7px; /*space between images*/
padding:0;
}
/**********************not needed*************/
/*hyper link*/
/*#pg ul li a { display:block;
width:125px;
height:95px;
text-decoration:none;
border:0px solid #000;
}
/*thumbnails*/
/*#pg ul li a img { display:block;
width:125px;
height:95px;
border:0;
}*/
#pg ul li a { 
display:block;
white-space:normal;
font-weight:normal;
font-size:10px;
}
/*background-color:#33cc00;*/
/*background-image: url(upimage/bg-t.jpg);
/*position:-75px;*/
/*border:0px;
}
/*Large Image*/
/*#pg ul li a:hover img {
	position:absolute;
	left:440px;
	top:0;
width:300px;
height:205px;
	border:0px solid #000;
	background-image: url(upimage/ukmap345.jpg);
	background-color:#33cc00;
}

/*text span*/
/*#pg ul li a span {display:none} /*no text display*/
/*#pg ul li a:hover span { display:block; /*text display*/
/*position:absolute;
left:440px;
top:300px;
width:330px;
height:auto;
font-size:12px;
font-weight:normal;
color:#999999;
}*/

/*background large image*/
#bg {
	position:absolute;
	left:370px;
	top:0;
	width:368px;
	height:275px;
	border:0px solid #000;
	background-image: url(images/bgv.gif);
}
/*links on Gallery page*/
#glinks {
	position:absolute;
	left:466px;
	top:386px;
	margin:0px;
	width:175px;
	height:auto;
	font-size:12px;
/*background-image: url(images/ukmap345.jpg);*/
}
.glinks {
	margin:0px;
	border:1px solid #fff;
	display:table;
	text-align:center;
	}
.glinks a:link {
	text-decoration: none;
	display: inline-block;
	font-weight:bold;
	color: #ffffff;
	width:175px;
	height:20px;
	background-color:#000033;
}
.glinks a:visited {
	text-decoration: none;
	display: inline-block;
	font-weight:bold;
	color: #ffffff;
	width:175px;
	height:20px;
	background-color:#000033;
}
.glinks a:hover {
	text-decoration: none;
	display: inline-block;
	width:175px;
	height:20px;
	color: #ffffff;
	font-weight:bold;
	background-image: url(images/bg_table.png);
	background-repeat:repeat-y;
}
.glinks a:active {
	text-decoration: none;
	display: inline-block;
	font-weight:bold;
	color: #ffffff;
	width:175px;
	height:20px;
}
