html                 { margin:0px; padding:0px; border:0px; }
body                 { margin:0px; padding:0px; border:0px; scroll-behavior:smooth; font-family:'Raleway',Arial,Sans-Serif; color:#FF0000; font-smoothing:antialiased; -moz-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; -webkit-font-smoothing:antialiased; background-color:#29785B; }
img                  { outline:none; border:0px; }
a, a:link, a:visited, a:active { color:inherit; text-decoration:none; outline:none; border:0px; } 
.aCenteredSection { position:relative; display:block; box-sizing:border-box; overflow:hidden; width:960px; height:auto; margin:0 auto; padding:0px; border:0px; }
.aTextSection { display:block; box-sizing:border-box; overflow:hidden; width:100%; height:auto; margin:0px; padding:10px; border:0px; text-align:justify; }
.aDownArrow { position:absolute; bottom:0px; left:50%; display:block; box-sizing:border-box; width:100px; height:50px; margin:0px; margin-left:-50px; padding:0px; border:0px; }

/* DarkGreenish  #176c4d (aDownArrow) */
/* Green         #29785B (theGreenSection) */
/* MedGreenish   #308c6a (contact form dark) */
/* Greenish      #37a37c (contact form light) */


#theHeader { position:relative; display:block; box-sizing:border-box; overflow:hidden; width:100%; height:400px; margin:0px; padding:0px; border:0px; background-color:#1a4d62; background:url('images-theHeaderBackground.jpg') no-repeat center center; background-size: cover; }
#theHeaderTitles { position:relative; text-align:center; display:block; box-sizing:border-box; overflow:hidden; width:600px; height:auto; margin:0 auto; padding:10px; padding-top:120px; border:0px; }
.t1 { font-size:20px; line-height:20px; font-weight:normal; letter-spacing:0px; color:#FFFFFF; text-shadow:1px 1px 1px #000000; }
.t2 { font-size:60px; line-height:80px; font-weight:normal; letter-spacing:0px; color:#FFFFFF; text-shadow:1px 1px 1px #000000; }
.t3 { font-size:17px; line-height:17px; font-weight:normal; letter-spacing:0px; color:#FFFFFF; text-shadow:1px 1px 1px #000000; }

#theGreySection { position:relative; display:block; box-sizing:border-box; overflow:hidden; width:100%; height:auto; min-height:300px; margin:0px; padding:0px; padding-top:50px; padding-bottom:75px; border:0px; border-top:1px solid #CCCCCC; background-color:#F0F0F0; }
#theLeftVideoBox { float:left; display:block; box-sizing:border-box; overflow:hidden; width:460px; height:auto; margin:0px 0px 0px 10px; padding:0px; border:0px; background-color:#FFFFFF; border:1px solid #CCCCCC; }
#theLeftVideoIframe { display:block; box-sizing:border-box; overflow:hidden; width:440px; height:245px; margin:9px; padding:0px; border:0px; background-color:#000000; }
#theRightVideoBox { float:right; display:block; box-sizing:border-box; overflow:hidden; width:460px; height:auto; margin:0px 10px 0px 0px; padding:0px; border:0px; background-color:#FFFFFF; border:1px solid #CCCCCC; }
#theRightVideoIframe { display:block; box-sizing:border-box; overflow:hidden; width:440px; height:245px; margin:9px; padding:0px; border:0px; background-color:#000000; }

#theWhiteSection { position:relative; display:block; box-sizing:border-box; overflow:hidden; width:100%; height:auto; min-height:300px; margin:0px; padding:0px; padding-top:50px; padding-bottom:75px; border:0px; border-top:1px solid #CCCCCC; background-color:#FFFFFF; }
.t4 { font-size:20px; line-height:24px; font-weight:bold; letter-spacing:1px; color:#475066; }
.t5 { font-size:17px; line-height:17px; font-weight:normal; letter-spacing:0px; color:#777777; }

#theGreenSection { display:block; box-sizing:border-box; overflow:hidden; width:100%; height:auto; min-height:400px; margin:0px; padding:0px; padding-top:30px; padding-bottom:30px; border:0px; border-top:1px solid #79839F; background-color:#29785B; }
.t6 { display:block; box-sizing:border-box; overflow:hidden; width:100%; height:25px; text-align:left; font-size:14px; line-height:25px; font-weight:normal; letter-spacing:0px; color:#FFFFFF; margin:0px; padding:0px; padding-top:3px; border:0px; }

#theContactForm { display:block; box-sizing:border-box; overflow:hidden; width:940px; height:auto; margin:30px 10px 70px 10px; padding:10px; border:1px solid #738799; background-color:#308c6a; }
#theContactTitle { display:block; box-sizing:border-box; overflow:hidden; width:100%; height:40px; margin:0 auto; padding:0px; border:0px; text-align:center; font-size:20px; line-height:20px; font-weight:bold; letter-spacing:0px; color:#FFFFFF; }
#theContactForm input { display:block; box-sizing:border-box; overflow:hidden; width:100%; height:30px; margin:0 auto; padding:3px; border:0px; background-color:#37a37c; text-align:left; font-size:14px; line-height:14px; font-weight:normal; letter-spacing:0px; color:#FFFFFF; }
#theContactForm textarea { display:block; box-sizing:border-box; overflow:hidden; width:100%; height:85px; margin:0 auto; padding:3px; border:0px; background-color:#37a37c; text-align:left; font-family:'Raleway',Arial,Sans-Serif; font-size:14px; line-height:14px; font-weight:normal; letter-spacing:0px; color:#FFFFFF; }
#theContactSend { display:block; box-sizing:border-box; overflow:hidden; width:100%; height:60px; margin:0 auto; margin-top:10px; padding:20px; border:0px; background-color:#4EB945; text-align:center; font-size:20px; line-height:20px; font-weight:normal; letter-spacing:0px; color:#FFFFFF; }
.ct1 { display:block; box-sizing:border-box; overflow:hidden; width:100%; height:25px; text-align:left; font-size:14px; line-height:25px; font-weight:normal; letter-spacing:0px; color:#CCCCCC; margin:0px; padding:0px; padding-top:3px; border:0px; }
#theContactResponse { z-index:10000; position:absolute; visibility:hidden; display:block; box-sizing:border-box; overflow:hidden; bottom:80px; left:50%; height:220px; width:250px; margin:0px; margin-left:-125px; padding:10px; border:0px; border-radius:20px; box-shadow:0px 2px 8px #000000; background-color:#ffffff; color:#909090; line-height:20px; font-size:14px; letter-spacing:2px; text-align:justify; }
/* { visibility:hidden; display:block; box-sizing:border-box; overflow:hidden; width:300px; height:300px; margin:0 auto; margin-top:-200px; margin-bottom:100px; padding:20px; border:0px; background-color:#FFFFFF; text-align:center; font-size:20px; line-height:20px; font-weight:normal; letter-spacing:0px; color:#000000; } */

::placeholder { color:#AAAAAA; } ::-webkit-input-placeholder { color:#AAAAAA; } :-moz-placeholder { color:#AAAAAA; } ::-moz-placeholder { color:#AAAAAA; } :-ms-input-placeholder { color:#AAAAAA; } 
.t7 { font-size:20px; line-height:24px; font-weight:bold; letter-spacing:1px; color:#FFFFFF; }
.t8 { font-size:17px; line-height:17px; font-weight:normal; letter-spacing:0px; color:#EEEEEE; }
#theBooksSection { position:relative; display:block; box-sizing:border-box; overflow:hidden; width:750px; height:auto; min-height:220px; margin:0 auto; padding:0px; border:0px; }
#theBooksSection img { position:relative; float:left; display:block; box-sizing:border-box; overflow:hidden; width:150px; height:220px; margin:0px; padding:0px; border:0px; }

#theFooterContactLeft { float:left; text-align:left; display:block; box-sizing:border-box; overflow:hidden; width:300px; height:auto; min-height:100px; margin:0px; padding:10px; padding-top:50px; border:0px; }
#theFooterContactRight { float:right; text-align:right; display:block; box-sizing:border-box; overflow:hidden; width:300px; height:auto; min-height:100px; margin:0px; padding:10px; padding-top:50px; border:0px; }
.t9 { font-size:14px; line-height:14px; font-weight:normal; letter-spacing:0px; color:#FFFFFF; }
.t10 { font-size:14px; line-height:14px; font-weight:normal; letter-spacing:0px; color:#DDDDDD; }
.t10 a:hover { color:#FFFFFF; }
#theFooterFacebookLink { text-align:center; display:block; box-sizing:border-box; overflow:hidden; width:100%; height:auto; margin:0px; padding:10px; padding-top:50px; border:0px; }
#theFooterFacebookLink img { display:block; box-sizing:border-box; margin:0 auto; }
.t11 { font-size:14px; line-height:14px; font-weight:normal; letter-spacing:0px; color:#FFFFFF; }
#theFooterCredits { text-align:center; display:block; box-sizing:border-box; overflow:hidden; width:100%; height:auto; margin:0px; margin-top:30px; padding:10px; padding-top:50px; border:0px; }
.t12 { font-size:14px; line-height:14px; font-weight:normal; letter-spacing:0px; color:#AAAAAA; } .t12 a { color:#DDDDDD; } .t12 a:hover { color:#FFFFFF; }

@media only screen and ( max-width:960px ) {
   .aCenteredSection, #theBooksSection { width:600px; } 
   #theLeftVideoBox, #theRightVideoBox { clear:both; width:580px; margin:0px 10px 20px 10px; }
   #theLeftVideoIframe, #theRightVideoIframe { width:560px; height:312px; }
   #theContactForm { width:580px; }
}

@media only screen and ( max-width:600px ) {
   .aCenteredSection { width:320px; }   
   #theHeaderTitles { width:320px; } .t1 { font-size:15px; line-height:15px; } .t2 { font-size:35px; line-height:43px; } .t3 { font-size:13px; line-height:13px; }
   #theLeftVideoBox, #theRightVideoBox { clear:both; width:300px; margin:0px 10px 20px 10px; }
   #theLeftVideoIframe, #theRightVideoIframe { width:280px; height:162px; }
   #theContactForm, #theBooksSection { width:300px; }
   #theBooksSection  { width:300px; margin:0 auto; }
   #theFooterContactLeft, #theFooterContactRight { width:100%; text-align:center; }
}