H1 { font-size: 170%; color: #ffff00; }

H2 { color: #cccccc; }

body {
  color: #fffd4c;
  background: #3B0641;
  background-attachment : fixed; 
}

A { color: #87E814; text-decoration : none; }

@page { margin : 1.27cm; }

img {
  border: none;
  } 

div.outer {
  background: #3B0641;
  text-align: center;
  margin: auto;
  width: 80%;
}

div.inner {
  background: #3B0641;
  padding: 2px 2px;
  text-align: center;
  clear: both;
  margin: auto;
  width: 350px;
  height: auto;
  min-height: 65px;
}

div.pic {
  padding: 2px 2px;
  float: left;
  width: auto;
  min-width: 55px;
  min-height: 50px;
  height: auto;
  border: 2px solid #650465;
  background: #250225;
}

div.pic:hover {
  border: 2px solid green;
  background: green;
}


div.picnofloat {
  padding: 2px 2px;
  float: left;
  clear: right;
  background: #250225;
  width: auto;
  height: auto;
  min-width: 55px;
  height: auto;
  min-height: 50px;
  border: 2px solid #650465;
}

div.picnofloat:hover {
  background: green;
  border: 2px solid green;
}

span.text {
  font-size: 8pt;
  color: #20F040;
}

div.reset {
  float: none;
  clear: both;
}

li.recent {
  list-style: none outside;
}

#mapbox {
  float: left;
  clear: none;
#  border: solid 1px #505050;
  border: none;
}

div.right { 
  float: right;
  clear: none;
  width: 45%;
  margin-right: 1em;
}

#form {
  float: right;
  clear: right;
#  border: solid 1px #505050;
  border: none;
  min-width: 45%;
  width: auto;
}

#recent {
  float: left;
  clear: none;
#  border: solid 1px #505050;
  border: none;
  width: auto;
}

#photobox {
  float: right;
  clear: right;
#  border: solid 1px #505050;
  border: none;
  width: auto;
  max-width: 20em;
}