html {
  font-family: sans-serif }
h1 {
  text-transform: uppercase }
p {
  line-height: 1.5 }
.header {
  background-color: #4D6202;
  color: #FFFFCC }
.footer {
  background-color: inherit;
  color: #888888;
  font-size: 75%;
  text-align: center }

div.picture-c {
  position: relative;
  margin-left: auto;
  margin-right: auto
}

div.content {
  margin-left: 12em;
  margin-right: 12em }

div.menu {
  margin: 0;
  font-size: 80% /*smaller*/;
  font-weight: bold;
  line-height: 1.1;
  text-align: center;
  position: absolute; 
  top: 7em;
  /* left: 2em; */
  width: 12em;
  right: auto;
}

div.menu p {
  margin: 0; 
  padding: 0.3em 0.4em;
  font-family: Arial, sans-serif;
  background: #4D6202;
  /*border: thin outset #000055;*/
  color: #FFFFCC;
}

div.menu a, div.menu em { display: block; margin: 0 0.5em }
/*div.menu a, div.menu em { border-top: 2px groove #000055 }*/
div.menu a:first-child { border-top: none }
div.menu em { color: #C6C688 }

div.menu a:link { text-decoration: none; color: white }
div.menu a:visited { text-decoration: none; color: white }
div.menu a:hover { background: #334400; color: white }

div.sidebar {
  margin: 0;
  position: fixed;
  top: 6em;
  left: auto;
  width: auto;
  right: 2em;
}