/* 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:770px; height:600px; background:#fff; position:relative; }
#gallery li {width:82px; background:#aa8; margin-right:1px; float:left;}
#gallery li p {font: 12px arial, verdana, sans-serif; color:#fff; height:25px; line-height:25px; padding:0 0 0 10px; margin:0; cursor:pointer;  font-weight:bold; width:82px;}
#gallery li.galleryon p {background:#664; color:#fc0; font-weight:bold; width:100px;}
#gallery ul {display:none;}

#gallery li.galleryon ul {display:block; width:599px; height:500px; border:1px solid #664; border-width:20px 1px; background:#eee; padding:80px; position:absolute; left:0; top:25px;}

#gallery li.galleryon ul li em {display:none;}
#gallery li.galleryon ul li {width:118px; height:109px; border:.2px solid #000; border-color:#eee #444 #000 #ccc; float:left; margin:0; text-align:center; padding-top:9px; cursor:pointer; background:#888;}
#gallery li.galleryon ul li span img {border:1px solid #fff; border-color:#000 #ccc #eee #444;}
#gallery li.galleryon ul li.hz {padding-top:2px; height:97px; color:#FFFFFF;}

#gallery li.galleryon ul li.page em {display:block; position:absolute; left:122px; top:10px; border-top:1px solid #664;background:#ddd url(../images/photogallery/close.gif) no-repeat right top; border:20px solid #aaa;}
#gallery li.galleryon ul li.hz em {left:42px; top:80px; text-align:left;}
#gallery li.galleryon ul li.page em img {display:block; position: relative; left:0px; top:6px; width:599px; height:500px;  }

pre {
	padding:3px 0 0 0; margin:0;
	font-size:12px;
	font-weight:bold;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#000000;
}