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

/* ================================================================ 
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/lightbox3.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:#111;} */

/* slides styling */

#imagesImages {/*height: 83; width: 750;*/left: 0px;top: 164px;position: absolute;/*visibility: visible;*/z-index: 5000;margin: 0px;padding:0px;}

.photo {width:750px; height:auto; text-align:left; position:relative;}

.photo ul.topic {padding:0; margin:0; list-style:none; width:750px; height:auto; position:relative; z-index:10;} /* tab titles outer */

.photo ul.topic li ul 
{display:block; position:absolute; left:0; top:0px; list-style:none; padding:0px 0px 0px 190px; margin:0; height:auto; /*background:#ddd url(../images/navigation/close.gif) no-repeat right top;*/ width:750px; /*border: 20px solid #000;*/} /* displays image area inc close button */

.photo ul.topic li ul li 
{display:inline; width:93px; height:83px; float:left; border:0; /*border:1px solid #ff9900; margin:1px;*/} /* thumbnail image  outers */

.photo ul.topic li ul li a 
{display:block; width:93px; height:83px; cursor:default; float:left; text-decoration:none;margin: border:0; /*background:#444; border:1px solid #888;*/}  /*thumbnail outers inner */

.photo ul.topic li ul li a img 
{display:block; width:88px; height:83px; padding:0px; border:0;/*border-left:5px solid; border-left-color:#fff;*/ } /* thumbnail image outer inner inner + size + border */

/*REM.photo ul.topic li ul li a img.large 
{position:absolute; display:block; width:0; height:0; overflow:hidden; border:0;} /*this prevents display img.large */

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

.photo ul.topic li ul li a:hover img 
{position:absolute; left:-50%; top:-250%; width:auto; height:166px; padding:50px;border:1px solid; border-color:#e4e4e4; /*border:8px;*/ background:#fff;-moz-box-shadow:#999 3px 6px 5px;-webkit-box-shadow:rgb(200, 200, 200) 3px 6px 5px;box-shadow:rgb(200, 200, 200) 3px 6px 5px;/* For IE 8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#999999')";
	/* For IE 5.5 - 7 */
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#999999', Positive='true');position:relative; } /* image hover outer + position + size */

/*REM.photo ul.topic li ul li a:hover img.large 
{position:absolute; display:block; width:0px; height:0px; overflow:hidden; border:0;}*/ /*this prevents display img.large */

/*REM.photo ul.topic li ul li a:focus, 
.photo ul.topic li ul li a:active { position:static;outline:0;z-index: 500;} */

/*REM.photo ul.topic li ul li a:focus img, 
.photo ul.topic li ul li a:active img {position:absolute; left:200px; top:-50px; width:176px; height:166px; padding:0; background:#000; border:0; z-index:5;} */

/*REM.photo ul.topic li ul li a:focus img.large, */ /* this is the class="large" for large image  display */ 
/*REM.photo ul.topic li ul li a:active img.large { position:absolute;left: 35px;top:-200px;width:440px;height:415px;padding:30px 40px 40px 40px;background:#fff url(../images/navigation/close.gif) no-repeat right top; border:1px solid #ff9900;z-index:500;} */ /* large img bgd */