body {
   margin: 0px;
   padding: 0;
   background: #32393e url(../images/contentBgSdw.gif) repeat-y top center;
   font: 12px Georgia, Verdana, Arial, sans-serif;
   color: #333333;
}
#pageSurround {
   width: 748px;
   margin: 0px auto;
   padding: 5px;
   background-color: #FFFFFF;
   color: #333333;
}
DIV.panel {
      border: 1px solid #0174BB;
      padding: 5px;
      background-color: White;
      min-height: 280px;
      height: auto !important;
      height: 280px;
   }
   IFRAME {
      border: none;
      background-color: transparent;
      width: 100% !important;
      width: 600px;
      height: 400px;
      margin: 0px;
   }
#title {
   width: 750px;
   height: 120px;
   margin: 0px auto;
   padding:0;
   background: #32393e url(../images/logo.jpg);
   color: #FFF;
   font: 20px Georgia, Verdana, Arial, sans-serif;
}

#album_title {
   color: #32393E;
   border-bottom: 1px dashed #CCC;
   margin: 0px 0px 0px 0px;
   padding: 0px 0px 5px 0px;
}

#top_title {
   color: #32393E;
   border-top: 1px dashed #CCC;
   margin: 0px 0px 0px 0px;
   padding: 5px 0px 0px 0px;
}


#subtitle {
   width: 742px;
   margin: 0px auto;
   margin-top: 0px;
   margin-bottom: 5px;
   padding: 5px 5px 5px 5px;
   background-color: #667777;
   color: #FFF;
   font: 14px Georgia, Verdana, Arial, sans-serif;
   text-align:center;
   font-weight:bold;
}

#menu a{
   padding: 5px 5px 5px 5px;
   margin: 0px auto;
   margin-top: 2px;
}

#menu a:hover{
   padding: 5px 5px 5px 5px;
   background-color: #667777;
   margin-top: 2px;
   color: #FFF;
}
#menu {
   width: 747px;
   margin: 0px auto;
   margin-top: 2px;
   padding: 5px 5px 5px 5px;
   background-color: #FFF;
   font: 12px Georgia, Verdana, Arial, sans-serif;
   text-align:right;
}

#copy {
   width: 742px;
   margin: 0px auto;
   margin-top: 5px;
   margin-bottom: 5px;
   padding: 5px 5px 5px 5px;
   background-color: #667777;
   color: #FFF;
   font: 11px Georgia, Verdana, Arial, sans-serif;
}

.thumb{
   border: 1px solid #cccccc;
   padding: 5px;
}

a {
   font-family: Georgia, Verdana, Arial, Helvetica, sans-serif;
   font-size: 11px;
   color: #32393E;
   text-decoration: none;
} 

select { 
   font-family: Georgia, Verdana, Arial, Helvetica, sans-serif;
   font-size: 11px;
   border: #CDCDCD;
   border-style: solid;
   border-top-width: 1px;
   border-right-width: 1px;
   border-bottom-width: 1px;
   border-left-width: 1px
   } 
#back {
   position: fixed;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
   z-index: 9;
   background-color:#000;
   display: none;
   opacity: 0.70;
   filter: alpha(opacity=70);
   _left: expression(ignoreMe = document.documentElement.scrollLeft + "px");
   _top: expression(ignoreMe = document.documentElement.scrollTop + "px");
   _width: expression(document.documentElement.clientWidth + "px");
   _height: expression(document.documentElement.clientHeight + "px");
}
.hide_div {
   width:600px;
   height:200px;
   position: absolute;
   top:50%;
   left:50%;
   margin-left:-300px;
   margin-top:-100px;
   background:#667777;
   visibility:hidden;
   z-index:10;
   border: 8px solid #FFF;
   padding: 10px;
   line-height: 1.4em;
   color: #FFF;
}
.hide_div a:hover{
   color:#FFF
   }
#lightbox{
   position: absolute;
   left: 0;
   width: 100%;
   z-index: 100;
   text-align: center;
   line-height: 0;
}

#lightbox a img{ border: none; }

#outerImageContainer{
   position: relative;
   background-color: #fff;
   width: 250px;
   height: 250px;
   margin: 0 auto;
   }

#imageContainer{
   padding: 10px;
   }

#loading{
   position: absolute;
   top: 40%;
   left: 0%;
   height: 25%;
   width: 100%;
   text-align: center;
   line-height: 0;
   }
#hoverNav{
   position: absolute;
   top: 0;
   left: 0;
   height: 100%;
   width: 100%;
   z-index: 10;
   }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{
   width: 49%;
   height: 100%;
   background: transparent url(../images/blank.gif) no-repeat; /* Trick IE into showing hover */
   display: block;
   }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.gif) right 15% no-repeat; }


#imageDataContainer{
   font: 10px Georgia, Verdana, Helvetica, sans-serif;
   background-color: #fff;
   margin: 0 auto;
   line-height: 1.4em;
   overflow: auto;
   width: 100% 
   }

#imageData{ padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }  
#imageData #caption{ font-weight: bold;   }
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;   }        
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em;   }  
      
#overlay{
   position: absolute;
   top: 0;
   left: 0;
   z-index: 90;
   width: 100%;
   height: 500px;
   background-color: #000;
   }