<!--  2016 Giant Salvinia Compaign  -->
<!--  built by Hans Landel  -->
<!--  revised 3/2018  -->

@font-face {
	font-family: Futura-Bold;
	src: url(Futura-Bold.otf);
}

@font-face {
	font-family: FuturaStd-Bold;
	src: url(FuturaStd-Bold.otf);
}

@font-face {
	font-family: FuturaStd-Book;
	src: url(FuturaStd-Book.otf);
}

@font-face {
	font-family: DayPosterBlack;
	src: url(DAYPBL__.TTF);
}

@font-face {
	font-family: "Wingdings 3";
	src: url("Wingdings 3.ttf");
}

#banner {
  float: left;
  position: relative;
  width: 940px;
  height: 250px;
  margin-top: 0;
  margin-left: 24px;
    border-left: 10px solid #858585;
    border-top: 10px solid #858585;
    border-right: 10px solid #858585;
}

#boater {
  background-image: url(boater1.png);
  position: relative;
  display:block;
/*  z-index: 3;*/
  top: 217px;
  left: 64px;
  width: 118px;
  height: 118px;
}

#quiz {
  float: left;
  width: 940px;
  height: 45px;
  margin-top: 0;
  margin-left: 24px;
  background-color: #c64832;
    border-left: 10px solid #858585;
    border-right: 10px solid #858585;
  padding: 5px 0 7px 0;
}

#quiz p a:link {
    color: #FFFFFF;
    text-decoration: none;
}
#quiz p a:visited {
    color: #FFFFFF;
    text-decoration: none;
}


/* ---------  Section 1  ---------  */
.section1 {
/*  overflow: auto;*/
  width: 940px;
/*  height: 1402px;*/
  margin-left: 24px;
  padding-bottom: 30px;
/*  *** border statements here and later were used to determnine where the elements were ***
  border-top: 2px solid green;
  border-bottom: 2px solid green;*/
  border-left: 10px solid #858585;
  border-right: 10px solid #858585;
  background-color: #FFFFFF;
}

#stop {
  float: left;
  width: 402px;
  margin: 28px 30px 0 47px;
}

#googleMap {
	width: 397px;
	height: 770px;
	border: 1px solid black;
}

#dudes {
  margin: 0 0 0 479px;
  width: 461px;
	background-color: #0A546B;
}

.LkDudesVids {
	margin: 35px 0 0 32px;
}

#vid_dudes1 {
	width: 406px;
    height: 224px;
}

/* ----Lake dudes little videos----  */
#div1 {
/*    clear: left;*/
	float:left;
	width: 134px;
    height: 170px;
    margin: 5px 0 0 32px;
/*    border: 3px solid #73AD21;  */
}

#div2 {
    width: 260px;
    height: 170px;
    margin: 12px 0 0 186px;
	padding-top: 12px;
}

.vid_dude {
	width: 134px;
	height: 75px;
	margin-top: 15px
/*	cursor:pointer;*/
}

#button {
/*    clear:left;*/
   	width: 436px;
	padding-bottom: 40px;
	padding-top: 10px;
}

.button1 {
	background-color: #FFF;
    border: none;
    color: #000;
    padding: 6px 10px;
    text-align: center;
    text-decoration: none;
    font-family: Futura-Bold, FuturaStd-Bold, "Arial Bold", sans-serif;
    font-size: 20px;
/*    margin: 0 0 0 150px;*/
    margin: 0 80px 45px 150px;
	border-radius: 8px;
    cursor: pointer;
}

/*  ----------- new section ------------------*/
.section2 {
/*  overflow: auto;*/
  width: 940px;
  height: 1305px;
  margin-left: 24px;
/*  border-top: 2px solid red;
  border-bottom: 2px solid red;*/
  border-left: 10px solid #858585;
  border-right: 10px solid #858585;
  background-color: #FFFFFF;
}

#protect {
  float: left;
  width: 406px;
  margin: 0 26px 40px 47px;
  border: 2px #F0F;
}

#spottingGS {
  margin: 0 0 0 479px;
  width: 402px;
/*	background-color: #FFC;
	border: 2px solid #39F;*/
}

#button2 {
    margin: 40px 0 0 0;	
	width: 402px;
	padding-bottom: 20px;
/*	border: 2px solid #00F;*/
}

.button2 {
    clear:left;
	background-color: #c64832;
    border: none;
    color: #FFF;
    padding: 5px 10px;
    text-align: center;
    text-decoration: none;
    font-family: Futura-Bold, FuturaStd-Bold, "Arial Bold", sans-serif;
	font-size: 20px;
    margin: 10px 0 0 95px;
	border-radius: 8px;
    cursor: pointer;
}

#law {
  clear: left;
  margin: auto;
  width: 800px;
	background-color: #E0E0E0;
	padding: 20px;
}

#partners-content {
  float: left;
  width: 940px;
  margin-left: 24px;
  min-height: 203px;
  clear: left;
    border-left: 10px solid #858585;
    border-right: 10px solid #858585;
    border-bottom: 10px solid #858585;
  background-color: #FFFFFF;
}

