html,
body
,

.panel-container 
	{
	position: fixed;
	left: 0px;
	width: 100%;
	height: 100%;
	z-index:100;
	}

#viewDiv
	{
	position: fixed;
	background-color: #ffffff;
	left: 0px;
	top: 80px;
	height: 100%;
	width: 100%;
	min-width:320px;
	}

.bgimage
{
position: fixed;
width:100%;
height:100%;
left:0px;
top:0px;
background-image: url('https://sites.temple.edu/naturesocietyworkshop/files/2023/06/temple3-1.jpg');
background-repeat: no-repeat;
background-size: cover;
z-index: -1;
}

#optionsDiv 
	{
	width: 0px;
	}

#BasemapToggle 
	{
	position: absolute;
	top: 20px;
	right: 200px;
	z-index: 50;
	}
	
#headerdiv
	{
	position: fixed;
    height: 75px;
	padding: 0px;
	margin: 0px;
	top: 0px;
	left: 0px;
	width: 100%;
	background-color: #cad5da;
	border-bottom:6px solid #697681;
	vertical-align: middle;
	resize: height;
	overflow-x: auto;
	z-index:101;
	}

#linksdiv1
	{
	position: relative;
	padding: 0;
	margin: 0;
	top: 26px;
	left:20px;
	width: 80%;
	}

#linksdiv2
	{
	position: fixed;
	padding: 0px;
	margin: 0px;
	top: 0px;
	left: 80%;
	width: 20%;
	text-align: right;
	background-color: none;
	border: none;
	vertical-align: middle;
	z-index:101;
	}
	
a:link { text-decoration: none; }


a:visited { text-decoration: none; }


a:hover { text-decoration: none; }


a:active { text-decoration: none; }

a.specialeffects:link {
  text-decoration: none;
  color: #697681;
  font: helvetica;
  size: 20pt;
  font-weight: 500;
}

a.specialeffects:visited {
  text-decoration: none;
  color: #697681;
  font: helvetica;
  size: 20pt;
  font-weight: 500;
}

a.specialeffects:active {
  text-decoration: none;
  color: #697681;
  font: helvetica;
  size: 20pt;
  font-weight: 500;
}

a.specialeffects:hover {
  text-decoration: none;
  color: #eaeeef;
  padding: 4px;
  transition: color .3s ease-in-out, box-shadow .3s ease-in-out;
  box-shadow: inset 300px 0 0 0 #52717c;
}