@charset "UTF-8";
/* CSS Document */

//Commenting out temporarily - ND

#mygallery {margin:0 auto}

.stepcarousel{position: relative; /*leave this value alone*/margin:0 0 15px 0;padding: 12px 0px 8px 0px;overflow: scroll; /*leave this value alone*/width: 717px; /*Width of Carousel Viewer itself*/height: 306px; /*Height should enough to fit largest content's height*/}

.stepcarousel .belt{position: absolute; /*leave this value alone*/left: 0;top: 0;}

.panel img { padding:2px; border:1px solid #999999; margin:7px 0 0 0; z-index:10;}

.eventdt {margin-top:-80px;padding:5px;font-size:12px;font-style:italic;text-decoration:none;font-weight:bold;height:80px;color:black;}



/*IE6-IE7 hacks*/

#main #col3_content{width:595px !important ;}
*>#main #col3_content{width:733px ;}

#leftNav, #rightNav{*display:none}

/*.stepcarousel{position: relative; /*leave this value alone*/ margin:0 0 15px 0;padding: 12px 0px 8px 0px;overflow: scroll; /*leave this value alone*/
width:733px; /*Width of Carousel Viewer itself*/height: 314px; /*Height should enough to fit largest content's height*/}
.stepcarousel .belt{position: absolute; /*leave this value alone*/left: 0;top: 0;}
.stepcarousel .panel{float: left; /*leave this value alone*/overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/margin: 5px 10px 5px 0; /*margin around each panel*/width: auto; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */}
.panel img {padding:5px;border:1px solid #999999;margin:7px 0 0 0;z-index:10;}*/

.eventdt {margin-top:-80px;padding:5px;font-size:12px;font-style:italic;text-decoration:none;font-weight:bold;height:80px;color:black;}

/*IE6-IE7 hacks

#main #col3_content{width:595px !important ;}

*>#main #col3_content{width:733px ;}

#leftNav, #rightNav{*display:none}*