#update {
  float: left;
  position: relative;
  width: 868px;
  height: 110px;
  margin-top: 25px;
  margin-left: 47px;
  background-color: #FFFFFF;
}

#clean {
  float: left;
  position: relative;
  width: 940px;
  height: 45px;
  margin-top: 0;
  margin-left: 0;
  z-index: 6;
  background-color: #0A546B;
}

#campaign {
  float: left;
  position: relative;
  width: 904px;
  margin-top: 9px;
  margin-left: 18px;
  z-index: 4;
  clear: left;
}

#partners {
	text-align: center;
}

#logos {
	margin: 0 50px 0 0;
}

/*p {
  margin: 0;
  padding: 0;
  text-indent: 0;
  text-align: center;
  font: 11px/14px FuturaStd-Book;
  text-transform: none;
  text-decoration: none;
  color: #000;
  letter-spacing: normal;
}

/*   ---------------------------------------------   */

.text-style-banner {
  margin: 0 0 0 160px;
/*  padding: 0 0 6px 0;*/
  text-indent: 0;
  font-weight: lighter;
  font: 34px DayPosterBlack;
  text-decoration: none;
  text-align: left;
  color: #FFFFFF;
  letter-spacing: 3px;
}

.text-style-1 {
  margin: 0;
  padding: 0 0 10px 2px;
  text-indent: 0;
  text-align: left;
  font: bold 32px/36px Futura-Bold, "Futura Std Bold", "Arial Bold", Helvetica, sans-serif;
  text-transform: none;
  text-decoration: none;
  color: #0c556b;
  letter-spacing: normal;
}

.text-style-2 {
  margin: 0;
  padding: 0;
  text-indent: 0;
  text-align: left;
  font: 28px/36px FuturaStd-Book;
  text-transform: none;
  text-decoration: none;
  color: #000;
  letter-spacing: normal;
}

.text-style-3 {
  text-align: left;
  font: bold 24px/28px Futura-Bold;
  color: #FFFFFF;
  letter-spacing: normal;
}

.text-style-3a {
  text-align: left;
/*  margin: 0 0 0 32px;*/
  font: 26px Futura-Bold;
  color: #FFF;
  letter-spacing: normal;
}

.text-style-4 {
  margin: 0;
  padding: 0;
  text-indent: 0;
  text-align: center;
  font: 36px/46px Futura-Bold;
  text-transform: uppercase;
  text-decoration: none;
  color: #FFFFFF;
  letter-spacing: normal;
}

.text-style-4a {
  margin: 0;
  padding: 0 0 10px 0;
  text-indent: 0;
  text-align: left;
  font: 26px/28px Futura-Bold;
  text-transform: uppercase;
  text-decoration: none;
  color: #0c556b;
  letter-spacing: normal;
}

.text-style-5 {
  margin: 0;
  text-indent: 0;
  text-align: center;
  font: bold 18px Futura-Bold, "Futura Std Bold", "Arial Bold", Helvetica, sans-serif;
  text-transform: uppercase;
  text-decoration: none;
  color: #0c556b;
  letter-spacing: normal;
  padding: 10px 0 10px 0;
}

.text-style-6 {
  margin: 0;
  padding: 0 0 6px 0;
  text-indent: 0;
  text-align: center;
  font: 11px/14px FuturaStd-Book;
  text-transform: none;
  text-decoration: none;
  color: #000;
  letter-spacing: normal;
}

.text-style-7 {
  margin: 0;
/*  margin: 0 0 0 32px;*/
  text-indent: 0;
  text-align: left;
  font: 28px/36px FuturaStd-Book;
  text-transform: none;
  text-decoration: none;
  color: white;
  letter-spacing: normal;
}

.text-style-7a {
  margin: 0;
  padding: 0 0 0 32px;
  text-indent: 0;
  text-align: left;
  font: 16px/20px Helvetica;
  text-transform: none;
  text-decoration: none;
  color: #FFFFFF;
  letter-spacing: normal;
}

.text-style-8 {
  margin: 0;
  padding: 0;
  text-indent: 0;
  text-align: center;
  font: 16px/20px FuturaStd-Book;
  text-transform: none;
  text-decoration: none;
  color: #000;
  letter-spacing: normal;
}


/*   ---------------------------------------------   */

@media only screen and (min-width: 500px) {

.text-style-2 {
  font: 16px/20px FuturaStd-Book;
}

.text-style-3 {
  font: 16px/20px FuturaStd-Book;
}

.text-style-7 {
  font: 16px/20px FuturaStd-Book;
}

.section1 {
  padding-bottom: 15px;
}

#googleMap {
	height:567px;
}

#div1 {
    height: 75px;
}

#div2 {
    height: 75px;
}

.vid_dude {
	margin-top: 0;
}

#button {
   	margin: 25px 0 20px 20px;
}

.button1 {
    padding: 4px 10px;
    font-size: 16px;
    margin: 0 80px 20px 150px;
}

.section2 {
  height: 740px;
}

#protect {
	margin: 0 26px 20px 47px;
}

#button2 {
    margin: 20px 0 0 0;	
}

.button2 {
	font-size: 16px;
    margin: 0 0 0 95px;
}

#update {
  width: 800px;
  height: 80px;
}