body {
 margin:0;
font-family: 'Raleway', sans-serif;
 font-size:1vw;
 z-index:1;
 color:#000;
  /*! background:#7F7F7F; */
}

#h-148{
  color:#f00;
  background:#ff0;
}

#ModalGallery .modal {
  background-color: black;
}
.modal-content {
  background-color: #333;
}
.modal-content .Title{
  color:#fff;
}
.modal-content .Caption{
  color:#444;
  background: #eee;
}
#ModalGallery .close{
  color: #aaa;
  background: #a00;
}
#ModalGallery .close:hover,.close:focus {
  color: #fff;
}
#ModalGallery .prev, .next {
  color: white;
  background: #666;
}
#ModalGallery .prev:hover, .next:hover {
  background-color: rgba(0, 0, 0, 0.8);
  text-decoration:none;
  color:#fff;
}

#ModalGallery .numbertext {
  color: #f2f2f2;
  font-size: 1vw;
}

#Message{
  height:130px;
}

#Footer{
  color:#555;
  min-height:40px;
  background:#444 url(CSS/SlateTileBG.png);
}

#Footer .MainContent{width:98%;margin:1%;padding:0;color:#ccc;}

#Footer a{color:#fff;line-height:180%;}

#GalleryImage {position: relative;float: left; width:46%;margin:0px 2%;text-align:center;}
#GalleryImage img{max-width:95%;box-shadow: 4px 4px 6px #444;height:auto;max-height:90%}
#MainGalleyImage{width:95%;width:auto;max-height:655px;max-width: 96%;padding: 2%;outline: solid 1px #ccc;box-shadow: 4px 4px 6px #444;}

#RelatedMedia{position: relative;float: left; width:90%;margin:5%;text-align:center;}
#RelatedMedia .thumbnail{max-width:100px;max-height:100px;width:auto;height:auto; /*! height:100px; */padding:1%;outline:solid 1px #ccc;box-shadow: 2px 2px 2px #444;}

.ChildPageImageGrid{
   text-align:center
}

.ChildPageImageGridCell{
display: inline-block;
position:relative;
width: 18.5%;
margin: 0.5%;
/*! border: solid 1px #bbb; */
background-size: cover;
background-position: center;
cursor: pointer;
box-shadow: 3px 3px 7px #000;
height: auto;
font-size:85%;
color:#fff;
text-align: center;
min-width: 200px;
min-height: 200px;
border-top-left-radius: 10%;
border-top-right-radius: 10%;
}

.ChildPageImageGridCell .Mask{display:block;width: 100%;margin: 0;}

.GridLabel{position:absolute;left:0px;width:100%;top:84%;font-size:120%;background: url(CSS/GridLabelFade.png) repeat;bottom: 0;padding: 1% 0;right: 100%;}
.GridLabel a{color:#fff;}
.GridLabel a:hover{color:#ff0;}

.FileRef{display:block;text-align:center;font-size:11px;margin:0 0 1% 0;color:#777;}

#ChildPageLinks{text-align: center;width: 100%;outline: solid 1px #ccc;padding: 0 0 0.5% 0;}
#ChildPageLinks a{display:inline-block;width:24%;margin:0.5% 0.5% 0 0.5%;padding:0;background: #eee;}
#SearchWrapper{width:90%;margin:2% 5%}
#SearchText{width:50%}

.EventCell{outline:solid 1px #ccc;margin:0.5%;padding:1%;width:30%;text-align:center;height:564px;overflow: auto;}
.EventCell p{text-align: justify;font-size:100%;}
.EventCell img{display:inline-block;padding:2%;outline:solid 1px #999;margin:2%;max-width:92%;box-shadow:3px 3px 3px #444;}
.Clickable{cursor:pointer;}
.Clickable:hover{outline:solid 2px #00f;}

.Pagination{position: relative;float:left;width:90%;margin:1% 5%;text-align:center;background:#eee;font-size:110%;color:#555;padding:0.5% 0;}
.Pagination a{display:inline-block;margin:0 1%;color:#555;}
.Pagination .Selected{/*! {display:inline-block; */margin:0 1%;font-weight:bold;/*! color:#000} */