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:100%;margin:0 0 1% 0;font-weight:normal;}

.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:110%;line-height:130%;margin: 0 0 1% 0;}

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;}
span.SiteTitle{display:block;width:100%;text-align: center;font-size:170%;font-family: serif;font-style: italic;}
.left{text-align:left;}
.right{text-align:right;}
.center{text-align:center;}
.justify{text-align:justify;}
.Smaller{font-size:80%}
.Bigger{font-size:120%}
.Serif{font-family:serif;}
.Quoted:before{content: '\201C';}
.Quoted:after{content: ' \201D';}

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

.Introduction{font-size:110%;font-weight:bold;margin:0 0 3% 0;}
.Paragraph{float:left;width:100%}

#FixedWidth{width:100%;max-width:1940px;margin:0 auto;position: relative;}
#MaxWidth{position: relative;max-width:1600px;margin:15px auto 0 auto;}
#Wrapper{position:relative;float:left;width:100%;z-index:1;margin:0;;}
.MainContent{position:relative;float:left;width:95%;/*! background: #fff; */padding: 0 2.5%;margin-top:4px;}
#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%;}
.Block h1{display:inline-block;}
.Block h2{display:inline-block;}

.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%;}

.Half .SelectedGalleryImage img.WithBorder{padding:3%}

.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%}

.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;}
.LightGray{background:#ccc;}
.DarkGrey{background:#888;}
.Orange{background: #f90;}

#Footer{position:relative;float:left;width:98%;margin:1% 0 0 0;padding:1%;}
#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:94%;padding:1%;width:auto;box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.5), 0 6px 20px 0 rgba(0, 0, 0, 0.5);margin: 0px 0 1% 0;}
.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;}
.GalleryThumb{display:inline-table;/*! width:10%; */overflow:hidden;}
.GalleryThumb img{max-height:78px;width:auto;border:solid 1px #ccc;padding:3%;background:#fff;max-width: 92%;}

#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:100%;padding:5px 0 0 0;text-align:center;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:90%;margin: 0 5%;}
.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;
  cursor: pointer;
  color:#fff;
  background:#f90;
  border:none;
  padding:2% 4%;
  font-size:130%;
  border-radius: 8px;
}

#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:120px;
  height:150px;
  margin:1px 1px 0 0; 
  border:solid 1px #bbb;
  background-size:cover;
  background-color:#444;
  background-position:center;
  /*! cursor:pointer; */
  border-radius: 18%;
}

#ModalGallery .Thumb{
  display: inline-block;
  width:100px;
  max-height:100px;
  height:auto;
  width:auto;
  padding:0.5%;
  margin:1px 1px 0 0; 
  border:solid 1px #bbb;
  background-size:cover;
  background-color:#fff;
  background-position:center;
  /*! cursor:pointer; */
}

#ModalGallery .Tags{color:#fff;font-size: 80%;font-style:italic;}
#ModalGallery .Tags a{color:#fa0;}

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

/* Modal Content */
.modal-content {
  display:block;
  position: relative;
  margin: auto;
  padding: 0;
  width: 100%;
  /*! max-width: 1616px; */
  text-align:center;
  height: 100%;
}

.modal-content .Title{
  display:block;
  position: absolute;
  top:0;
  left:0;
  width:100%;
  text-align: center;
}

.modal-content .Caption{
  display:block;
  position: relative;
  width:70%;
  padding: 1%;
  font-size: 80%;
  margin:0px 14%;
  font-family: serif;
  font-style: italic;
}

/* The Close Button */
#ModalGallery .close{
  position: absolute;
  top: 10px;
  right: 25px;
  font-size: 2vw;
  font-weight: bold;
  display: block;
  z-index: 9;
  border-radius: 10px;
  padding: 0 1%;
}

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

#ModalGallery .mySlides {
  display: none;
}

#ModalGallery .cursor {
  cursor: pointer;
}

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

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


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


#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);
}

.mySlides{width:100%;}
.mySlides img{
  display:block;
  position: absolute;
  height: auto;
  max-width: 100%;
  max-height: 90%;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);}


.ResultCell{
  font-size:70%;
  position: relative;
  width:21%;
  height:250px;
  overflow: hidden;
  float:left;
  text-align:center;
  outline:solid 1px #ccc;
  margin:1%;
  padding:1%;
}

.ResultCell img{width:70%;max-height:90%}