#container{position:relative;top:0px;margin-left:auto;margin-right:auto;width:900px;}
#container a:link, a:hover, a:visited, a:active{color:#990000;text-decoration:none;}
#container a:hover{color:#ffffff;text-decoration:none;background:#990000;}
#searchmap{position:relative;margin-left:auto;margin-right:auto;width:740px;font-family:Arial, sans-serif;font-size:90%;line-height:120%;padding-top:15px;padding-bottom:15px;}
#searchmap2{position:relative;margin-left:auto;margin-right:auto;width:100%;padding-top:15px;padding-bottom:15px;}
#interact{position:relative;top:0px;margin-left:0%;margin-right:0%;width:auto;height:25px;}
#banner{position:relative;top:0px;margin-left:0%;margin-right:0%;width:auto;height:160px;}
#article{position:absolute;width:640px;padding:10px 10px 0px 0px;padding-right:10px;height:auto;border-right:1px dotted #111111;}
#navbar{position:absolute;width:240px;margin-left:650px;padding-left:10px;border-left:1px dotted #111111;}
#navbar h3{font-family:Georgia, serif;font-weight:normal;font-size:100%;text-align:center;line-height:normal;color:#333333;margin:0px;padding:0px;}
#breadcrumbs{font-family:Helvetica, Arial, sans-serif;font-size:110%;font-weight:bold;line-height:120%;padding-top:3px;padding-bottom:3px;border-top:1px dotted #111111;border-bottom:1px dotted #111111;}
#breadcrumbs td, th{font-family:Arial, Helvetica, sans-serif;font-size:110%;line-height:120%;color:#330000;border:0px;padding:0px;}
#lakehead{position:relative;font-family:Arial, sans-serif;font-size:90%;line-height:120%;padding-top:15px;padding-bottom:15px;border-bottom:1px dotted #111111;overflow:hidden;}
#lakehead table{border-collapse:collapse;border:1px solid black;padding:1px;}
body{background-color:#FFFFff;font-family:Arial, sans-serif;font-size:90%;line-height:normal;color:#333333;}
p{font-family:Arial, sans-serif;font-size:100%;line-height:120%;color:#333333;}
sup{line-height:0;}
blockquote{font-family:Arial, sans-serif;font-size:90%;line-height:120%;color:#333333;}
h1{font-family:Georgia, serif;font-weight:bold;font-size:180%;line-height:normal;color:#333333;margin:0px;padding-top:5px;padding-bottom:5px;}
h2{font-family:Georgia, serif;font-weight:bold;font-size:150%;line-height:normal;color:#333333;margin:0px;padding:0px;padding-top:5px;padding-bottom:5px;}
h3{font-family:Georgia, serif;font-weight:bold;font-size:125%;line-height:normal;color:#333333;margin:0px;padding:0px;padding-top:5px;padding-bottom:5px;}
h4{font-family:Georgia, serif;font-weight:bold;font-size:110%;line-height:normal;color:#333333;margin:0px;padding:0px;padding-top:5px;padding-bottom:5px;}
li{color:black;}
.c1{color:#800000;}
.c2{color:blue;}
.c3{color:red;}
.c4{color:#FFD700;}
.c5{color:#8A2BE2;}
li span {color: black;}
a:link, a:hover, a:visited, a:active{color:#990000;}
.title{font-family:Georgia, "Times New Roman", Times, serif;font-size:18px;line-height:30px;background-color:#990000;color:#FFFF66;}
.subtitle{font-family:Georgia, "Times New Roman", Times, serif;font-size:16px;line-height:20px;font-weight:bold;color:#660000;font-style:oblique;}
.header{font-family:Georgia, "Times New Roman", Times, serif;font-size:24px;background-color:#990000;color:#FFFF66;}
.nav{font-family:Georgia, "Times New Roman", Times, serif;font-size:12px;font-weight:bold;background-color:#CCCC66;}
.navLink{font-family:Arial, Helvetica, sans-serif;font-size:14px;font-weight:bold;background-color:#DEDECA;}
a:hover{color:#DEDECA;}
.titlebar{font-family:"Times New Roman", Times, serif;font-size:9px;color:#FFFFFF;background-color:#336699;}
.sitesImg{float:left;margin:10px 25px 10px 0;border:1px;}
.walksImg{float:left;margin:10px 25px 40px 0;border:1px;}
.navbar_item{padding-left:10px;padding-top:25px;padding-bottom:25px;border-bottom:1px dotted #111111;overflow:hidden;}
.photosection{clear:both;position:relative;font-family:Arial, sans-serif;font-size:90%;line-height:120%;width:100%;padding-top:15px;padding-bottom:15px;border-bottom:1px dotted #111111;overflow:hidden;}
.bibliography{font-family:Arial, sans-serif;font-size:12px;line-height:14px;padding:3px;}
.linkexternal{font-family:Arial, sans-serif;font-size:12px;line-height:14px;padding:3px;}
.googlesearch{position:relative;margin-left:auto;margin-right:auto;font-family:Arial, sans-serif;font-size:75%;line-height:120%;padding-top:15px;padding-bottom:15px;}
.floatleft{float:left;margin:15px;}
.floatright{float:right;margin:15px;}
.clearstyle{clear:both;}
.sitelisting{padding:10px 10px 0px 0px;padding-right:10px;height:auto;font-size:85%;}
.sitelisting table{border-collapse:collapse;margin-left:auto;margin-right:auto;}
.sitelisting table,th,td{border:1px solid black;padding:4px;}
.querk {background-color: powderblue;} 
.duplicate {background-color: moccasin;} 
.odd{background:#CCC;}
.row{display: flex;flex-wrap: wrap;flex-direction: row; justify-content: space-between;}
.cardImg{position:relative;margin:0px 0px 10px 0px;}
.app {display: grid;
  grid-gap: 5px; 
  overflow: hidden;
/*     grid-template-columns: repeat(auto-fill, 300px); */
       grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); 
/*     grid-template-columns: repeat(auto-fit, minmax(300px, 1fr) 150px); */
/*     grid-auto-flow: dense; */
}