html {
	background-color:#2b5331;
   height: 100%;
   min-width: 1000px;
}
.menu {
	margin: 4px;
	position: fixed;
	top: 0px;
	width: 100%;
	
	z-index: 100;
	border-radius: 10px;
	background-color :rgba(218, 244, 248,.2);
}
.footer {
	margin-top: 40pt;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	position: relative;
	text-align: center;
	padding-top: 20px;
	padding-bottom: 20px;
	width: 100%;
	border-radius: 1px;
	color: #152919;
	background-color :rgba(144, 211, 151,.3);
}
.darkfooter {
		color: #90d397;
	
}
.blockRow {
  display: inline-grid;
  grid-template-columns: auto auto;
	margin: 4px;
	width: 60%;
	position: relative;
}
.blockRowInterior {
  display: inline-grid;
  grid-template-columns: auto auto;
	margin: 4px;
	position: inline;
}
.blockRow3 {
  display: inline-grid;
  grid-template-columns: auto auto auto;
	margin: 4px;
	width: 70%;
	position: relative;
}

.blockRowSpread {
  display: flex;
	margin: 4px;
	width: 70%;
	position: relative;
}


.blockItem {
	float: left;
  display: block;
  text-align: center;
  border-radius: 25px;
  border: 2px solid #e8f198;
  margin: 10px;
  padding: 20px;
  background: #cdf2d8;
  background-position: left top;
  background-repeat: repeat;
  font-size: 12pt;
  box-shadow: 3px 3px 9px #222222;
   font-family: amaranth;
  
}
.blockItemTranspL {
	float: left;
  display: block;
  text-align: left;
  margin: 10px;
  padding: 20px;
  font-size: 12pt;
   font-family: amaranth;
  
}
.blockItemTranspR {
	float: right;
  display: block;
  text-align: right;
  margin: 10px;
  padding: 10px;
  font-size: 12pt;
   font-family: amaranth;
  
}
.item {
	float: left;
  display: block;
  text-align: center;
  padding: 10px;
  font-size: 20pt;
  font-family: amaranth;
  color: #a0eefe;
  font-weight: 700;
  -webkit-text-fill-color: #2b5331;
  -webkit-text-stroke: 1px;
  text-decoration: none;
}
.item:hover {
 color: #ffe04c;
 text-shadow: 2px 2px 10px #2b5331;	
}
.infocaption {
	position: relative;
  border-radius: 25px;
  padding: 10px;
  text-align: center;
  margin-top: 40pt;
  margin-right: auto;
  margin-bottom: auto;
  margin-left: auto;
  color: #222222;
  font-size: 24pt;
  font-family: amaranth;
  font-weight: 800;
  -webkit-text-fill-color: #cdf2d8;
  -webkit-text-stroke: 1px;	
}
.whiteText {
  color: #cdf2d8;
  font-family: amaranth;
  font-weight: 600;
	
}
.infoblock {
  border-radius: 25px;
  width: 60%;
  position: relative;
  border: 2px solid #e8f198;
  padding: 20px;
  margin: auto;
    background: #cdf2d8;
  background-position: left top;
  background-repeat: repeat;
  font-family: arial;
  font-size: 12pt;
  font-family: amaranth;
  box-shadow: 3px 3px 9px #222222;
}
.tableblock{
  border-radius: 6px;
  margin: 10px;
  border: 2px solid #e8f198;
    background: #cdf2d8;
  font-family: arial;
  font-size: 12pt;
  font-family: amaranth;
  box-shadow: 2px 2px 3px #222222;
}
.tablerow {
  border: 2px solid #e8f198;
    background: #2b5331;
  font-family: arial;
  font-size: 12pt;
  font-family: amaranth;
  font-weight: 600;
  color: #e8f198;
  box-shadow: 2px 2px 3px #222222;
}
.trimEdge{
	border-radius: 25px; border: 2px solid #e8f198; box-shadow: 3px 3px 9px #222222;
	width: 200px;
	z-index: 1;
}
.trimEdge:hover{
	border-radius: 5px; border: 2px solid #e8f198; box-shadow: 10px 10px 9px #222222;
	width: 400px;
	z-index: 100;
}

.LaurelImg{
	border-radius: 5px; border: 2px solid #e8f198; box-shadow: 3px 3px 9px #222222; height: 50px;

}
.LaurelImg:hover{
	border-radius: 5px; border: 2px solid #e8f198; box-shadow: 10px 10px 9px #222222; height: 200px;
	
}

.trimEdgeNoS{
	border-radius: 25px; border: 2px solid #e8f198; box-shadow: 3px 3px 9px #222222;

}
.trimEdgeNoS:hover{
	border-radius: 5px; border: 2px solid #e8f198; box-shadow: 10px 10px 9px #222222;
	width: 400px;
}
.trimEdgeStatic{
	border-radius: 25px; border: 2px solid #e8f198; box-shadow: 3px 3px 9px #222222;
}
.trimEdgeStatic:hover{
	border-radius: 24px; border: 2px solid #e8f198; box-shadow: 3px 3px 20px #a0eefe;
}

