/*Photo gallery. Stu Nicholls: http://www.webreference.com/programming/css_gallery/*/ 
#container {
	position:relative;
	width:46em;
	background:#fff url(/Images/photo-galleries/drama/taken_captive.jpg) 15px 10px no-repeat;
	float: left;
	height: 225px;
	margin-top: 25px;
}

/*thumbnails. Removes list bullets and indentation.
Sets the size of the unordered list that houses the thumbnails*/
#container ul {
	width:200px;
	height:180px;
	list-style-type:none;
	float: right;
	color: #8C5C22;
	font: bold 85% Arial,Helvetica,sans-serif;
	padding:0; 
    margin:0px; 
}

/*thumbnails*/
#container li {
	float:left;
	margin: 0;
	padding: 0;
}

/* Adds thumbnail images  */
#container a.gallery, #container a.gallery:visited {
	display:block;
	color:#0F174A;
	text-decoration:none;
	border:1px solid #000;
	margin:1px 2px 1px 2px;
	text-align:left;
	cursor:default;
}

#container a.slide1 {
height:60px;
width:93px;
background-image: url(/Images/photo-galleries/drama/thumbnails/t-ABC.jpg);
}
* html #container a.slide1 
{width:91px; w\idth:93px;
}

#container a.slide2 {
height:60px;
width:93px;
background-image: url(/Images/photo-galleries/drama/thumbnails/t-TreatMeRight.jpg);
}
* html #container a.slide2{
width:91px; w\idth:93px;
}

#container a.slide3 {
height:60px;
width:93px;
background-image: url(/Images/photo-galleries/drama/thumbnails/t-safari.jpg);
}
* html #container a.slide3 {width:91px; w\idth:93px;}

#container a.slide4 {
	height:60px;
	width:93px;
	background-image: url(/Images/photo-galleries/drama/thumbnails/t-holy-Os.jpg);
}
* html #container a.slide4 {
width:91px; w\idth:93px;
}

#container a.slide5 {
	height:60px;
	width:93px;
	background-image: url(/Images/photo-galleries/community-services/thumbnails/Silas-thmbnail.jpg);
}
* html #container a.slide5 {
width:91px; w\idth:93px;
}

#container a.slide6 {
	height:60px;
	width:93px;
	background-image: url(/Images/photo-galleries/community-services/thumbnails/children-worship-thmbnail.jpg);
}
* html #container a.slide6 {
width:91px; w\idth:93px;
}

/* Hides images and text*/
#container a.gallery span {
	position:absolute;
	width:1px;
	height:1px;
	top:12px;
	left:15px;
	overflow:hidden;
	background-color: #fff;
}
#container a.gallery:hover {
	border: 1px solid #fff;
}
#container a.gallery:hover img {border:1px solid #fff; float:left;}
#container a.gallery:hover span {
	position:absolute;
	width:225px;
	height:200px;
	top:10px;
	left:15px;
	color:#855821;
	background:#fff;
	margin-bottom: 50px;
	margin-right: 0px;
	font-weight: bolder;
}