/* ================================================================ 
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.stunicholls.com/gallery/multi-page2.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.
=================================================================== */

/* common styling */
/* set up the overall width of the menu div and the margins */
#gallery, #gallery ul {padding:0; margin:0; list-style:none;}

#gallery {width:520px; height:580px; background:transparent; position:relative; }
#gallery li {width:78px; background: url(tab_black.gif) top right; margin-right:1px; float:left; }
#gallery li:hover {background: url(tab_black.gif) bottom right;}
#gallery li p {font: 12px arial, verdana, sans-serif; color:#fff; height:25px; line-height:25px; padding:0 0 0 0px; text-align:center; margin:0; cursor:pointer;}
#gallery li.galleryon p {background: url(tab_red.gif) top right; color:#fc0;}
#gallery ul {display:none;}

#gallery li.galleryon ul {display:block; width:498px; height:500px; border:1px solid #9C0103; border-width:20px 1px; background:#fff; padding:10px; position:absolute; left:0; top:25px;}
#gallery li.galleryon ul li em {display:none;}
#gallery li.galleryon ul li b {display:none;}
#gallery li.galleryon ul li {width:122px; height:109px; border:1px solid #000; border-color:#eee #9C0103 #9C0103 #ccc; float:left; margin:0; text-align:center; padding-top:9px; cursor:pointer; background:#fff url(stripes_right.gif);}
#gallery li.galleryon ul li:hover {background:#EDE3B6 url(stripes_double.gif) bottom center;} /* for all browsers except IE6 and lower */

#gallery li.galleryon ul li span img {border:1px solid #fff; border-color:#9C0103 #ccc #eee #9C0103; width:100px; height:75px;}
#gallery li.galleryon ul li.hz {padding-top:9px; height:109px;}

#gallery li.galleryon ul li.page em {display:block; position:absolute; left:10px; top:10px; border:1px solid #3E0103;}
#gallery li.galleryon ul li.hz em {left:10px; top:10px;}
#gallery li.galleryon ul li.page em img {display:block;}
#gallery li.galleryon ul li.page b {display:block; position:absolute; left:0; top:522px; width:518px; text-align:center; background:#E4BC0F url(absolute_bg.gif); color:#9C0103; font-family:verdana, arial, sans-serif; font-weight:normal; font-size:11px; line-height:15px;}
#gallery li.galleryon ul li.page b a, #gallery li.galleryon ul li.page b a:visited {color:#000000; font-weight:bold;}
#gallery li.galleryon ul li.page b a:hover {text-decoration:none;}
#gallery li.galleryon ul li.page b a.expand {padding-left:25px; background:transparent url(expand.gif) left center no-repeat;}