/*This is the core menu style sheet of the site.*/

/* ================================================================
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/menus/flyout2.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the assocaited (x)html may be modified in any
way to fit your requirements.
=================================================================== */
#holder {
  position:relative; 
  background:transparent url(images/galleryinfo.gif) 60px 54px no-repeat; 
  margin-bottom:10px; 
  z-index:0;
  }
  
#scrollbox {
  width:400px; 
  height:72px; 
  background:#f4f4f4; 
  overflow:auto; 
  border:1px solid #aaa; 
  margin-left:5px;
}

a.gallery, a.gallery:visited {
  display:block; 
  color:#000; 
  text-decoration:none; 
  border:1px solid #000; 
  width:65px; 
  height:47px; 
  margin:3px; 
  float:left; 
  font-size:11px;
}
  
a.slidea {background:url(images/20010506/thm_wk0501.jpg);}
a.slideb {background:url(images/20010506/thm_wk0502.jpg);}
a.slidec {background:url(images/20010506/thm_wk0503.jpg);}
a.slided {background:url(images/20010506/thm_wk0504.jpg);}
a.slidee {background:url(images/20010506/thm_wk0505.jpg);}
a.slidef {background:url(images/20010506/thm_wk0506.jpg);}
a.slideg {background:url(images/20010506/thm_wk0507.jpg);}
a.slideh {background:url(images/20010506/thm_wk0508.jpg);}
a.slidei {background:url(images/20010506/thm_wk0509.jpg);}
a.slidej {background:url(images/20010506/thm_wk0510.jpg);}
a.slidek {background:url(images/20010506/thm_wk0511.jpg);}
a.slidel {background:url(images/20010506/thm_wk0512.jpg);}
a.slidem {background:url(images/20010506/thm_wk0513.jpg);}



a.gallery span {
  display:block; 
  position:absolute; 
  left:25px; 
  top:-1px; 
  width:1px; 
  height:1px; 
  overflow:hidden; 
  background:transparent; 
  z-index:100; 
  font-size:11px;
}

a.gallery:hover {white-space:normal; border:1px solid #fff;}
a.gallery:hover img {border:1px solid #000; z-index:100;}
a.gallery:active img, a.gallery:focus img {border:1px solid #000; z-index:50;}

a.gallery:hover span {
  display:block; 
  position:absolute; 
  width:402px; 
  height:220px; 
  top:75px; 
  left: 60px; 
  padding:5px; 
  font-style:italic; 
  color:#000; 
  background: transparent; 
  z-index:100; 
  font-size:11px;
}

* html a.gallery:hover span {left:60px;}
a.gallery:active {border:1px solid #eee;}
a.gallery:active span, a.gallery:focus span {
  display:block; 
  position:absolute; 
  width:402px; 
  height:220px; 
  top:75px; 
  left:60px; 
  padding:5px; 
  font-style:italic; 
  color:#000; 
  background:transparent; 
  z-index:50;
}

* html a.gallery:active span {left:60px;}

#thumbs {width:960px; height:52px;}
#pad {height:320px; width:100px;}

#copyright {
  margin: 80px;
}

<!--[if IE 7]>
<style type="text/css">
a.gallery span {
  display:block; 
  position:absolute; 
  width:402px; 
  height:220px; 
  top:75px; 
  left:-99999px; 
  padding:5px; 
  font-style:italic; 
  color:#000; 
  background:transparent; 
  z-index:100; 
  font-size:11px;
}

a.gallery span img {border:1px solid #000;}
a.gallery:hover {white-space:normal; border:1px solid #fff;}
a.gallery:hover img {border:1px solid #000; z-index:100;}
a.gallery:active img, a.gallery:focus img {border:1px solid #000; z-index:50;}
a.gallery:hover span {left:60px; z-index:100;}
a.gallery:hover span img {border:1px solid #000;}
a.gallery:active span, a.gallery:focus span {left:60px; z-index:50;}
</style>
<![endif]-->