.videoBlock {
  border-radius: 25px;
  position: relative;
  text-align: center;
  width: 60%;
  height:400px;
  border: 2px solid #e8f198;
  padding: 5px;
  margin: auto;
    background: #222222;
  background-position: left top;
  background-repeat: repeat;
  font-family: arial;
  font-size: 12pt;
  box-shadow: 3px 3px 9px #222222;
}
.blockvignette{
	border-radius: 10%;
	width: 100pt;
	padding: 4pt;
  box-shadow: 3px 3px 9px #222222;
}
.vignette {
	border-radius: 50%;
	width: 30%;
  box-shadow: 3px 3px 9px #222222;
	
}
.textIllustration {
	width: 30%;
	border-radius: 20%;
	margin: 15pt;
	box-shadow: 2px 2px 5px #add2b8;
	float: right;
}
td.compl{
	color: #e2591b;
	text-align: right;
}
h2 {
  font-size: 13pt;
  font-family: arial;
  font-weight: 600;	
  -webkit-text-fill-color: #2b5331;
  -webkit-text-stroke: 1px;
  text-decoration: none;	
}
h1 {
 text-align: left;
  font-size: 24pt;
  font-family: amaranth;
  color: #e2591b;
  font-weight: 700;

  color: #e2591b;
}

p.company{
  font-size: 18pt;
  font-family: amaranth;

  font-weight: 800;	
  text-shadow: 1px 1px 5px #2b5331;	
    -webkit-text-fill-color: #e8f198;
  -webkit-text-stroke: 1px;	
}
p.person{
  font-size: 14pt;
  font-family: amaranth;
  font-weight: 800;	
  text-shadow: 1px 1px 10px #2b5331;	
}
p.jobTitle{
  font-size: 14pt;
  font-family: amaranth;
  font-weight: 500;	
}
p.abstract{
  font-size: 12pt;
  font-family: amaranth;
  font-weight: 400;	
}
p.quote{
  font-size: 12pt;
  font-family: amaranth;
  font-style: oblique;
  font-weight: 400;	
}

li.pencildash {
		list-style: none;
            padding-left: 20pt ;
            background-image: url('images/pencildot.png');
            background-repeat: no-repeat;
            background-position: left center;
            background-size: 20pt;
			display: grid;
			text-align: right;
			grid-template-columns: minmax(auto, 1fr) auto;
			gap: 20pt;            
}
li.pencil {
		list-style: none;
            padding-left: 30pt ;
            background-image: url('images/pencildot.png');
            background-repeat: no-repeat;
            background-position: left center;
            background-size: 20pt;
			gap: 20pt;            
}

li.pencildash::before {
  content: '';
  color: #91d498;
  border-bottom: 3px dashed;
  background-size: 20pt;
  background-position: left center;
  padding: 2pt ;
	}
input,label {
  border-radius: 14pt;
  position: relative;
  border: 0px;
  padding: 10px;
  margin: auto;
  margin-top: 10pt;
  font-size: 14pt;
  color: #eff0da;
  font-family: amaranth;
}
textarea {
  border-radius: 14pt;
  position: relative;
  border: 0px;
  padding: 10px;
  margin: auto;
  margin-top: 10pt;
  font-size: 14pt;
  color: #eff0da;
  font-family: amaranth;
  resize: none;
    background: #91d498;  
}

input.greenbox, label.greenbox {
    background: #91d498;
	color: #eff0da;
}
input.orangebox {
	background: #e2591b;
	color: #eff0da;
}
	
.masonrygrid{
	  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
}

/* used by the embedded SVG underwater */
path.wavelet {
        stroke: #3d5c3a;
        stroke-miterlimit: 10;
        stroke-width: 3px;
        fill: none;
      }
/* used by the embedded SVG lilypad */
      .cls-1, .cls-2 {
        fill: none;
      }

      .cls-2 {
        stroke: #579145;
        stroke-miterlimit: 10;
        stroke-width: 3px;
      }

 	.cls-3 {
        fill: url(#radial-gradient);
      }

      .cls-4 {
        opacity: .2;
      }

      .cls-4, .cls-5 {
        display: none;
      }

      .cls-6 {
        isolation: isolate;
      }

      .cls-7 {
        clip-path: url(#clippath-1);
      }

      .cls-8 {
        fill: #569b49;
      }

      .cls-9 {
        fill: #2b5331;
      }

      .cls-10 {
        fill: #528d41;
      }

      .cls-11 {
        fill: #9bc18c;
      }

      .cls-12 {
        clip-path: url(#clippath);
      }

      .cls-1g, .cls-2g, .cls-4g, .cls-5g, .cls-6g, .cls-7g,  .cls-9g {
        stroke: #000;
      }

      .cls-1g, .cls-4g, .cls-6g, .cls-7g, .cls-9g {
        stroke-miterlimit: 10;
      }

      .cls-1g, .cls-10g {
        fill: #e5cd7f;
      }

      .cls-2g  {
        fill: #f7d147;
      }

      .cls-2g, .cls-4g, .cls-5g, .cls-11g, .cls-12g, .cls-9g {
        stroke-width: .75px;
      }

     

      .cls-4g, .cls-11g, .cls-17g {
        fill: #387f3f;
      }

      .cls-18g {
        fill: #fffaee;
      }

      .cls-5g, .cls-19g {
        fill: #dae28f;
      }

      .cls-6g, .cls-9g {
        fill: #f1edde;
      }

      .cls-11g, .cls-12g {
        stroke: #122f16;
      }

      .cls-12g {
        fill: #e8e6cd;
      }


      .cls-7g {
        fill: none;
      }

      


      .cls-26g {
        fill: #fcf2d4;
      }



      .cls-27g {
        display: none;
      }

      .cls-28g {
        fill: #122f16;
      }
    

/*  background: #e8f198;
  background: url("images/PencilGator_Layout_06_Water.png");
    background: #cdf2d8;
  */