/* indexJul22.css */

body{
  font-family: sans-serif, arial, verdana;
  color:black;
  background-color:white;
  font-weight:bold;
  font-size:16px;
}

header{
  text-align: center;
}
/*
img{
  border: 2px solid black;
  width: 100%;
  height: auto;
}
*/

.imgtap{
  margin-bottom: 0px;
  border: 0px;
  position: relative;
  top: 0px;
  height: 60px;
  width: 60px;
}


.imgSpec{
  border: 0px;
  width: 40px;
  height: 40px;
}

.imgUpTriangle{
  border: 0px;
  width: 20px;
  height: 20px;
}

hr{
  border: 4px black solid;
  background-color: black;
}

ul{
  list-style-type: none;
  /*list-style-position:*/ 
  margin-left: -1em;
}

li{
  /*padding-bottom: 5px;*/
  padding-top: 10px;
  /*padding-left: 0px;*/
  /*padding-right: 0px;*/
  /*padding:5px;*/
  /*margin-left: 0px;*/
}


/* zebra-striped rows alternating odd/even */
/*
li:nth-child(odd) {
  background-color:mistyrose;
}

li:nth-child(even) {
  background-color:lightcyan;
}
*/

details {
  display: inline-block;
  margin: 20px;
  border: 4px black solid;
  padding: 10px;
}

details:hover{
  border: 4px palegreen solid;
}

section{
  /*border: 4px black solid;*/
  padding-top: 20px;
  padding-bottom: 10px;
  padding-left: 10px;
  padding-right: 10px;
  margin-bottom: 20px;
  /*margin-top: 10px;*/
}

.divAqua{
  /*border:3px solid blue;*/
  background-color: azure;
  padding: 20px 10px 20px 10px;
  font-size:30px;
  font-weight: bold;
}

.divRose{
  /*border:3px solid red;*/
  background-color: mistyrose;
  padding: 20px 10px 20px 10px;
  font-size:20px;
  font-weight: bold;
}

.divCyan{
  /*border:3px solid blue;*/
  background-color: lightcyan;
  padding: 20px 10px 20px 10px;
  font-size:20px;
  font-weight: bold;
}

.padtop{
  padding-top: 40px;
}

.censtuff{
  text-align: center;
}

.lnkspacing{
  /*padding: 40px;*/
}

::marker{
  color: blue;
  font-size: 30px;
}

.sectiondefault{
  /*border: 4px black solid;*/
  border: none;
  padding: 0px;
  /*margin-bottom: 20px;*/
  margin: 0px;
  /*margin-top: 10px;*/
}

.titlehdr{
  margin-bottom: 0px;
  margin-top: 0px;
}

.cookiefree{
  font-weight: bold;
  background-color: palegreen;
  padding: 5px;
  margin-top: 0px;
}

.piccenter{
  text-align: center;
  border: 0;
}

.bigText{
  font-size:16px;
  font-weight: bolder;
}

.bigTextTitle{
  font-size:18px;
  font-weight: bolder;
}


.floattop{
	/*position:absolute;*/
	position:sticky;
	/*float: right;*/
	/*width:60px;*/
	/*height:30px;*/
	/*vertical-align: middle;*/
	/*top:90px;*/
	/*right:60px;*/
	top:0px;
	/*right:10px;*/
	/*right:5px;*/
	/*background-color:#0C9;*/
	background-color: white;
	/*background-color: lightblue;*/
	/*color:#FFF;*/
	/*border-radius:50px;*/
	text-align:center;
	/*box-shadow: 2px 2px 3px #999;*/
	/*border:3px solid black;*/
	/*cursor: pointer;*/
	margin-top: -.5em;
	margin-left: -.5em;
	margin-right: -.5em;
	height: 20px;
	/*vertical-align: middle;*/
	padding-top: 10px;
	z-index: 3;
	border: 0;
}

.floatright{
  float: right;
  font-weight: bold;
  font-size: 30px;
	cursor: pointer;
	background-color: white;
	border: 0;
}

.secmenu{
  visibility: hidden;
	border: 0;
	background-color: white;
	/*margin-top: -.5em;*/
	margin-left: -.5em;
	margin-right: -.75em;
}


/* Extra small devices (phones, 600px and down) */
@media only screen and (max-width: 600px) {

  img{
    border: 4px solid black;
    width: 100%;
    height: auto;
  }

}

/* Small devices (portrait tablets and large phones, 600px and up) */
@media only screen and (min-width: 600px and max-width: 767px) {

  img{
    border: 4px solid black;
    width: 100%;
    height: auto;
  }

}

/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (min-width: 768px) {
  
  img{
    border: 4px solid black;
  }

}

/* Large devices (laptops/desktops, 992px and up) */
@media only screen and (min-width: 992px) {

  img{
    border: 4px solid black;
  }

}

/* Extra large devices (large laptops and desktops, 1200px and up) */
@media only screen and (min-width: 1200px) {

  img{
    border: 4px solid black;
  }

} 

.imgLogo{
  top: 200px;
}

.google-maps {
    position: relative;
    padding-bottom: 75%; // This is the aspect ratio
    height: 0;
    overflow: hidden;
  }
  
.google-maps iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100% !important;
  height: 100% !important;
}

.borderlink{
  border: 4px blue solid;
}