body, html {
  margin: 0;
  width: 100%;
  height: 100%;
  position: absolute;
  overflow-y: auto;
  font-family: Lato,Helvetica,Helv,Arial,Verdana,sans-serif;
  font-size: 12pt;
  /*background-image: url("../graphics/seaview001__AIE.jpg");*/
  background-repeat: no-repeat;
  background-position: center, bottom;
  background-attachment: fixed;
  background-size: cover;
/*  min-width: 0px;*/
  scrollbar-color: #999999 #dddddd;
  
}

h2 {
  font-size: 12pt;
  font-weight: bold;
  margin: 0px;
}

.mainContainerOPAQUE {
  position: absolute;
  background: #ffffff;
  /*background: linear-gradient(rgba(255,255,255,0), rgba(255,255,255,0.5), rgba(255,255,255,0.5), rgba(255,255,255,0.5), rgba(255,255,255,0.5), rgba(255,255,255,0),   rgba(to left, 255,255,255,0) 10%, rgba(255,255,255,0.5) 80%, rgba(255,255,255,1) 10%  );
  background: linear-gradient(rgba(255,255,255,0), rgba(255,255,255,0.5), rgba(255,255,255,0.5), rgba(255,255,255,0.5), rgba(255,255,255,0.5), rgba(255,255,255,0));*/
  
  background: linear-gradient(to left, rgba(255,255,255,0), rgba(255,255,255,0.7), rgba(255,255,255,0.7), rgba(255,255,255,0.7), rgba(255,255,255,0.7), rgba(255,255,255,0.7), rgba(255,255,255,0.7), rgba(255,255,255,0.7), rgba(255,255,255,0));
  width: 600px;
  height: calc(100% - 80px);
 /* opacity: 0.5;*/
  border: solid 0px #0000ff;
  left: 0;
  right: 0;
  top: 80px;
  bottom: 10px;
  margin-left: auto;
  margin-right: auto;
  z-index: 1000;
  /*overflow: hidden;*/
  min-width: 550px;
}

.mainContainer {
  position: absolute;
  width: 100%;
  /*height: calc(100% - 80px);*/
  border: solid 0px #999999;
  left: 0;
  right: 0;
  top: 80px;
  bottom: 10px;
  margin-left: auto;
  margin-right: auto;
  z-index: 9000;
  /*overflow: hidden;*/
  min-width: 550px;
  
 /* overflow: hidden;
  overflow-x: auto;*/
  scrollbar-color: #999999 transparent;
/*  scrollbar-width: thin;*/
  
}



#headerDIV {
  width: 100%
  height: 60px;
  overflow: hidden;
}





#titleDIV {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  min-width: 550px;
  overflow: hidden;
}

#menuNAV {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  min-width: 550px;
  overflow: hidden;
}

.menuBTN {
  border: solid 2px #99ccff;
  background: #ccddff;
  padding: 4px;
  border-radius: 4px;
  cursor: pointer;
}

.selectedBTN {
  border: solid 2px #009900;
  background: #ddeeff;
}

.innerDIV {
  width: 500px;
  margin-left: auto;
  margin-right: auto;
}

.sectionHeading {
  font-family: "Smooch", cursive;
  font-weight: 400;
  font-style: normal;
  font-size: 24pt;
  padding: 0;
  margin: 0;
  margin-top: 20px;
  margin-bottom: 10px;
}

#mainContainerDIV {
  width: 100%;
  text-align: center;
  background: linear-gradient(#3AB6CF, #DEF3F7);
}

#logoDIV {
  /*background: #000066;
  background: linear-gradient(#000033, #000033, #3AB6CF);*/
  padding-bottom: 0px;
  padding-top: 0px;
  border-bottom: solid 1px #000033;
}



.honey {
  display: none;
}

.iz {
  width: 400px;
}

.tz {
   width: 400px;
   
   height: 200px;
}

.formTXT {
  padding-top: 20px;
}

.alert {
  color: #ff0000;
  font-weight: bold;
  font-size: 12pt;
}

.response {
  color: #009900;
  font-weight: bold;
  font-size: 12pt;
}


a {
  color: #0033cc;
  font-weight: normal;
  text-decoration: none;
}

a:hover {
  color: #006633;
  font-weight: bold;
}

.centerTXT {
  text-align: center;
}




#coverDIV {
  width: 100%;
  text-align: center;
  margin-top: 20px;
}
#descriptionDIV {
  text-align: center;
  width: 600px;
  margin-left: auto;
  margin-right: auto;
  border: solid 0px #ff0000;
  color: #632518;
  margin-top: 20px;
  margin-bottom: 20px;
}

#buttonDIV {
  text-align: center;
  background: #3AB6CF;
  width: 300px;
  margin-left: auto;
  margin-right: auto;
  border-radius: 8px;
  padding-bottom: 6px;
  margin-bottom: 20px;
}

#coverIMG {
  height: 600px;
  width: 600px;
}

#copyDIV {
  font-size: 8pt;
  border-top: solid 1px #000033;
  padding: 20px;
}

/*c54930*/

.buttonA {
  text-decoration: none;
  color: ##000033;
}

.buttonA:hover {
  color: #DEF3F7;
}

.costTable {
  width: 500px;
  border: solid 1px #3a4e69;
  /*border-collapse: collapse;*/
  margin-top: 20px;
  margin-bottom: 20px;
  border-radius: 4px;
}

.costTDhead {
  text-align: center;
  background: #c2c4c5;
  color: #000000;
  font-weight: bold;
  font-size: 10pt;
  padding: 8px;
  border-radius: 4px 4px 0px 0px;
  border-bottom: solid 1px #3a4e69;
}

.costTD {
  text-align: center;
  padding: 8px;
  border-bottom: solid 1px #3a4e69;
  font-size: 10pt;
}

.costTDfooter {
  text-align: center;
  padding: 8px;
  border-bottom: solid 0px #3a4e69;
  font-size: 10pt;
}

