*                                                       {border:0;margin:0;padding:0;font-family: Raleway, arial}
body                                                    {background:#efece3 url(../../pix/page/page.jpg) no-repeat bottom center;}
#pageWrapper                                            {/*background: url(../../pix/page/cloud.png) repeat-x top center;*/}

/* ####### MISCELLANEOUS ####### */
ul                                                      {list-style-position:inside;}
b                                                       {}
a                                                       {color:#348986;text-decoration:underline;}
.right                                                  {float:right;}
.left                                                   {float:left;}
.marginLeft                                             {margin-left:15px;margin-bottom:15px;}
.marginRight                                            {margin-right:15px;margin-bottom:15px;}
.clear                                                  {clear:both;}

/* ########## HEADERS ########## */
h1, h2, h3, h4, h5                                      {margin:25px 0 15px 0;color:#628cac;text-shadow:#333333 1px 1px 0px}
h1                                                      {font-size:1.9em;}
h2                                                      {font-size:1.8em;}
h3                                                      {font-size:1.7em;}
h4                                                      {font-size:1.6em;}
h5                                                      {font-size:1.4em;}

/* ########## HEADER ########## */
.mooring                                                {height:40px;background: #628cac;border-bottom: solid #ffffff 2px;-moz-box-shadow: rgba(0,0,0,0.5) 2px 2px 6px;-webkit-box-shadow: rgba(0,0,0,0.5) 2px 2px 6px;box-shadow: rgba(0,0,0,0.5) 2px 2px 6px;color:#ffffff;padding-top:6px;text-align:right;font-size:14pt;}
header                                                  {height:250px;padding:50px 0 0 0;background: url(../../picx/pier.png) no-repeat bottom center;}
.mainLogo                                               {width:90%;max-width:361px;float:left;margin-top:15px;margin-left:10px;}
.tagline                                                {float:left;font-size:12pt;margin-left:15px;margin-top:8px;color:#3d62a7}
.accreditation                                          {float:right;font-size:18px;}

nav                                                     {max-width:1000px;margin:0 auto 0 auto;}
nav ul                                                  {list-style:none;float:right;padding:20px 0 0 0;}
nav ul li                                               {float:left;margin: 0 2px;-moz-box-shadow: rgba(0,0,0,0.5) 2px 2px 6px;-webkit-box-shadow: rgba(0,0,0,0.5) 2px 2px 6px;box-shadow: rgba(0,0,0,0.5) 2px 2px 6px}
nav ul li a                                             {padding:10px 25px;background:#628cac;color:#ffffff;text-decoration:none;}
nav ul li a:hover                                       {text-decoration:underline;background:#348986;}
#nav                                                    {list-style:none;z-index:10;}
#nav a                                                  {display:block;font-size:9pt;color:#ffffff;}
.menuMobile                                             {display:none;}


/* ########## CONTENT ########## */
#content                                                {clear:both;padding:0 0 0px 0;}
section                                                 {max-width:1000px;margin:0 auto;padding:0 15px;}
section img                                             {padding:2px;-moz-box-shadow: rgba(0,0,0,0.5) 4px 5px 6px;-webkit-box-shadow: rgba(0,0,0,0.5) 4px 5px 6px;box-shadow: rgba(0,0,0,0.5) 4px 5px 6px}
section p                                               {font-size:1.1em;line-height:24px;}
section ul                                              {font-size:1.1em;line-height:24px;list-style-position:inside;}

/* ########## CONTACT ######### */
.contactForm                                            {max-width:600px;margin:25px auto;}
.contactForm p                                          {margin:25px 0} 
.contactForm .input                                     {float:left;max-width:400px;width:80%;padding:8px 5px;}
.contactForm label                                      {color:#628cac;}
.SendButton                                             {float:right;margin:15px 10px 0 0;padding: 10px 25px;background:#628cac;color:#ffffff;text-decoration:none;}
.CancelButton                                           {float:right;margin:15px 0 0 0;padding: 10px 25px;background:#348986;color:#ffffff;text-decoration:none;}

/* ########## FOOTER ########## */
footer                                                  {height:960px;}
footer section                                          {background: rgba(255,255,255,0);height:inherit;}
footer ul                                               {list-style:none;}
footer ul li                                            {line-height:18px;}
footer ul li a                                          {font-size:0.8em;}
footer section img                                      {box-shadow: none;}
footer section div                                      {float:left;width:30%;margin-right:3%}
footer section div.counselling                          {width:100%;}              
footer section div.counselling p                        {font-size:1.1em;}
footer p                                                {font-size:12px;}
div.legal                                               {padding:10px 0 5px 0;clear:both;width:100%;text-align:center;background:rgba(0,0,0,0.5);position:static;bottom:0;color:#ffffff;font-size:0.9em;}
div.legal a                                             {color:#ffffff;}




@media only screen and (max-width: 940px) {
    .mooring                                                {display:none;background:none;height:50px;}
    #nav						                            {position:absolute;top:60px;padding: 0;width:100%;margin: 0;list-style: none;clear:both;margin-top:0px;margin-left:4px;background: rgba(0,0,0,0.6) ;}
    #nav                                                    {display:none;margin:0 0 0 0;padding:0;}
    #nav a 								                    {display: block;font-size:9pt;text-decoration:none;}
    #nav a:hover 						                    {text-decoration:underline;}
    #nav ul                                                 {width:100%;margin:0 auto 0 auto;padding:0;}
    #nav li 							                    {float: none;width:96%;margin:0 auto;padding: 5px 2%;}
    .menuMobile                                             {position:absolute;top:0;display:block;background:#0b8889;width:100%;margin:0;padding-left:2%;padding-top:18px;padding-bottom:18px;}
    .menuMobile a                                           {font-size:10pt;color:#ffffff;padding:10px 10px;}

    .mainLogo                                               {margin-left:10px;padding-top:15px;}
    section                                                 {width:95%;margin:0 auto;}
    footer section div.contactMe                            {display:none}
    footer section div.prepare                              {width:60%;}
    .dialNumber                                             {float:right;margin-right:10px;color:#ffffff!important}
    .dialNumber a                                           {text-decoration:none;color:#ffffff!important;}
    .accreditation                                          {display:none;}
    header                                                  {height:auto;}
    #content                                                {padding-top:10px;}
    .tagline                                                {clear:both}
}
    
@media only screen and (max-width: 805px) {
    section img                                             {display:none;}
    footer section div.help                                 {display:none}
    footer section div.prepare                              {width:100%;}
}
@media only screen and (max-width: 500px) {
    footer section div.prepare                              {display:none;}
}

.tooltip                                        {position: relative;display: inline-block;background:#628cac;width:20px;height:20px;top:0;border-radius: 1em;-moz-border-radius: 1em;-webkit-border-radius: 1em;line-height: 18px;text-align: center;margin-left:15px;}
.tooltip img                                    {width:16px;height:20px;padding:0 0 0 0;border:none;box-shadow:none;}
/* INLINE TEXT*/
.tooltip .tooltiptext                           {visibility: hidden;width: 300px;background-color: #555;color: #fff;text-align: center;padding: 15px 10px;border-radius: 6px;position: absolute;z-index: 1;bottom: 125%;left: 50%;margin-left: -60px;opacity: 0;transition: opacity 1s;font-size:80%;}
/* ARROW */
.tooltip .tooltiptext::after                    {content: "";position: absolute;top: 100%;left: 50%;margin-left: -5px;border-width: 5px;border-style: solid;border-color: #555 transparent transparent transparent;}
/* SHOW ONHOVER */
.tooltip:hover .tooltiptext                     {visibility: visible;opacity: 1;}
#consent                                           {display:none;}
#CancelButton                                   {margin-bottom:15px;}
p.smaller                                       {font-size:90%;}
p.smaller a, p.smaller b                        {color:#2e2216;}
input[type=checkbox]                            {width:15px;margin-right:10px;margin-top:7px;}
section .tooltip img                            {display:block;}