/* Dark Blue #005063 */
/* Mid Blue #006881 */
/* Light Blue #0082a0*/


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

h1{clear:both;font-size:28px;color:#fff;margin:0 0 10px 0;}
h2{clear:both;font-size:20px;color:#fff;margin:0 0 5px 0;}
h3{clear:both;font-size:16px;color:#fff;padding:0;}
h4{clear:both;font-size:14px;color:#f00;padding:0;margin:0;}

h1 a{color:#a00;} /* fixes the IOS telephone link rendering in white!!! */

ul{display:block;line-height:24px;font-size:14px;margin:10px 0;}
p{line-height:20px;margin:0 0 10px 0;}
.Introduction{font-size:14px;font-weight:bold;margin:0 0 10px 0;}

#FixedWidth{width:100%;max-width:1200px;margin:0 auto;}
#Wrapper{position:relative;float:left;width:100%;z-index:1;margin:0;}
#MainContent{position:relative;float:left;width:100%;background:#666;}

.OpaqueLayer{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;z-index:-1}
.BGWhite{background:#fff;}
.BGRed{background:#f66;}
.BGBlue{background:#f66;}


.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;}
.Paragraph{float:left;width:100%;text-align:justify;font-size:13px;line-height:20px;}

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

.Full{position:relative;width:96%;padding:1% 2%;}
.TwoThirds{position:relative;width:64.666%;padding:1%;}
.Half{position:relative;width:48%;padding:0 1%;}
.Third{position:relative;width:31.333%;padding:1%;}
.Quarter{position:relative;width:23%;padding:1%;}

.Caption{display:block;font-size:10px;width:90%;margin:5%;text-align:center;color:#006885;}
.Full img{width:100%;margin: 0 2%;}
.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:#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:#a00;}
#FooterLogo{position:relative;float:left;width:32.333%;font-size:16px;line-height:28px;}

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

.Form{display:block;float:left;width:96%;padding:1%;margin:1%;}
.Form .Row{display:block;float:left;width:100%;;background:#eee;margin:0 0 1% 0;padding:1% 0;}
.Form .Label{display:block;float:left;width:24%;padding:5px 1% 0 0;text-align:right;color:#000;font-weight:bold;}
.Form .Input{display:block;float:left;width:75%;}
.Form .Input .FullWidth{width:97%;}

#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:#fff;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:30px 8px 8px 8px;}
#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;}

.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: 32px; width: 32px; right: 2%; bottom: 5%;  position: absolute; background: url("http://pg54.gotdns.com/CMSv4R/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;}

/* Dividers*/
.Divider_Third_1{position: relative; float: left; display: none; width: 100%;}
.Divider_Third_2{position: relative; float: left; display: none; width: 100%;}
.Divider_Third_3{position: relative; float: left; display: none; width: 100%;}