html {
  height: 100%;
  width: 100%;
}

body {
  margin: 0;
  padding: 0;
  height: 100%;
  width: 100%;
}

#outermost {
	 width:100%;
	 height: 100%;
}

/* See https://developers.google.com/maps/documentation/javascript/tutorial#HTML5 */
#map-canvas {
	height: 100%;
	width: 100%
}

#menucontainer {
  position: fixed;
  top: 1em;
  left: 1em;
  background: #e0e0e0;
  opacity: 0.75;
  color: black;
  padding: 0.25em 1em 0.25em 1em;
}


#menubar :hover {
	background: #008000;
	opacity: 1.0;
	color: black;
}

#menubar {
  width: 50%;
  margin: 0 auto;
  opacity: 0.9;
  background: #808080;
}

#menubar:hover {
	opacity: 1.0;
	background: #404040;
}

.nav ul {
  list-style: none;
  text-align: center;
  padding: 0;
  margin: 0;
}
.nav li {
  font-family: sans-serif;
}
 
.nav a {
  text-decoration: none;
  color: #fff;
  display: block;
}

p.loc-info {
    font-size: 120%;
    padding-bottom: 1em;
}

.small {
    font-size: 75%;
}

th {
    text-align: left;
}