@charset "utf-8";

/* -- global -- */
body {font-family: Calibri, Verdana, Geneva, Arial, Helvetica, Sans Serif; color: #616161; font-size: 11pt; color: #000;}
a #site_logo {border: none; width: 100px;}
h1 {font-size: 18pt;}
hr {border-color: #d4d4d4; border-style: solid; border-width: 0 0 1px; clear: both; height: 1px; width: 100%;}

/* -- hide stuff -- */
#page_feature, #page_footer, #page_header_primary_links, #page_header_search, #page_header_localization, ul.phs_primary, #breadcrumbs, .sub_page_menu, #content_right, #page_content_section_menu, #share, #page_content_inner .module h2, #image-gallery ul li p a {display: none;}

/* -- show stuff -- */
#page_content_inner .module .module_content h2 {display: block;}

/* -- resets -- */
#content_main, #content_main_with_nav {margin: 0; padding: 0; width: auto;}

/* -- content styles -- */
.clear {clear: both; height: 1px; line-height: 1px; overflow: hidden;}
.clearfix:after, #image-gallery:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}
.clearfix, #image-gallery {display: inline-block;}
html[xmlns] .clearfix, html[xmlns] #image-gallery {display: block;}

#image-gallery { margin: 40px 0 0 0; }
#image-gallery h2 { font-size: 15pt; padding: 0px; border-bottom: 1px solid #ccc; border-top: 0px; line-height: 2em; margin: 0 0 20px; width: 100%; }
#image-gallery ul { margin: 0px;}
#image-gallery ul li { display: block; width: 140px; float: left; min-height: 200px; height:auto !important; height: 200px; margin: 0 40px 0 0; }
#image-gallery ul li a, #image-gallery ul li a:visited { display: block; width: 138px; height: 88px; overflow: hidden; padding: 0px; border: 1px solid #ccc; margin: 0 0 5px; }
#image-gallery ul li a:hover { border: 1px solid #003687; }
#image-gallery ul li a span { display: block; width: 130px; height: 80px; border: 4px solid #fff; position: relative; overflow: hidden; position: relative; }
#image-gallery ul li a img { display: block; position: absolute; left: 50%; top: -4px; margin: 0 0 0 -75px; padding: 0px; border: 0px;  }
#image-gallery ul li p a:link img, a:visited img { border: 0px none; padding: 0px; }
#image-gallery ul li p { display: block; width: 140px; font-size: .85em; }
#image-gallery ul li p a, #image-gallery li p a:visited, #image-gallery li p a:hover { display: block; border: 0px; position: relative; height: 20px; line-height: 20px; width: 115px; padding: 0 0 0 25px;}
#image-gallery ul li p a img { position: absolute; left: 0px; top: 0px; width: 20px; height: 20px; margin: 0px; border: none;}