/* needed for IE to make :active state work first time */
a, a:visited {color:#000;} 

/* common styling for all galleries */
a.gallery, a.gallery:visited {display:block; display:inline-block; color:#000; text-decoration:none; border:1px solid #000; width:75px; height:50px; float:left; margin:6px; margin-bottom:40px; z-index:50;}
a.slidea {background:url(../images/slideshow/thumb_homecoming.jpg);}
a.slideb {background:url(../images/slideshow/thumb_hall-of-honor.jpg);}
a.slidec {background:url(../images/slideshow/thumb_tailgate-party.jpg);}
a.slided {background:url(../images/slideshow/thumb_alumni-picnic.jpg);}
a.slidee {background:url(../images/slideshow/thumb_student-leader-reception.jpg);}
a.slidef {background:url(../images/slideshow/thumb_student-alumni-raffle.jpg);}
a.gallery em, a.gallery span {display:none;}
a.gallery:hover {border:1px solid #fff;}


/* styling for RIGHT gallery */
#photo_gallery {position:relative; width:560px; height:400px; margin:1em auto;}
#photo_gallery img {border:0;}
#photo_gallery .thumbs {width:180px; position:absolute; right:0; top:0; background-color: #f0f0f0;}
/* #photo_gallery a.gallery:hover span {display:block; position:absolute; width:350px; height:320px; top:265px; left:-380px; padding:5px; font-style:italic; color:#000;  z-index:100;background-color:#fff;} */
#photo_gallery a.gallery:active, #photo_gallery a.gallery:focus {border:1px solid #000;}
#photo_gallery a.gallery:active em, #photo_gallery a.gallery:focus em {display:block; position:absolute; width:350px; height:320px; top:0px; left:-380px; padding:5px; color:#555; border:1px solid #aaa; z-index:50;font-size:10px;font-style:normal;background-color:#fff;}
/*  #photo_gallery span {display:block; position:absolute; width:350px; left:-5px; top:5px; padding:5px; color:#555; z-index:10;font-size:10px;border:1px solid #aaa;}  */
#photo_gallery span {display: block; width:350px; height:320px; margin: 10px 0px 0px 0px; padding: 5px; color: #555; font-size:10px; border:1px solid #aaa; }
#photo_gallery a.gallery:active em img, #photo_gallery a.gallery:focus em img, #photo_gallery span img{margin-bottom: 10px;}