html, body { 
  background-color:#fff;
  font: 16px Arial, Helvetica, Sans Serif; 
  color:#000;
  margin:0;
  padding:0;
  width: 100%;
  height: 100%;
  overflow-x: auto;
  word-wrap:break-word !important;
  font-family: 'Open Sans', sans-serif;
}
 body {
        position: relative; /* 1. Position relative because of absolute child elements */
        padding: 50px 0 0 0; /* 2. Using padding to define stretch-able space */
        box-sizing: border-box; /* 3. Box sizing to subtract padding and border from the 100% height of this element when child elements define 100% height */
    }


/* Links and text */

.small {font: 12px Arial, Helvetica, Sans Serif; text-decoration: none; color:#fff;}
.smallb {font: 12px Arial, Helvetica, Sans Serif; text-decoration: none; color:#000;}
.smallm {font: 14px Arial, Helvetica, Sans Serif; text-decoration: none; color:#000;}
.medi {font: 14px Arial, Helvetica, Sans Serif; text-decoration: none; color:#000;line-height: 1.5;}
.upd {font:25px Georgia, serif; font-weight:bolder; color:#000; font-style: italic;}
.upd2 {font:25px Georgia, serif; font-weight:bolder; color:#000;}
.upd3 {font:36px Trebuchet MS, sans-serif; font-weight:bolder; color:#3754b1;}
.upd4 {font:30px Trebuchet MS, sans-serif; font-weight:bolder; color:#0b65ab;}
.ttl {font:30px Arial, Helvetica, Sans Serif; font-weight:bolder; color:#fff;}
.wh {font: 16px Arial, Helvetica, Sans Serif; color:#fff;}
.bigpage {font:18px Georgia, serif; font-weight:bolder; color:#000;}
.bigpagew {font:18px Georgia, serif; font-weight:bolder; color:#fff;}
.bigline {line-height: 1.5;}
.biglinetext {font:18px Georgia, serif;line-height: 1.5;}
.bigtext {font:20px Georgia, serif;font-weight:bolder;line-height: 1.5;}
.biglinebig {font:18px Trebuchet MS, sans-serif; line-height: 1.5;}
.biglinebig2 {font:18px rial, Helvetica, Sans Serif, sans-serif; line-height: 1.5;}
.paneltext {text-align:left;align:left;font-size:16px; line-height: 1.5;}

a:link {font: 16px Arial, Helvetica, Sans Serif; font-weight:bold; color:#fff;}
a:visited {font: 16px Arial, Helvetica, Sans Serif; text-decoration: none; font-weight:bold; color:#fff;}
a:active {font: 16px Arial, Helvetica, Sans Serif; font-weight:bold; color:#fff;}
a:hover {font: 16px Arial, Helvetica, Sans Serif; text-decoration: none; font-weight:bold; color:#fff;}

a.our:link {font: 16px Arial, Helvetica, Sans Serif; font-weight:bold; color:#020d32;}
a.our:visited {font: 16px Arial, Helvetica, Sans Serif; text-decoration: none; font-weight:bold; color:#020d32;}
a.our:active {font: 16px Arial, Helvetica, Sans Serif; font-weight:bold; color:#fff;}
a.our:hover {font: 16px Arial, Helvetica, Sans Serif; text-decoration: none; font-weight:bold; color:#ffffcc;}

a.botgridf:link {font: 12px Arial, Helvetica, Sans Serif; font-weight:bold; color:#fff;}
a.botgridf:visited {font: 12px Arial, Helvetica, Sans Serif; text-decoration: none; font-weight:bold; color:#fff;}
a.botgridf:active {font: 12px Arial, Helvetica, Sans Serif; font-weight:bold; color:#fff;}
a.botgridf:hover {font: 12px Arial, Helvetica, Sans Serif; text-decoration: none; font-weight:bold; color:#ddd;}

a.button:link {font: 16px Arial, Helvetica, Sans Serif; font-weight:bold; color:#fff;}
a.button:visited {font: 16px Arial, Helvetica, Sans Serif; text-decoration: none; font-weight:bold; color:#fff;}
a.button:active {font: 16px Arial, Helvetica, Sans Serif; font-weight:bold; color:#fff;}
a.button:hover {font: 16px Arial, Helvetica, Sans Serif; text-decoration: none; font-weight:bold; color:#000;}

a.pur:link {font: 16px Arial, Helvetica, Sans Serif; font-weight:bold; color:#712cda;}
a.pur:visited {font: 16px Arial, Helvetica, Sans Serif; text-decoration: none; font-weight:bold; color:#712cda;}
a.pur:active {font: 16px Arial, Helvetica, Sans Serif; font-weight:bold; color:#14d100;}
a.pur:hover {font: 16px Arial, Helvetica, Sans Serif; text-decoration: none; font-weight:bold; color:#14d100;}

a.bur:link {font: 16px Arial, Helvetica, Sans Serif; font-weight:bold; color:#000;}
a.bur:visited {font: 16px Arial, Helvetica, Sans Serif; text-decoration: none; font-weight:bold; color:#000;}
a.bur:active {font: 16px Arial, Helvetica, Sans Serif; font-weight:bold; color:#fff;}
a.bur:hover {font: 16px Arial, Helvetica, Sans Serif; text-decoration: none; font-weight:bold; color:#712cda;}

a.big:link {font: 18px Georgia, Serif; font-weight:bold; color:#fff;}
a.big:visited {font: 18px Georgia, Serif; text-decoration: none; font-weight:bold; color:#fff;}
a.big:active {font: 18px Georgia, Serif; font-weight:bold; color:#fff;}
a.big:hover {font: 18px Georgia, Serif; text-decoration: none; font-weight:bold; color:#fff;}

a.smallish:link {font: 14px Arial, Helvetica, Sans Serif; font-weight:bold; color:#000;}
a.smallish:visited {font: 14px Arial, Helvetica, Sans Serif; font-weight:bold; color:#000;}
a.bsmallish:active {font: 14px Arial, Helvetica, Sans Serif; font-weight:bold; color:#3f5aa9;}
a.smallish:hover {font: 14px Arial, Helvetica, Sans Serif; text-decoration: none; font-weight:bold; color:#129d00;}

/* Header and footer */

    .fixed-header {
        width: 100%;
        position: fixed;        
        background-color: #fff;
        color: #5315b0;
 	top: 0;
	line-height: 28px;
	position: absolute;
  	z-index: 3;
    }
    .fixed-footer{
  	display: table;
    	width: 100%;
        position: fixed;        
        background-color: #5315b0;
        color: #eee;
        bottom: 0;
	overflow: hidden;
    }

mc_embed_signup{false;clear:left; font:14px Helvetica,Arial,sans-serif; width: 600px;}


/* Tables and Containers */

.table {
  display: table;
  width:100%;
} 
.row {
  display: table-row;
}
.cell {
  display: table-cell;
}
.col {
  display: table-cell;
  vertical-align: top;
  padding-top: 20px;
  padding-right: 5px;
  padding-left: 5px;
  padding-bottom: 5px;
  width: 100%;
  text-align: left;
}
.colplain {
  display: table-cell;
  vertical-align: top;
  text-align: left;
}
.colslide {
  display: table-cell;
  vertical-align: middle;
  padding: 15px 0px 10px 0px;
  width: 50%;
}
.colslide1 {
  display: table-cell;
  vertical-align: middle;
  padding: 10px;
  width: 30%;
text-align: right;
}
.colslide2 {
  display: table-cell;
  vertical-align: middle;
  padding: 10px;
  width: 70%;
}
.coltab {
  vertical-align: top;
  padding-top: 10px;
  padding-right: 0px;
  padding-left: 0px;
  padding-bottom: 10px;
  width: 33%;
  text-align: left;
  vertical-align: top;
  border-radius: 6px;
  display: table-cell;
  background-color:#484aa5;
  border: solid 2px #4336aa;
  color:#fff;
}
.coltab50 {
  vertical-align: top;
  padding-top: 10px;
  padding-right: 0px;
  padding-left: 0px;
  padding-bottom: 10px;
  width: 33%;
  text-align: left;
  vertical-align: top;
  border-radius: 6px;
  display: table-cell;
  background-color:#484aa5;
  border: solid 2px #4336aa;
  color:#fff;
}
.coltabp {
  vertical-align: top;
  padding-top: 10px;
  padding-right: 0px;
  padding-left: 0px;
  padding-bottom: 10px;
  width: 33%;
  text-align: left;
  vertical-align: top;
  border-radius: 6px;
  display: table-cell;
  background-color:#f9f0d8;
  border: solid 2px #4336aa;
  color:#000;
}
.coltabw {
  vertical-align: top;
  padding-top: 10px;
  padding-right: 0px;
  padding-left: 0px;
  padding-bottom: 10px;
  width: 33%;
  text-align: left;
  vertical-align: top;
  display: table-cell;
  background-color:#fff;
  border: 4px #000;
  border-style: double;
  color:#000;
}
.coltabwnobor {
  vertical-align: top;
  padding-top: 5px;
  padding-right: 0px;
  padding-left: 0px;
  padding-bottom: 5px;
  width: 33%;
  text-align: left;
  vertical-align: top;
  display: table-cell;
  background-color:#fff;
  color:#000;
}
.tablep {
  display: table;
  width:100%;
  background-color:#f9f0d8;
}  
.tablev {
  display: table;
  width:100%;
  background-color:#484aa5;
  color:#fff;
} 
.tableb {
  display: table;
  width:100%;
  background-color:#c9cffa;
}  
.tabledb {
  display: table;
  width:100%;
  background-color:#5d2fa3;
}  
.tablewh {
  display: table;
  width:100%;
  background-color:#fff;
}
.tablewhpad {
  display: table;
  width:100%;
  background-color:#fff;
  padding:10px;
}
.tablepad{
padding:20px;
}
.tabp {
  vertical-align: top;
  padding: 20px;
  width: 100%;
  text-align: left;
  vertical-align: top;
  border-radius: 6px;
  display: table-cell;
  background-color:#f9f0d8;
  border: solid 2px #4336aa;
  color:#000;
}
.colwhpadsm {
  display: table;
  width:100%;
  background-color:#fff;
  padding:20px;
  align:center;
}
.cola {
  display: table-cell;
  vertical-align: middle;
  padding-top: 10px;
  padding-right: 10px;
  padding-left: 10px;
  padding-bottom: 10px;
  background-color:#fff;
  width: 50%;
  text-align: left;
}
.cola2 {
  display: table-cell;
  vertical-align: middle;
  padding-top: 10px;
  padding-right: 10px;
  padding-left: 0px;
  padding-bottom: 10px;
  width: 25%;
  text-align: center;
  background-color:#eee;
align: right;
}
.cola3 {
  display: table-cell;
  vertical-align: middle;
  padding-top: 10px;
  padding-right: 10px;
  padding-left: 0px;
  padding-bottom: 10px;
  width: 50%;
  text-align: right;
  background-color:#fff;
}
.col2b {
  display: table-cell;
  vertical-align: top;
  text-align: left;
  width: 100%;
  padding-top: 20px;
  padding-right: 10px;
  padding-left: 10px;
  padding-bottom: 0px;
}
.col2c {
  display: table-cell;
  vertical-align: top;
  text-align: left;
  width: 100%;
  padding-top: 25px;
  padding-right: 20px;
  padding-left: 20px;
  padding-bottom: 20px;
}
.col2cnar {
  display: table-cell;
  vertical-align: top;
  text-align: left;
  width: 100%;
  padding-top: 0px;
  padding-right: 15x;
  padding-left: 15px;
  padding-bottom: 0px;
}
.col2d {
  display: table-cell;
  vertical-align: top;
  text-align: left;
  width: 100%;
  padding-top: 30px;
  padding-right: 20px;
  padding-left: 0px;
  padding-bottom: 20px;
}
.col2e {
  display: table-cell;
  vertical-align: top;
  text-align: left;
  width: 100%;
  padding-top: 10px;
}
.botgrid {
  text-align: left;
  align: top;
  width:50%;
  padding:10px;
}
.botgrid1 {
  text-align: left;
  align: top;
  width:33.3%;
}
.botgrid2 {
  text-align: center;
  align: top;
  width:25%;
  display:inline;
}
.btn {
  background-color: #00d119;
  border: none;
  color: white;
  padding: 15px 32px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  margin: 2px 2px;
  cursor: pointer;
  border-radius: 4px;
}
.btn2 {
  background-color: #00d119;
  border: none;
  color: white;
  padding: 15px 32px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  margin: 2px 2px;
  cursor: pointer;
  border-radius: 6px;
}
a.btn2:hover {background-color: #70a2ff;}

/* SLIDES */
.slidecontent,.w3-auto{margin-left:auto;margin-right:auto}
.slidecontent{max-width:100%}.w3-auto{max-width:1140px}

.section{margin-top:0px!important;margin-bottom:0px}

.slidecontainer,.w3-panel{padding:0.01em 10px;}
.slidecontainer:after,.slidecontainer:before,{content:"";display:table;clear:both}
.slidecontainer{padding:10px 20px 15px 20px; width:100%;}
.slidechild{width:75%;background-color: #00d119;}

.w3-xlarge{font-size:24px}
.w3-xxlarge{font-size:36px}
.w3-xxxlarge{font-size:48px}
.w3-jumbo{font-size:64px}

.w3-white,.w3-hover-white:hover{color:#fff;background-color:#0d78cb}

.card{box-shadow:0 4px 10px 0 rgba(0,0,0,0.2),0 4px 20px 0 rgba(0,0,0,0.19)}

.lean {
  background-image: url("images/leanb.jpg");
  background-position: center; /* Center the image */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Resize the background image to cover container */
}
.hands {
  background-image: url("images/handsb.png");
  background-position: center; /* Center the image */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Resize the background image to cover container */
}
.redshirt {
  background-image: url("images/purpbg.jpg");
  background-position: center; /* Center the image */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Resize the background image to cover container */
}
.handup {
  background-image: url("images/handupbg.jpg");
  background-position: center; /* Center the image */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Resize the background image to cover container */
}

/* Create three equal columns that floats next to each other */
.column {
  display:table-cell;
  float: left;
  width: 33.33%;
  padding: 8px 5px 8px 5px;
  /* height: 300px; */
}
.columnn {
  float: left;
  width: 33.33%;
  padding: 5px;
  /* height: 300px; */
}
.colo {
  display: table-cell;
  width:33.33%;
  padding: 15px 4px 10px 4px;
  vertical-align:top;
  text-align: left;
  vertical-align: top;
  display: table-cell;
  background-color:#7255ba;
  color:#fff;
  float: left;
}
.coloold {
  display: table-cell;
  width:33.33%;
  padding: 10px 4px 10px 4px;
  vertical-align:top;
  text-align: left;
  vertical-align: top;
  border-radius: 6px;
  display: table-cell;
  background-color:#7255ba;
  border: solid 2px #1e1377;
  color:#fff;
}
.colo2 {
  display: table-cell;
  vertical-align: top;
  padding-top: 10px;
  padding-right: 0px;
  padding-left: 0px;
  padding-bottom: 10px;
  width: 50%;
  text-align: left;
  vertical-align: top;
  border-radius: 6px;
  display: table-cell;
  background-color:#f9f0d8;
  border: solid 2px #4336aa;
  color:#fff;
}
col-cont {
  display: table;
  width: 100%;
 padding: 5px;
  column-gap: 40px;
}

/* Create two equal columns that float next to each other */
.column2 {
  display: table-cell;
  float: left;
  width: 50%;
  padding: 10px;
}

/* Create two equal columns that float next to each other */
.column2AA {
  float: left;
  width: 65%;
  padding: 10px;
}
/* Create two equal columns that float next to each other */
.column2BB {
  float: left;
  width: 35%;
  padding: 10px;
}

/* Clear floats after the columns */
.row:after {
  content: "";
  display: table;
  clear: both;
}

/* Responsive layout - makes the three columns stack on top of each other instead of next to each other */
@media screen and (max-width: 600px) {
  .column {
    width: 100%;
  }
}

@media screen and (max-width: 600px) {
  .colo {
    width: 100%;
  }
}

/* Strictly mobile below */

   /* Prevent line breaks in silly places:
   1) Where desired
   2) Links when we don't want them to */

.mw-parser-output .nowrap,
.nowraplinks a {
	white-space: nowrap;
}
.mw-parser-output .infobox .nowrap {
	white-space: normal !important;
}

   /* But allow wrapping where desired: */

.wrap,
.wraplinks a {
white-space: normal;
}

@media only screen and (max-width: 768px) {
        /* For mobile phones: */
[class*="col-"] {
     width: 100%;
     }
    .header {max-height:48px;width:100%;border:none;}
    #containermain {
    display: table;
    border-width: 0px;
    width: 100%
    margin-right: 0px;
    margin-left: 0px;
    margin-top: 70px;
    padding-top: 0px; 
    padding-left: 0px; 
    padding-right:0px;
    text-align: left;
    background-color:#fff;}
    img.ttl {
       float:left
       object-fit: cover;
       object-position: bottom;
       max-width: 60%;
       }
}
          @media only screen and (min-width: 600px) {
         /* For tablets: */
       .col-m-1 {width: 8.33%;}
       .col-m-2 {width: 16.66%;}
       .col-m-3 {width: 25%;}
       .col-m-4 {width: 33.33%;}
       .col-m-5 {width: 41.66%;}
       .col-m-6 {width: 50%;}
       .col-m-7 {width: 58.33%;}
      .col-m-8 {width: 66.66%;}
      .col-m-9 {width: 75%;}
      .col-m-10 {width: 83.33%;}
      .col-m-11 {width: 91.66%;}
      .col-m-12 {width: 100%;}
         }

        @media only screen and (min-width: 768px) {
      /* For desktop: */
      .col-1 {width: 8.33%;}
      .col-2 {width: 16.66%;}
      .col-3 {width: 25%;}
      .col-4 {width: 33.33%;}
      .col-5 {width: 41.66%;}
      .col-6 {width: 50%;}
      .col-7 {width: 58.33%;}
      .col-8 {width: 66.66%;}
      .col-9 {width: 75%;}
      .col-10 {width: 83.33%;}
      .col-11 {width: 91.66%;}
      .col-12 {width: 100%;}
      .header {max-height:48px;width:100%;border:none;}
    #containermain {
    display: table;
    border-width: 0px;
    width: 100%;
    margin-right: 0px;
    margin-left: 0px;
    margin-top: 70px;
    padding-top: 0px; 
    padding-left: 0px; 
    padding-right:0px;
    text-align: left;
  background-color:#fff;}
img.ttl {
  float:left
  object-fit: cover;
  object-position: bottom;
max-width: 100%;
}
         }


/* Test Stuff */

.tabletest {
  display: table;
  width:100%;
  border: solid 2px #0000FF;
  background-color:#800080;
} 
.rowtest {
  display: table-row;
  border: solid 2px #00ffff;
  background-color:#FFFF00;
}
.rowtest2 {
  display: table-row;
  border: solid 2px #00ffff;
  background-color:#46b7ff;
}
.rowtest3 {
  display: table-row;
  border: solid 2px #00ffff;
  background-color:#ca9ed5;
}
.coltest {
  display: table-cell;
  vertical-align: top;
  border: solid 2px #00FF00;
  background-color:#FF00FF;
  padding: 10px;
  width: 50%;
  text-align: center;
}
.coltest2 {
  display: table-cell;
  vertical-align: top;
  border: solid 2px #00FF00;
  background-color:#eee;
  padding: 10px;
  width: 50%;
  text-align: center;
}

ul {
  list-style: none;
  padding: 0;
  margin: 0;
  background: #712cda;
}
ul li {
  display: block;
  position: relative;
  float: left;
  background: #712cda;
}
li ul { display: none; }
ul li a {
  display: block;
  padding: 12px;
  text-decoration: none;
  white-space: nowrap;
  color: #fff;
  font-weight:bold
}
ul li a:hover { background: #5d2fa3; }
li:hover > ul {
  display: block;
  position: absolute;
}
li:hover li { float: none; }
li:hover a { background: #5d2fa3; }
li:hover li a:hover { background: #7245d8; }
.main-navigation li ul li { border-top: 0; }
ul ul ul {
  left: 100%;
  top: 0;
}
ul:before,
ul:after {
  content: " "; /* 1 */
  display: table; /* 2 */
}
ul:after { clear: both; }