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

h1{display:block;width:100%;clear:both;font-size:2.4vw;margin: 0 0 1% 0;}
h2{display:block;width:100%;clear:both;font-size:2vw;margin:1% 0;}
h3{display:block;width:100%;clear:both;font-size:18px;padding:0;margin:0 0 1% 0;}
h4{display:block;width:100%;clear:both;font-size:14px;padding:0;margin:0;}

ul{display:block;line-height:24px;font-size:14px;clear:left;}
p{font-family: 'Open Sans', sans-serif;font-size:14px;line-height:26px;margin:0 0 1% 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:16px;font-weight:bold;margin:0 0 10px 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:1400px;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: 2% 2.5%;margin-top:90px;}
#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;text-align: center;}
#Top h1{margin:0;font-size:2.6vw}
.PageBlock{position:relative;}


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

.Left{text-align:left;/*! margin-left:2%; */}
.Right{text-align:right;margin-right: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:48%;margin:0 1%;}
.Third{position:relative;width:31%;padding:0px 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:10px;width:90%;margin:5%;text-align:center;color:#006885;}
.Full img{width:98%;margin: 0 1%;}
.TwoThirds img{width:96%;margin: 0 2%;}
.Half img{width:96%;margin: 0 2%;}
.Third img{width:96%;margin: 0 2%;}
.Quarter img{width:96%;margin: 0 2%;}

.WithBorder{outline:solid 1px #ccc}

.Divider{position:relative;float:left;width:100%;margin:4px 0;clear:both;}
.Black{background:#000;}
.White{background:#FFF;}
.Red{background:#ff0000;}
.Green{background:#3baa35;}
.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%;}
#Footer a{color:#fff;}
#Footer a:hover{color:#ff0;}

#GalleryWrapper{position:relative;float:left;width:100%;}
#GalleryWrapper img{margin:0;}
#SelectedGalleryImage img{max-width:100%;width:auto;}
#SelectedGalleryImage img.WithBorder{max-height:600px;max-width:97%;padding:1%;width:auto;}
#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:90px;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: 79px;padding: 0.5%;}
.NewGalleryTile{display:inline-block; width:120px;height:120px;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;}
#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:100%;position: relative;float:left;text-align:center;padding:2% 0;background:#eee;}
#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: 10px 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;}

#Events{display: block;position: relative;width:100%;text-align:center;margin: 1% 0;}
.Event{display:inline-block;width:44%;min-width:300px;outline:solid 1px #ccc;padding:1%;box-shadow: 6px 6px 8px #444;margin: 1%;}
.Event ul{text-align: left;margin:0;}
.Event img{margin:2% 0;max-height:150px;width:auto;width: 100%;}
#EventData{background:#3baa35;color:#fff;padding: 1%;width: 98%;text-align: center;font-size: 150%;}
.EventPrice{font-size: 120%;font-style: italic;}

#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:1vw;
color:#fff;
text-align: center;
min-width: 200px;
}

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

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