<style type="text/css">
body {height:100%; padding:0; margin:0; overflow:auto; background:#f8f8f8;}

#container {height:100%; width:100%; font-family:verdana, sans-serif; font-size:11px; line-height:18px;}
a, a:visited, a:hover {color:#eee; text-decoration:none;}
a img {display:block; border:0;}


.thumbholder {width:558px; margin:0 auto 0 auto; padding:10px 0 10px 10px; border:1px solid #ddd; background:#fff;}
.thumbholder h2.title {font-size:25px; color:#444; font-weight:normal; font-family:"times new roman", serif; text-align:center;}
.thumbholder h2.title b {font-weight:bold; color:#000; font-size:30px;}
.thumbholder h2.title span {font-weight:bold; font-style:italic;}
.thumbholder p {padding:0 10px 0 0; margin:10px 0;}

a {display:block; float:left; margin:5px 10px 5px 0; display:inline; border:1px solid #000;}

.lightbox {position:absolute; left:-9999px; top:0; cursor:default; z-index:100;}
.light {position:absolute; left:0; top:0;}
.box {position:absolute; left:0; top:0;}

/* trigger for IE6 */
a:active {background:#ddd;}


a:active .lightbox,
a:focus .lightbox {left:0; width:100%; height:100%;}

a:active .lightbox .light,
a:focus .lightbox .light {background:#000; width:100%; height:100%; filter: alpha(opacity=90);
 filter: progid:DXImageTransform.Microsoft.Alpha(opacity=90); opacity:0.90;
}



a:active .lightbox .box,
a:focus .lightbox .box {width:100%; text-align:center; margin-top:150px;}


a:active .lightbox .box img,
a:focus .lightbox .box img {border:1px solid #aaa; margin:0 auto;}

a:active .lightbox .box h2,
a:focus .lightbox .box h2 {font-size:11px; font-weight:normal; width:400px; padding:0; margin:10px auto; text-align:center; text-decoration:none; color:#999;}
a:active .lightbox .box h2 b,
a:focus .lightbox .box h2 b {font-weight:bold; font-family:"times new roman", serif; color:#000;}

#close {width:16px; height:16px; background:url(close.gif); position:relative; z-index:500; float:right; display:inline; margin-right:10px;}
.clear {clear:left;}

a.comments {float:none; margin:0; border:0; color:#c00; font-weight:bold;}
a:hover.comments {color:#c00; text-decoration:underline; background:#fff;}

</style>

<!--[if lte IE 6]>
<style type="text/css">
a:active .lightbox .light {width:expression(document.getElementById('container').offsetWidth);
height:expression(document.getElementById('container').offsetHeight);}
a:active .lightbox .box {
width:expression(document.getElementById('container').offsetWidth);
height:expression(document.getElementById('container').offsetHeight);}

</style>
<![endif]-->


