HTML {height:100%;}

BODY
{
 height:100%;
 margin:0;
 padding:0;
 background-color:#424142;
}

TABLE {border-collapse:collapse; border-spacing:0px;}
TD {padding:0px;}
FORM {margin:0; padding:0;}
A {text-decoration:none; color:#4D4B4D;}

.NoInternetImgPreLoad {background:url('../imgs/noinet.png');}

.StdBtn
{
 display:inline-block;
 height:20px;
 margin:0;
 padding:8px 12px 6px 12px;
 background:#4D4B4D;
 border-radius:10px;
 text-align:center;
 font-family:fnord-twenty-three,arial,helvetica;
 font-size:14pt;
 color:white;
 cursor:pointer;
}

.StdBtn:hover {color:yellow;}

.DisabledBtn
{
 display:inline-block;
 height:20px;
 margin:0;
 padding:8px 12px 6px 12px;
 background:-webkit-linear-gradient(#D2D2D2 40%,#BCBCBC);
 background:linear-gradient(#D2D2D2 40%,#BCBCBC);
 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#D2D2D2',endColorstr='#BCBCBC',GradientType=0);
 border-radius:10px;
 border-bottom:5px solid #808080;
 text-align:center;
 font-family:fnord-twenty-three,arial,helvetica;
 font-size:14pt;
 color:#EFEFEF;
}

.NavBar 
{
 width:100%;
 height:98px;
 margin:0;
 padding:0;
 background-color:#4d4b4d;
 border:0px solid yellow;
}
.NavBarLeft {display:inline-block; width:30%; height:88px; padding:0; margin:0; vertical-align:middle;border:0px solid blue;}
.NavBarRight {display:inline-block; width:69%; height:88px; padding:0; margin:0; vertical-align:middle; border:0px solid orange;}

.NavBarLogo {margin:15px 0 0 30px; border:0px solid red;}

.NavBarLinksContainer {text-align:right; padding:0; margin:0; border:0px solid red;}

.NavBarLinks
{
 display:inline-block;
 list-style:none;
 margin:48px 30px 0 0;
 vertical-align:middle;
 font-family:fnord-twenty-three,arial,helvetica;
 font-size:16pt;
 color:white;
 border:0px solid green;
}

.NavBarLinks A {color:white; text-decoration:none;}

.NavBarLinks A:hover {color:#FEFA02; cursor:pointer;}

.PageContainer {width:100%; margin:0; padding:0; border:0px solid green;}

.FooterContainer
{
 position:relative;
 width:100%;
 background-color:#424142;
 border:0px solid pink;
}

.FooterBorder {width:100%; height:153px; background:url('../imgs/border-grass.png'); background-color:white;}

.FooterPageLinksContainer {display:inline-block; width:48%; padding:0; margin:-10px 0 0 0; vertical-align:top; border:0px solid yellow;}
.FooterPageLinks {list-style:none; padding:0; margin:0;}
.FooterPageLinks1
{
 display:inline-block;
 padding:0 20px 0 20px;
 vertical-align:top;
 font-family:fnord-twenty-three,arial,helvetica;
 font-size:16pt;
 color:white;
}
.FooterPageLinks2
{
 display:inline-block;
 padding:0 20px 0 20px;
 vertical-align:top;
 font-family:fnord-twenty-three,arial,helvetica;
 font-size:16pt;
 color:white;
}
.FooterPageLinks3
{
 display:inline-block;
 padding:0 20px 0 20px;
 vertical-align:top;
 font-family:fnord-twenty-three,arial,helvetica;
 font-size:16pt;
 color:white;
}
.FooterPageLinksTitle {margin-bottom:6px; font-size:18pt; color:#888788;}
.FooterPageLinksText {margin-bottom:3px;}
.FooterPageLinks1 A, .FooterPageLinks2 A, .FooterPageLinks3 A {color:white; text-decoration:none;}
.FooterPageLinks1 A:hover, .FooterPageLinks2 A:hover, .FooterPageLinks3 A:hover {color:yellow; text-decoration:none;}

.FooterSocialLinksContainer {display:inline-block; width:50%; padding:0; margin:0; border:0px solid pink;}

.FooterSocialFacebook
{
 position:absolute;
 top:-10px;
 right:400px;
 border:0px solid red;
}

.FooterSocialTwitter
{
 position:absolute;
 top:-10px;
 right:190px;
 border:0px solid red;
}

.FooterSocialInstagram
{
 position:absolute;
 top:10px;
 right:25px;
 border:0px solid red;
}

/*.FooterSocialFacebook IMG, .FooterSocialTwitter IMG, .FooterSocialInstagram IMG {width:40%; height:40%;}*/

.FooterAddressContainer {width:100%; height:47px; margin:0;}

.FooterAddressDetails {padding:4px 8px 4px 20px; font-family:Raleway,arial,helvetica; font-size:10pt; color:white;}


/* ----- Home Page ---- */

.HomeContainer
{
 margin:0 auto 50px auto;
 padding:0;
 width:740px;
 height:370px;
 border:0px solid blue;
}

.HomeBanner1Container
{
 margin-top:0;
 width:100%;
 height:380px;
 background-color:white;
 border:0px solid green;
}

.HomeBanner1
{
 margin:0px auto 10px auto;
 padding:20px 0 0 0;
 width:960px;
 height:360px;
 border:0px solid red;
}

.HomeBanner1TextContainer {float:left; margin:60px auto 0 30px;}

.HomeBanner1Title
{
 width:370px;
 font-family:fnord-twenty-three,arial,helvetica;
 font-size:26pt;
 color:#4D4B4D;
 letter-spacing:1px;
 padding-bottom:5px;
 border:0px solid green;
}

.HomeBanner1Text
{
 width:370px;
 font-family:Raleway-Light,arial,helvetica;
 font-size:16pt;
 color:#4D4B4D;
 border:0px solid purple;
}

.HomeBanner1Img
{
 position:absolute;
 right:0px;
 /* float:right; */
 overflow:hidden;
 margin:0;
 width:560px;
 height:380px;
 z-index:999;
 border:0px solid purple;
}

.HomeBanner2Container
{
 position:relative;
 margin-top:20px;
 width:100%;
 height:383px;
}

.HomeBanner2
{
 margin:0 auto 30px auto;
 padding:0;
 width:960px;
 height:383px;
 border:0px solid blue;
}

.HomeBanner2TextContainer {float:right; margin:60px 20px 20px auto; border:0px solid blue;}

.HomeBanner2Title
{
 width:400px;
 font-family:fnord-twenty-three,arial,helvetica;
 font-size:26pt;
 color:white;
 /* text-shadow:1px 2px #216C7C; */
 letter-spacing:1px;
 padding-bottom:5px;
 border:0px solid green;
}

.HomeBanner2Text
{
 width:400px;
 font-family:Raleway-Light,arial,helvetica;
 font-size:16pt;
 color:white;
 /* text-shadow:0px 2px #216C7C; */
 border:0px solid purple;
}

.HomeBanner2Img
{
 position:absolute;
 top:20px;
 left:-20px;
 width:347px;
 z-index:999;
}

.WordCloudContainer
{
 width:100%;
 height:510px;
 background-color:white;
 border:0px solid green;
}

.WordCloud
{
 margin:0 auto 0 auto;
 padding:25px 8px 25px 8px;
 width:900px;
 height:450px;
 border:0px solid red;
}

.WordCloudTextContainer {margin:0 auto 0 auto;}

.WordCloudTitle
{
 width:100%;
 font-family:fnord-twenty-three,arial,helvetica;
 font-size:22pt;
 color:#4D4B4D;
 letter-spacing:1px;
 padding-bottom:12px;
 text-align:center;
 border:0px solid green;
}

.WordCloudImg
{
 margin:0 auto 0 auto;
 width:600px;
 height:400px;
 border:0px solid purple;
}


/* ----- About us ---- */

.PhotoTree1Container
{
 margin-top:0;
 width:100%;
 height:500px;
 background-color:white;
 border:0px solid green;
}

.PhotoTree1
{
 margin:0px auto 10px auto;
 padding:0;
 width:960px;
 height:460px;
 border:0px solid red;
}

.PhotoTree1TextContainer {float:left; margin:160px auto 0 20px;}

.PhotoTree1Title
{
 width:300px;
 font-family:fnord-twenty-three,arial,helvetica;
 font-size:26pt;
 color:#4D4B4D;
 letter-spacing:1px;
 padding-bottom:5px;
 border:0px solid green;
}

.PhotoTree1Text
{
 width:300px;
 font-family:Raleway-Light,arial,helvetica;
 font-size:12pt;
 color:#4D4B4D;
 border:0px solid purple;
}

.PhotoTree1Img
{
 position:absolute;
 right:0px;
 margin:0;
 width:630px;
 height:896px;
 overflow:hidden;
 z-index:900;
 border:0px solid purple;
}

.PhotoTree2Container
{
 position:relative;
 margin-top:20px;
 width:100%;
 height:483px;
}

.PhotoTree2
{
 margin:0 auto 30px auto;
 padding:0;
 width:960px;
 height:483px;
 border:0px solid blue;
}

.PhotoTree2TextContainer {float:right; margin:160px 40px 20px auto; border:0px solid blue;}

.PhotoTree2Title
{
 width:300px;
 font-family:fnord-twenty-three,arial,helvetica;
 font-size:26pt;
 color:white;
 letter-spacing:1px;
 padding-bottom:5px;
 border:0px solid green;
}

.PhotoTree2Text
{
 width:300px;
 font-family:Raleway-Light,arial,helvetica;
 font-size:12pt;
 color:white;
 border:0px solid purple;
}

.PhotoTree2Img
{
 position:absolute;
 top:20px;
 left:-10px;
 width:400px;
 z-index:900;
}

.PhotoTree3Container
{
 padding-top:70px;
 width:100%;
 height:680px;
 background-color:white;
 border:0px solid green;
}

.PhotoTree3
{
 margin:0px auto 10px auto;
 padding:20px 0 0 0;
 width:960px;
 height:460px;
 border:0px solid red;
}

.PhotoTree3TextContainer {float:left; margin:200px auto 0 20px;}

.PhotoTree3Title
{
 width:320px;
 font-family:fnord-twenty-three,arial,helvetica;
 font-size:26pt;
 color:#4D4B4D;
 letter-spacing:1px;
 padding-bottom:5px;
 border:0px solid green;
}

.PhotoTree3Text
{
 width:320px;
 font-family:Raleway-Light,arial,helvetica;
 font-size:12pt;
 color:#4D4B4D;
 border:0px solid purple;
}

.PhotoTree3Img
{
 position:absolute;
 right:0px;
 /* float:right; */
 overflow:hidden;
 margin:0;
 width:635px;
 height:580px;
 z-index:900;
 border:0px solid purple;
}

.PodOverlay
{
 visibility:hidden;
 position:absolute;
 top:0;
 left:0;
 height:100%;
 width:100%;
 background-color:rgba(0,0,0,0.8);
 overflow:hidden;
 z-index:998;
}

.PodModal
{
 position:absolute;
 width:640px;
 height:500px;
 position:fixed;
 top:50%; 
 left:50%;
 margin-top:-250px;
 margin-left:-320px;
 padding:4px;
 -webkit-animation-duration:1s; 
 animation-duration:1s; 
 -webkit-animation-fill-mode both; 
 animation-fill-mode:both;
 -webkit-animation-name: bounceInUp; 
 animation-name: bounceInUp;
 z-index:999;
}

.PodModalHeader
{
 width:640px;
 height:30px;
 margin:0;
 padding:0;
 color:white;
 border:0px solid blue;
}

.PodModalImg
{
 margin:5px auto 0 auto;
 padding:0;
 color:#577C32;
 font-family:raleway,arial,helvetica;
 font-size:12pt;
 text-align:center;
 border:0px solid blue;
}

.PodModalText
{
 width:600px;
 height:50px;
 margin:5px auto 0 auto;
 padding:0;
 color:white;
 font-family:Raleway-Light,arial,helvetica;
 font-size:14pt;
 text-align:justify;
 text-shadow:1px 1px 6px black;
 border:0px solid blue;
}

.PodModalBtns
{
 float:right;
 margin:8px 10px 0 10px;
 border:0px solid green;
}

.CloseBtn
{
 position:absolute;
 top:5px;
 right:15px;
 height:26px;
 margin:0;
 padding:0;
 border-radius:10px;
 text-align:center;
 font-size:14pt;
 color:white;
 cursor:pointer;
}

.CloseBtn I {font-size:24px;}



/* ----- Contact us ---- */

.ContactUsContainer
{
 position:relative;
 width:100%;
 margin:0 auto 0 auto;
 padding:0;
 border:0px solid red; 
}

.ContactUsPod
{
 position:relative;
 width:800px;
 margin:0 auto 80px auto;
 padding:7px 10px 20px 10px;
 border-radius:10px;
 text-align:center;
 font-family:fnord-twenty-three,arial,helvetica;
 font-size:10pt;
 color:white;
 border:0px solid yellow;
}

.ContactUsPodContentFrame {width:795px; margin:0 auto 0 auto; padding:4px; border:0px solid purple;}
.ContactUsPodContentFrame2 {width:700px; margin:0 auto 0 auto; padding:4px; border:0px solid purple;}

.ContactUsPodTitle
{
 text-align:left;
 padding:8px 0px 4px 7px;
}

.ContactUsPodInput1Container
{
 float:left;
 display:inline-block;
 width:772px;
 height:30px;
 padding:4px;
 margin:0 0 0 7px;
 border:2px solid #4D4B4D;
 border-radius:10px;
 background:white;
}

.ContactUsPodInput1
{
 width:697px;
 height:20px;
 border:0;
 color:#4D4B4D;
 font-family:raleway,arial,helvetica;
 font-size:16pt;
 outline:none;
 border:0px solid yellow;
}

.ContactUsPodInput2Container
{
 float:left;
 display:inline-block;
 width:290px;
 height:30px;
 padding:4px;
 margin:0 0 0 7px;
 border:2px solid #4D4B4D;
 border-radius:10px;
 background:white;
}

.ContactUsPodInput2
{
 width:225px;
 height:20px;
 border:0;
 color:#4D4B4D;
 font-family:raleway,arial,helvetica;
 font-size:16pt;
 outline:none;
}

.ContactUsPodInput3Container
{
 float:left;
 display:inline-block;
 width:150px;
 height:30px;
 padding:4px;
 margin:0 0 0 7px;
 border:2px solid #4D4B4D;
 border-radius:10px;
 background:white;
}

.ContactUsPodInput3
{
 width:105px;
 height:20px;
 border:0;
 color:#4D4B4D;
 font-family:raleway,arial,helvetica;
 font-size:16pt;
 outline:none;
}

.ContactUsPodInput4Container
{
 float:left;
 display:inline-block;
 width:460px;
 height:30px;
 padding:4px;
 margin:0 0 0 7px;
 border:2px solid #4D4B4D;
 border-radius:10px;
 background:white;
}

.ContactUsPodInput4
{
 width:395px;
 height:20px;
 border:0;
 color:#4D4B4D;
 font-family:raleway,arial,helvetica;
 font-size:16pt;
 outline:none;
}

.ContactUsPodInput5Container
{
 width:772px;
 height:180px;
 padding:4px;
 margin:0 0 0 7px;
 border:2px solid #4D4B4D;
 border-radius:10px;
 background:white;
}

.ContactUsPodInput5
{
 width:705px;
 height:172px;
 border:0;
 color:#4D4B4D;
 font-family:raleway,arial,helvetica;
 font-size:16pt;
 outline:none;
 border:0px solid red;
}

.ContactUsPodStatusActive {display:inline-block; width:40px; vertical-align:-3px; text-align:center; color:#4D4B4D;}
.ContactUsPodStatusHidden {display:inline-block; width:40px; vertical-align:-3px; text-align:center; color:white;}
.ContactUsPodStatusOK {display:inline-block; width:40px; vertical-align:-3px; text-align:center; color:green;}
.ContactUsPodStatusError {display:inline-block; width:40px; vertical-align:-3px; text-align:center; color:red;}

.ContactUsPodInputDivider {height:10px;}

.ContactUsPodBtnContainer {float:right; padding:10px 0 0 0;}

.ContactUsPodEmail {display:none;}

.ContactUsPodThankYou
{
 padding:5px;
 color:#4D4B4D;
 font-family:raleway,arial,helvetica;
 font-size:16pt;
 text-align:center;
}


/* ----- Cookie Policy ---- */

.CookieHeader
{
 width:100%;
 height:200px;
 padding:30px 0;
 background-color:white;
 text-align:center;
 border:0px solid red;
}

.CookieContainer
{
 position:relative;
 margin-top:0;
 width:100%;
 height:250px;
 background-color:white;
 border:0px solid green;
}

.Cookie
{
 margin:0 auto 10px auto;
 padding:10px 0 0 0;
 width:90%;
 height:250px;
 border:0px solid red;
}

.CookieTextContainer {margin:0 auto 0 auto;}

.CookieTitle
{
 width:650px;
 margin:0 auto 0 auto;
 font-family:fnord-twenty-three,arial,helvetica;
 font-size:26pt;
 color:#4D4B4D;
 letter-spacing:1px;
 padding-bottom:5px;
 text-align:center;
 border:0px solid green;
}

.CookieText
{
 width:650px;
 margin:0 auto 0 auto;
 font-family:Raleway-Light,arial,helvetica;
 font-size:16pt;
 color:#4D4B4D;
 text-align:center;
 border:0px solid purple;
}

.CookieImg
{
 position:absolute;
 top:10px;
 right:0px;
 margin:0;
 width:10px;
 height:10px;
 overflow:hidden;
 z-index:999;
 border:0px solid purple;
}


/* ----- Privacy Policy ---- */

.PrivacyHeader
{
 width:100%;
 height:200px;
 padding:30px 0;
 background-color:white;
 text-align:center;
 border:0px solid red;
}

.PrivacyContainer
{
 position:relative;
 margin-top:0;
 width:100%;
 height:250px;
 background-color:white;
 border:0px solid green;
}

.Privacy
{
 margin:0 auto 10px auto;
 padding:10px 0 0 0;
 width:90%;
 height:250px;
 border:0px solid red;
}

.PrivacyTextContainer {margin:0 auto 0 auto;}

.PrivacyTitle
{
 width:650px;
 margin:0 auto 0 auto;
 font-family:fnord-twenty-three,arial,helvetica;
 font-size:26pt;
 color:#4D4B4D;
 letter-spacing:1px;
 padding-bottom:5px;
 text-align:justify;
 border:0px solid green;
}

.PrivacyText
{
 width:650px;
 margin:0 auto 16px auto;
 font-family:Raleway-Light,arial,helvetica;
 font-size:16pt;
 color:#4D4B4D;
 text-align:justify;
 border:0px solid purple;
}

.PrivacyImg
{
 position:absolute;
 top:10px;
 right:0px;
 margin:0;
 width:10px;
 height:10px;
 overflow:hidden;
 z-index:999;
 border:0px solid purple;
}