/* ================================================================ 
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/click_gallery.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.
=================================================================== */
/* defaults required for IE6 */
a {color:#000;}
a:visited {color:#111;}
a:active {color:#222;}
a:hover {text-decoration:none;}

.gallery {position:relative; height:530px;}
.gallery ul, .gallery ul ul {padding:0; margin:10px 10px 0 auto; border:0; list-style:none; width:276px;}
.gallery ul ul {margin-left:-9999px; height:0; overflow:hidden;}
.gallery ul li {margin: 0px; padding: 0px; width:276px; float:left; background:#fff url(button/gallery_2.gif) no-repeat;}
.gallery ul li a.set {display:block; text-align:center; width:276px; line-height:30px; background:#fff url(button/gallery_0.gif) no-repeat;  font-size:16px; text-decoration:none;}
.gallery ul li table {margin:0; padding:0; display:none; background: #fdf2b2; border: 5px solid #ff00ff;}

.gallery ul li a.set:hover {background:#fff url(button/gallery_1.gif) no-repeat;}

.gallery ul li a.set:active {white-space: normal; background:#fff url(button/gallery_2.gif) no-repeat;}
.gallery ul li a.set:focus {outline:0; background:#fff url(button/gallery_2.gif) no-repeat;}

.gallery ul li a.set:active i,
.gallery ul li a.set:focus i
{display:block; width:660px; height:490px; position:absolute; left:10px; top:0; margin 0px; padding: 1px; background:#fff;}

.gallery ul li a td { margin: 0; padding: 0; }
.gallery ul li a ins { margin: 0; padding: 0; }

.gallery ul li a.set:active table,   /* Thick border around thumbnails */
.gallery ul li a.set:focus table
{padding:0 0 0 0; margin-top:-2px; margin-bottom:0px; display:block; border:2px solid #d9541f; }

.gallery ul a.set:active ul,         /* Reddish 1 pixel border around thumbnails */
.gallery ul a.set:focus ul
{margin:0; width:278px; height:auto; overflow:visible; background:transparent; padding-bottom:0px;}

.gallery ul a.set:active ul li,      /* Thumbnails, width and spacing */
.gallery ul a.set:focus ul li
{float:left; display:inline; width:84px; margin:0px 2px; background:transparent;}

.gallery ul a.set:active ul li a,
.gallery ul a.set:focus ul li
{background:transparent; line-height:1.3em;}

.gallery ul a.set:active ul li a img,
.gallery ul a.set:focus ul li img
{display:block; border:3px solid #fdf2b2; cursor:default; margin:0 auto;}

.gallery ul a.set:active ul li a em,
.gallery ul a.set:focus ul li em
{position:absolute; left:-9999px; width:480px;}

.gallery ul a.set:active ul li a:hover,
.gallery ul a.set:focus ul li:hover
{background:#fdf2b2;}

.gallery ul a.set:active ul li a:hover em,     /* Position of large picture */
.gallery ul a.set:focus ul li:hover em
{left:10px; z-index:0; top:10px;}

.gallery ul a.set:active ul li a:hover img,    /* Thumbnail being hovered over */
.gallery ul a.set:focus ul li:hover img
{border:3px solid #d9541f; cursor:default;}

.gallery ul a.set:active ul li a:hover em img,
.gallery ul a.set:focus ul li:hover em img
{padding:1px; border:4px solid #521;}

.gallery ul a.set:active b,
.gallery ul a.set:focus b
{font-weight:normal; font-style:normal; background:#fdf2b2;}

                                             /* Default gallery */
.gallery .default {
   position:absolute; 
   left:10px; 
   top:0;
   height: 480px;
   width: 640px;
   padding:1px; 
   border:4px solid #fff;
}
.gallery .default img {
}