﻿
<!-- =========================================== -->
<!-- begin responsive CSS rollover photo gallery -->
<!-- =========================================== -->
<!-- copyright 2016 shipscript -->
<br style="display:none">
<style>
/* colors and borders */
.pic_gallery { border:0px solid #888888; ; } /* gallery border color */
.pic_gallery .pic_sm div { } /* thumbnail cell border */
.pic_gallery .pic_lg div { } /* main photo cell border */
.pic_gallery .pic_sm img { } /* thumbnail border */
.pic_gallery .pic_lg img { }  /* main photo border */
.pic_gallery .pic_set:hover .pic_sm div {  } /* thumbnail border hover color */
.pic_gallery { background-color:#FFFFFF; } /* gallery background color */
.pic_gallery .pic_sm div, 
.pic_gallery .pic_lg div { background-color:#FFFFFF; } /* cell background color */
.pic_gallery .pic_head,
.pic_gallery .pic_foot { color:#333333;} /* gallery text color */

/* text */
.pic_gallery { font-family:arial; font-size:16px; }
.pic_gallery .pic_head { display:none; text-align:center; font-size:.88em; font-weight:bold; padding-top:.5em; }
.pic_gallery .pic_foot { display:none; text-align:center; font-size:.7em;  }

/* shadows and corners */
.pic_gallery .pic_sm {  }
.pic_gallery .pic_lg {  }
.pic_gallery .pic_sm div {  } /* cell corners and shadows */
.pic_gallery .pic_lg div {  } /* cell corners and shadows */
.pic_gallery .pic_sm img {  } /* image corners and shadows */
.pic_gallery .pic_lg img {  } /* image corners and shadows */

/* sizing, matting, and margins (all values interact and vary by aspect ratio and image count) */
.pic_gallery { width:100%; max-width:784px; } /* change this % in media queries */
.pic_gallery .pic_gal_6x1 { width:100%; padding-top:85.85%; }
.pic_gallery .pic_gal_6x1 .pic_gal_cells { width:99.02%; height:98.86%; } /* sets padding around entire gallery */
.pic_gallery .pic_gal_6x1 .pic_sm { width:13.3%; height:15.51%; margin:0.49%; }
.pic_gallery .pic_gal_6x1 .pic_lg { width:84.72%; height:98.85%; margin:0.49%; }
.pic_gallery .pic_gal_6x1 .pic_sm img { max-width:92.59%; max-height:92.59%; } /* sets margin around thumbnail */
.pic_gallery .pic_gal_6x1 .pic_lg img { max-width:98.83%; max-height:98.83%; } /* sets margin around large photo */

/* structural */
.pic_gallery, .pic_gallery * { -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; }
.pic_gallery, .pic_gallery .pic_gal { position:relative; margin:auto; }
.pic_gallery .pic_gal_cells { position:absolute; left:0; top:0; bottom:0; right:0; margin:auto; }
.pic_gallery img { position:absolute; width:auto; height:auto; left:0; top:0; bottom:0; right:0; margin:auto; }
.pic_gallery .pic_sm { position:relative; overflow:hidden; float:left; display:block; }
.pic_gallery .pic_lg { position:absolute; overflow:hidden; display:none; right:0%; top:0%; z-index:1; }
.pic_gallery .pic_sm div, 
.pic_gallery .pic_lg div { position:absolute; left:0%; top:0%; right:0%; bottom:0%; }
.pic_gallery .pic_lg { display:none; }
.pic_gallery .pic_lg.pic_main { position:relative; display:block; float:right; z-index:0; } /* turn on default large photo */
.pic_gallery .pic_set:hover .pic_sm div { opacity:.5; border:1px solid; }
.pic_gallery .pic_main { visibility:hidden; }
.pic_gallery input { position:absolute; top:0; left:0; visibility:hidden; }
.pic_gallery input:checked + label + div.pic_lg { display:block }
.pic_gallery input:checked + label { opacity:.5; }
</style>

<!--[if lt ie 8]>
<style>
/* lower browser versions can not display this gallery */
.pic_gallery img,
.pic_gallery .pic_gal,
.pic_gallery .pic_sm div,
.pic_gallery .pic_gal_cells { position:relative; border:0; padding:0; margin:0; }
.pic_gallery .pic_sm img { width:99%; height:auto; }
</style>
<![endif]-->