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

body{
font-family:Times New Roman, Times, serif;
font-size:18px;

}

#logo {
text-align:center;
}

#logo a {
text-decoration: none;
}

#submenu {
text-align:center;
}
#content-imagebelow {

text-align:center;
}

.thumbnail {
border:hidden;
}
.thumbnail a {
text-decoration:none;
}

#image-gallery{
margin:20px;
}

.image-caption{
padding: 100px;
text-align:center;
}
#content-imagebelow .image-caption{
padding-top:20px;
padding-bottom:20px;
}
.caption-sm {
font-size:smaller;
}

#content-imageleft {
margin: 20px;

}

#divider {
padding-top:20px;
border-color:#f8f8f8;
border-top-width: 1px;
border-top-style: inset;
padding-left:10px;
padding-right:10px;
}

#footer {

text-align:center;
padding-top:20px;
border-color:#f8f8f8;
border-top-width: 1px;
border-top-style: inset;
padding-left:10px;
padding-right:10px;
}
.must {
	color:#FF0000;
	font-ssize:bold;
}

/* centering navbar */
.btn-default {
margin-top:8px;
}
.navbar .navbar-nav {
    display: inline-block;
    float: none;
}

.navbar .navbar-collapse {
    text-align: center;
}

/* posiyioning images */
.center {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 50%;
}
.left-align {
  display: block;
  margin-left:-50px;
  margin-right: auto;
  
}

.justify {
  text-align: justify;
}
ul.press {


/*thumbnail images  */
ul.enlarge{
list-style-type:none; /*remove the bullet point*/

}
ul.enlarge li{
display:inline-block; /*places the images in a line*/
z-index: 0; /*resets the stack order of the list items - later we'll increase this*/

}
ul.enlarge img{
padding: 10px;
}
ul.enlarge span{
position:absolute;
left: -9999px;
padding: 10px;

}
ul.enlarge li:hover{
z-index: 1000;
cursor:pointer;
}
ul.enlarge span img{
padding:2px;

}
ul.enlarge p{
padding:10px;
text-align:center;
}
ul.enlarge li:hover span{ 
top: -10px; /*the distance from the bottom of the thumbnail to the top of the popup image*/
left: 0px; /*distance from the left of the thumbnail to the left of the popup image*/
}
ul.enlarge li:hover:nth-child(2) span{
left: 0px;
top:0px; 
}
ul.enlarge li:hover:nth-child(3) span{
left: 0px; 
top: 0px;
}
ul.enlarge li:hover:nth-child(4) span{
left: 0px;
top:0px; 
}
ul.enlarge li:hover:nth-child(5) span{
left: 0px; 
top:0px;
}

noshow {
	display:none;
}

div.sticky {
  position: -webkit-sticky;
  position: sticky;
  top: 50px;
  padding: 5px;
}

@media only screen and (max-width: 700px) {
.mobile-noshow {
	display:none;
}
.mobile-show {
	display:inline;
}
#mobile-container {
width:100%;
background-color:#ffffff;
padding:0px;
margin:0px;
height:500px;
}
#mobile-header {
width:100%;
background-color:#ffffff;
padding:0px;
margin:0px;

}
#mobile-content {
width:100%;
background-color:#ffffff;
padding:0px;
margin:0px;

}
#mobile-footer {
width:100%;
background-color:#ffffff;
padding:0px;
margin:0px;
}
.centered img{
margin: auto;    
display: block;
}
}