/* Pruning Workshop 2011 gallery */

/*body {text-align: center;

}*/
/* choose a suitable font and center the #container div in Internet Explorer */
body {text-align:center; font-family: tahoma; arial, sans-serif; font-size:76%; letter-spacing:0.05em;}

/* The containing box for the gallery. */
#container {position:relative; width:740px; height:600px; margin:10px auto 0 auto;  border:1px solid #aaa; background:#ecfee2 url(../images/pw-april-2011/back.jpg) 25px 60px no-repeat;}

/* Removing the list bullets and indentation - add size - and position */
#container ul {width:300px; height:416px; padding:0;  margin:5px; list-style-type:none; float:right;}

#container li {float:left;}

/* Remove the images and text from sight */
#container a.gallery span {position:absolute; width:1px; height:1px; top:5px; left:5px; overflow:hidden; background:#ecfee2;}

/* Adding the thumbnail images */
#container a.gallery, #container a.gallery:visited {display:block; color:#000; text-decoration:none; border:1px solid #000; margin:1px 2px 1px 2px; text-align:left; cursor:default;}
#container a.slidea {background:url(../images/pw-april-2011/01t.jpg); height:93px; width:93px;}
#container a.slideb {background:url(../images/pw-april-2011/02t.jpg); height:93px; width:93px;}
#container a.slidec {background:url(../images/pw-april-2011/03t.jpg); height:93px; width:93px;}
#container a.slided {background:url(../images/pw-april-2011/04t.jpg); height:93px; width:93px;}
/* * html #container a.slided {width:91px; w\idth:93px;} */
#container a.slidee {background:url(../images/pw-april-2011/05t.jpg); height:93px; width:93px;}
#container a.slidef {background:url(../images/pw-april-2011/06t.jpg); height:93px; width:93px;}
/* * html #container a.slidef {width:91px; w\idth:93px;} */
#container a.slideg {background:url(../images/pw-april-2011/07t.jpg); height:93px; width:93px;}
#container a.slideh {background:url(../images/pw-april-2011/08t.jpg); height:93px; width:93px;}
#container a.slidei {background:url(../images/pw-april-2011/09t.jpg); height:93px; width:93px;}
#container a.slidej {background:url(../images/pw-april-2011/10t.jpg); height:93px; width:93px;}
#container a.slidek {background:url(../images/pw-april-2011/11t.jpg); height:93px; width:93px;}
/* * html #container a.slidek {width:91px; w\idth:93px;} */
#container a.slidel {background:url(../images/pw-april-2011/12t.jpg); height:93px; width:93px;}
#container a.slidem {background:url(../images/pw-april-2011/13t.jpg); height:93px; width:93px;}
#container a.sliden {background:url(../images/pw-april-2011/14t.jpg); height:93px; width:93px;}
#container a.slideo {background:url(../images/pw-april-2011/15t.jpg); height:93px; width:93px;}
#container a.slidep {background:url(../images/pw-april-2011/16t.jpg); height:93px; width:93px;}
#container a.slideq {background:url(../images/pw-april-2011/17t.jpg); height:93px; width:93px;}
#container a.slider {background:url(../images/pw-april-2011/18t.jpg); height:93px; width:93px;}

/* styling the hovers */
#container a.gallery:hover {border:1px solid #fff;}
#container a.gallery:hover span {position:absolute; width:372px; height:500px; top:10px; left:25px; color:#000; background:#ecfee2;}
#container a.gallery:hover img {border:1px solid #fff; float:left; margin-right:5px;}
#container a.slideb:hover img, #container a.slidei:hover img {float:right;}
.style2 {font-size: small}
.style3 {color: #666666}
.style4 {font-size: medium}