/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menu/complex_slides.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
/* common styling */

a {color:#000;}
a:hover {text-decoration:none;}
a:visited {color:#000;}

/* slides styling */

.photo {
	padding:30px 0px 0px 15px;
	background:#FFFFFF url(http://www.s20avahost.net/~hwtnco18/grasmere/gallery/background.gif);
	width:785px;
	height:445px;
	text-align:left;
	position:relative;
}
img.default {
	position:absolute;
	left:325px;
	top:0px;
	z-index:0;
	height: 475px;
	width: 475px;
}

.photo ul.topic {
	padding:0;
	margin:0;
	list-style:none;
	width:300px;
	height:auto;
	position:relative;
	z-index:10;
}

.photo ul.topic li {
	display:inline;
	height:20px;
	float:left;
	margin-right: 0px;
	width: 60px;
}
.photo ul.topic li a.set {
	display:block;
	font-size:11px;
	height:20px;
	text-align:left;
	line-height:170%;
	color:#000000;
	text-decoration:none;
	width: 60px;
}
.photo ul.topic li a ul, 
.photo ul.topic li ul 
{
	display:none;
}

.photo ul.topic li a:hover,
.photo ul.topic li:hover a
{border:0; color:#6F6557;}

.photo ul.topic li a:hover em, 
.photo ul.topic li:hover em
{display:block; position:absolute; left:-20px;top:-20px; width:800px; height:475px; z-index:-1;/* border:0px solid #888;*/}

.photo ul.topic li a:hover ul, 
.photo ul.topic li:hover ul 
{
	display:block;
	position:absolute;
	left:0;
	top:20px;
	list-style:none;
	padding:0px;
	margin:10px 0px 0px 3px;
	width:300px;
}

.photo ul.topic li a:hover ul li, 
.photo ul.topic li:hover ul li 
{display:inline; width:45px; height:45px; float:left; margin:4px 1px;}

.photo ul.topic li a:hover ul li a, 
.photo ul.topic li:hover ul li a 
{display:block; width:40px; height:40px; cursor:default; background:url(http://www.s20avahost.net/~hwtnco18/grasmere/gallery/arrow.gif) no-repeat center center; float:left; text-decoration:none;}

.photo ul.topic li a:hover ul li a b,
.photo ul.topic li:hover ul li a b
{visibility:hidden; position:absolute; width:290px; height:115px; top:380px; left:0; color:#666; font-weight:normal; font-size:11px; padding:6px; text-align:right; line-height:15px;}

.photo ul.topic li a:hover ul li a img, 
.photo ul.topic li:hover ul li a img 
{display:block; width:45px; height:45px; border:0px solid #666;}

.photo ul.topic li a:hover ul li a:hover, 
.photo ul.topic li:hover ul li a:hover 
{white-space:normal;position:relative;}

.photo ul.topic li a:hover ul li a.vert:hover img, 
.photo ul.topic li:hover ul li a.vert:hover img 
{position:absolute; left:-15px; top:-45px; width:95px; height:140px; border:5px solid #FFFFFF; z-index:100;}

.photo ul.topic li a:hover ul li a.hor:hover img, 
.photo ul.topic li:hover ul li a.hor:hover img 
{position:absolute; left:-45px; top:-30px; width:140px; height:95px; border:5px solid #FFFFFF; z-index:100;}

.photo ul.topic li:hover ul li a:focus, 
.photo ul.topic li:hover ul li a:active,
.photo ul.topic li a:hover ul li a:active 
{position:static; outline:0;}

.photo ul.topic li:hover ul li a:focus.vert img, 
.photo ul.topic li:hover ul li a:active.vert img, 
.photo ul.topic li a:hover ul li a:active.vert img 
{position:absolute; left:388px; top:-60px; width:320px; height:475px; background:#000; border:0;}

.photo ul.topic li:hover ul li a:focus.hor img, 
.photo ul.topic li:hover ul li a:active.hor img,
.photo ul.topic li a:hover ul li a:active.hor img 
{position:absolute; left:307px; top:15px; width:475px; height:320px; background:#000; border:0;}

.photo ul.topic li:hover ul li a:focus b, 
.photo ul.topic li:hover ul li a:active b,
.photo ul.topic li a:hover ul li a:active b 
{visibility:visible;}