body{margin:0;font-family: sans-serif;font-size:1vw;z-index:1;color:#000;}

h1{display:block;width:100%;clear:both;font-size:250%;margin: 0 0 1% 0;font-weight:normal;}
h2{display:block;width:100%;clear:both;font-size:200%;margin:0 0 1% 0;font-weight:normal;}
h3{display:block;width:100%;clear:both;font-size:150%;margin:0px 0 1% 0;font-weight:normal;}
h4{display:block;width:100%;clear:both;font-size:130%;margin:0px 0 3% 0;font-weight:normal;font-family: 'Permanent Marker';background: #444;color: #fff;border-radius: 8px;background: #555;}

.Bold{font-weight:bold;}
.Underline{text-decoration:underline;}
.Italic{font-style:italic;}

ul,ol{display:block;line-height:150%;font-size:100%;clear:left;}
p{font-size:100%;margin:0 0 1% 0;line-height:120%;}

span.ParaLeft {display:inline-block;float:left;}
span.ParaRight {display:inline-block;float:right;}
span.ParaRight img{float:right;width:98%;margin:1% 0 0 2%;}
span.ParaLeft img{float:left;width:98%;margin:1% 2% 0 0;}

.left{text-align:left;}
.right{text-align:right;}
.center{text-align:center;}
.justify{text-align:justify;}

.CenteredContent{width:100%;text-align:center;}

.Introduction{font-size:100%;font-weight:bold;margin:0 0 1% 0;}
.Paragraph{float:left;width:100%;font-size:13px;line-height:16px;}

#FixedWidth{width:100%;max-width:1940px;margin:0 auto;position: relative;/*! float: left; */}
#MaxWidth{position: relative;max-width:1270px;margin:0 auto;}
#Wrapper{position:relative;float:left;width:100%;z-index:1;margin:0;;}
#MainContent{position:relative;float:left;width:95%;background: #fff;padding: 1% 2.5%;margin-top:83px;}
#Top{position:fixed;width:100%;/*! float:left; *//*! z-index: 5000; *//*! background:#fff; */box-shadow: 0px 1px 10px #000;max-width: 1940px;margin: 1% 0;z-index: 100;}
.PageBlock{position:relative;}


.Block{position:relative;float:left;}
.Block .Intro{display:block;font-size:14px;font-weight:bold;line-height:22px;padding:0 0 10px 0;}
.Block p{display:block;width:100%;/*! padding:0; */}
.Block h1{display:inline-block;text-align:center;}
.Block h2{display:inline-block;text-align:center;}

.Left{float:left;/*! margin:0 2% 0 0; */}
.Right{float:right;margin:0 0 0 2%;}
.Center{width:100%;text-align:center;}
.Center div{display:inline-block;}
.BoxPosCenter{position:relative;clear:both;width:50%;padding:25%; background:#f00;}
.Full{position:relative;width:100%;}
.TwoThirds{position:relative;width:64.666%;padding:1%;}
.Half{position:relative;width:49%;padding:0;margin: 0 0.5%;}
.Third{position:relative;width:31.333%;padding:0 1%;float: left;}
.Quarter{position:relative;width:22%;margin:1% 0 0 1%;/*! padding:0 1% 1% 1%; */}

.WithMargin{margin:0 2%;width:96%}
.WithPadding{padding:0 2%;width:96%}
.WithBoth{margin:0 2%;padding:0 2%;width:92%}


.Caption{display:block;font-size:90%;width:96%;margin:0 2%;text-align:center;color:#006885;/*! clear: both; */font-style: italic;}

.Divider{position:relative;float:left;width:100%;margin:4px 0;clear:both;}
.Black{background:#000;}
.White{background:#FFF;}
.Red{background:#ff0000;}
.Green{background:#00ff00;}
.Blue{background:#0000ff;}
.Yellow{background:#ffff00;}
.LightGrey{background:#eee;}

#Footer{position:relative;float:left;width:98%;margin:1% 0 0 0;padding:1%;color:#fff;background:#333 url('CSS/SlateTileBG.png');min-height:40px;/*! text-align: center; */}
#Footer .Strapline{display:block;text-align:center;width:100%;}
.GalleryWrapper{position:relative;float:left;width:100%;margin: 0 0 1% 0;}
.GalleryWrapper img{margin:0;}
.SelectedGalleryImage img{max-width:100%;width:auto;max-height:480px;}
.SelectedGalleryImage img.WithBorder{max-height:600px;max-width:97%;padding:2%;width:auto;outline:solid 1px #aaa;box-shadow: 4px 4px 4px #444}
.GalleryWrapper p{position:relative;float:left;width:96%;padding:1% 2%;color:#000;font-size:16px;line-height:22px;text-align:justify;}
.GalleryThumbs{position:relative;width:100%;text-align:center;/*! background:#eee; */}
.GalleryThumb{display:inline-table;width:10%;/*! margin:1%; *//*! text-align:center; */overflow:hidden;/*! background: #fff; */}
.GalleryThumb img{/*! max-width:98%; */max-height:70px;width:auto;border:solid 1px #ccc;padding:3%;background:#fff;}

#DynamicGalleryWrapper{position:relative;float:left;width:98%;margin:0 1%;text-align:center;}
.NewGalleryThumb{display:inline-block; max-width:140px;height:auto;margin:1px 1px 0 0; outline:solid 1px #bbb;background-color:#fff;background-position:center;cursor:pointer;max-height: 98px;padding: 0.5%;}
.NewGalleryTile{display:inline-block; width:90px;height:90px;margin:1px 1px 0 0; outline:solid 1px #bbb;background-size:cover;background-color:#fff;background-position:center;cursor:pointer;/*! background-image: url(CSS/Loading.gif); */}
#GalleryTagList{display:block;width:100%;text-align:center;font-size:11px;color:#444;margin:0;}

#Carousel{position:relative;width:100%;overflow:hidden;margin:0 0 1% 0;}
#Slider{position:relative;float:left;width:200%;}
.Slide{position:relative;float:left;width:50%;padding:0;text-align:center;}
.CarouselImage.Type6{width:60%;margin:0;}
.CarouselImage.Type7{width:100%;margin:0;}
.Slide .CarouselHeadline{display:block;position:relative;float:right;width:38%;margin:1%;text-align:center;color:#00a;font-size:32px;line-height:36px;}
.Slide .CarouselText{display:block;position:relative;float:right;width:36%;margin:2%;text-align:center;color:#00a;font-size:22px;line-height:26px;}
.CarouselControl{display:block;position:absolute;}
.CarouselQuoteWrapper{position:absolute;top:0%;bottom:0%;right:0%;width:39%;background:#444;color:#fff;text-align:center;}
.CarouselQuote{display:block;position:absolute;top:15%;left:5%;width:90%;font-size:26px;line-height:30px;}
#CarouselPara{margin:0 1% ;font-size:16px;color:#000;line-height:22px;text-align: justify;}

#LeftButton{top:40%;left:1%;} 
#RightButton{top:40%;right:1%;}

#SlideQueue{position:relative;width:100%;display:none;}
.SlideInQueue{position:relative;float:left;width:20%;}
.SlideInQueue img{width:100%;}
.SlideLinkOverlay{position:absolute;z-index:100;width:90%;height:100%;top:0;left:5%;cursor:pointer;}

.FormRow{display:block;float:left;width:100%;background:#eee;margin:0 0 0.5% 0;padding:1% 0;}
.FormLabel{display:block;float:left;width:24%;padding:5px 1% 0 0;text-align:right;font-size:1.1vw;}
.mandatory{color:#f00;}
.Note{display:block;position:relative;font-size:0.8vw;clear:both;}
.FormRow .FormField{display:block;float:left;width:75%;}
.FormRow .FormField textarea,input{display:block;width:95%;}

.HalfAndHalf .FormLabel{display:block;position:relative;float:left;width:49%;text-align:center;}
.HalfAndHalf .FormField{display:block;position:relative;float:left;width:49%;text-align:left;}

.FullWidth .FormLabel{display:block;position:relative;float:left;width:99%;text-align:center;}
.FullWidth .FormField{display:block;position:relative;float:left;width:99%;margin:0 2.5%}

.SubmitButton{width:80%;position: relative;float:left;text-align:center;padding:0;/*! background:#eee; */margin: 0 10%;}
#Send{/*! display:inline-block; */width:70px;cursor: pointer;}

#PopUpWrapper{position:absolute;z-index:900;background:#000;width:100%;height:100px;opacity:0.7;display:none;top:0;left:0;}
#PopUpControl{position:absolute;z-index:902;background:#000;top:0;left:0;display:none;padding:4px;border:solid 2px #000;}
#CloseThePopup{position:absolute;top:0;right:0;margin:4px;border:none;}
#PopUpControl img{border:none;}
#PopUpContent{margin:1%;}
#PopUpContent h1{position:relative;float:left;width:100%;margin:0 0 10px 0;font-size:18px;color:#444;}
#PopUpContent h2{position:relative;float:left;width:100%;margin:0 0 10px 0;font-size:14px;color:#000;}
#PopUpContent p{position:relative;float:left;width:100%;margin:0 0 16px 10px;}
#PopUpContent p img{position:relative;float:left;margin:0 10px 0 4px;}
#PopUpContent #XofYImages{display:inline-block;margin:0 10px;color: #fff;}
#MainGalleryImage{cursor:pointer;}
#GalleryControl{display:block;/*! position:absolute; */width:100%;text-align:center;bottom:4px;/*! height: 3px; */}
#ImageURL{display:block;float:left;width:100%;text-align:center;color:#fff;font-size:10px;margin:2px 0;}


.youtube-container{display: block; float:left;margin: 0 auto; width: 100%;}
.youtube-container :hover{cursor: pointer}
.youtube-popup { display: block; margin: 20px auto; padding-bottom: 56.25%;width: 100%;}
.youtube-player { display: block; width: 100%; /* assuming that the video has a 16:9 ratio */ padding-bottom: 56.25%; overflow: hidden; position: relative; width: 100%; height: 100%; display: block; }
img.youtube-thumb { display: block; bottom: 0;  left: 0; margin: auto; max-width: 100%; width: 100%; position: absolute; right: 0; top: 0; }
div.play-button {height: 70px; width: 100px; right: 40%; bottom: 40%;  position: absolute; background: url("CSS/Player_Play.png") no-repeat; }
#youtube-iframe {width: 100%; height: 100%; position: absolute; top: 0; left: 0; }
div.Player_Play {height: 32px; width: 32px; right: 2%; bottom: 15%; position: absolute; }
.YoutubeHeadline{position: relative; float: left; width: 80%; padding:0 10%; height: 34px; text-align: center;}

.GoogleMap iframe{width:100%;min-height: 300px;}

#ChildPageGrid{position:relative;float:left;width:100%;text-align:justify;}
.ChildPageGrid{display:inline-block;}
.ChildPageGrid img{margin:0 1%;width:94%;padding:2%;outline:solid 1px #aaa;box-shadow: 4px 4px 4px #444;}
#Copyright{position: relative;width:100%;float:left;text-align:center;font-size:10px;margin:8px 0;}

.DynamicGallery{position: relative;width:100%;float:left;text-align:center;}
.DynamicCell{display:inline-block;padding:1%;outline:solid 1px #444;margin:1%;box-shadow: 6px 6px 6px #444;}

.DefaultTable{border: solid 1px #ccc;}
.DefaultTable td{padding:0 0.5%}
.Dark{background:#ccc}
.Light{background:#ddd;}


#ModalGallery{
  width:100%;
  text-align:center;
}
#ModalGallery .Cell{
  display: inline-block;
  width:100px;
  height:100px;
  margin:1px 1px 0 0; 
  border:solid 1px #bbb;
  background-size:cover;
  background-color:#444;
  background-position:center;
  /*! cursor:pointer; */
}



/* The Modal (background) */
#ModalGallery .modal {
  display: none;
  position: fixed;
  z-index: 1000;
  padding-top: 100px;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: black;
}

/* Modal Content */
#ModalGallery .modal-content {
  position: relative;
  background-color: #fefefe;
  margin: auto;
  padding: 0;
  width: 100%;
  max-width: 1000px;
  text-align: left;
}

/* The Close Button */
#ModalGallery .close {
  color: white;
  position: absolute;
  top: 10px;
  right: 25px;
  font-size: 3vw;
  font-weight: bold;
}

#ModalGallery .close:hover,.close:focus {
  color: #999;
  text-decoration: none;
  cursor: pointer;
}

#ModalGallery .mySlides {
  display: none;
}

#ModalGallery .mySlides img{display:block;width:100%;}

#ModalGallery .cursor {
  cursor: pointer;
}

/* Next & previous buttons */
#ModalGallery .prev, .next {
  cursor: pointer;
  position: absolute;
  top: 50%;
  width: auto;
  padding: 16px;
  margin-top: -50px;
  color: white;
  font-weight: bold;
  font-size: 2vw;
  transition: 0.6s ease;
  border-radius: 0 10px 10px 0;
  /*! text-adecoration: none; */
}

/* Position the "next button" to the right */
#ModalGallery .next {
  right: 0;
  border-radius: 10px 0 0 10px;
}

/* On hover, add a black background color with a little bit see-through */
.prev:hover, .next:hover {
  background-color: rgba(0, 0, 0, 0.8);
  text-decoration:none;
  color:#fff;
}

/* Number text (1/3 etc) */
#ModalGallery .numbertext {
  color: #f2f2f2;
  font-size: 12px;
  padding: 8px 12px;
  position: absolute;
  top: 0;
}


#ModalGallery .caption-container {
  text-align: center;
  background-color: black;
  padding: 2px 16px;
  color: white;
}



#ModalGallery img.hover-shadow {
  transition: 0.3s;
}

#ModalGallery .hover-shadow:hover {
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}