.hidden
{
	display: none;
}


div.menubar
{
	background: #444;
	color: #ddd;
	padding: 0.5em;
	margin-bottom: 0.5em;
}

span.menubrand
{
  margin-left: 0.5em;
  font-weight: 600;	
  margin-right: 0.5em;
}

span.menuitem
{
	font-size: 1em;
	padding: 0.5em;
}
span.menuitem:hover
{
	cursor:pointer;
	background: #666;
}

h1
{
  font-size: 1.8em;
  font-weight: 600;
  margin-top: 0.5em;
	margin-bottom: 0.5em;
}

h2
{
  font-size: 1.4em;
  font-weight: 500;
  margin-top: 0.5em;
  margin-bottom: 0.5em;
}

h3
{
	font-size: 1.4em;
	font-weight: 600;
	margin-top: 0.5em;
}

h4
{
  font-size: 1.2em;
  font-weight: 600;
  margin-top: 0.5em;
  margin-bottom: 0.1em;
  border-bottom: 1px dashed #088;
  color: #088;
}

h5
{
  font-size: 1em;
  font-weight: 600;
  margin-top: 0.5em;
  margin-bottom: 0.1em;
}


div.mainbody
{
	max-width: 800px;
}

div.header
{
  display:flex;
  justify-content:space-between;
	
	margin-top: 1em;
	margin-bottom: 0.5em;
}

span.title
{
	font-size: 1.4em;
	font-weight: 500;
}

span.control
{
	
}

#controlbuttons
{
	margin-top: 1em;


}

#map 
{ 
  border: 1px solid #000;
	height: 500px;
}

#controlbuttons
{
	margin-bottom: 1.5em;
}

.icon
{
	background-color: #f88;
	
}




div.maplink
{
	color: #0000aa;
	margin-bottom: 0.2em;
	padding: 0.3em;
  border: 1px solid #ffffff;
  border-radius: 3px;
	
}

div.maplink:hover
{
	cursor: pointer;
	background: #e8f8ff;
	border: 1px solid #e0f0f8;
}


div.metadata
{
	font-style: italic;
	color: #444;
	border: 1px solid #dddddd;
	padding: 0.5em;
	background: #f8f8f8;
	border-radius: 5px;
	margin-bottom: 1.5em;
}