@charset  UTF-8;



/* CSS Document */
div.sub_header {
  background-image: url(../images/about/history.jpg);
  height: 105px;
  margin: 0 0 20px;
  position: relative;
  width: 735px;
}

div.page_bg_image {
  display: block;
  height: 75px;
  width: 974px;
}

.pic_100 {
  background: url(../images/pic_popup_100.png) repeat scroll 0 0 transparent;
  border: 1px solid #666;
  display: block;
  height: 79px;
  margin: 0;
  opacity: .8;
  padding: 0;
  position: absolute;
  width: 100px;
  z-index: 999;
}

.photo_gallery {
  background: #d2ecff;
  border: 1px solid #bbb;
  -moz-box-shadow: 3px 3px 8px #bbb;
  -webkit-box-shadow: 3px 3px 8px #bbb;
  box-shadow: 3px 3px 8px #bbb;
  display: inline-block;
  float: left;
  height: 80px;
  margin: 20px 0 8px 15px;
  width: 101px;
}

.caption {
  display: block;
  margin: 0 0 0 90px;
  position: absolute;
}

.caption_title {
  color: #1a5a8c;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  font-weight: 700;
  line-height: 15px;
  margin: 3px 0 0 20px;
  padding: 3px 3px 0;
  position: absolute;
  text-align: left;
  width: 160px;
}

ul.gallery {
  display: block;
  float: left;
  margin: 0;
  padding: 0;
  width: 100px;
}

ul.gallery li.image_popup {
  display: block;
  width: 100px;
}

.grid_of_images {
    float: left;
}


.grid_of_images a {
    cursor: zoom-in;
    border-bottom: 0;
    height: 80px;
    display: block;
    float: left;
    margin: 0 10px 5px 0;
    width: 101px;
    border:1px solid black;
}

.grid_of_images a img {
    height: 100%;
    max-width: 100%;
    display: block;
}