body {
 background: #888888ad;
 font-family: Open Sans;
}

.head {
 background: url(/lib/img/header.gif) 0 0 repeat-x; 
 display: flex;
 
 padding: 1em 0 1em 0;
 margin: 2em 0 1em 0;
 flex-direction: column;
}

.head div {
 margin-left: 3em;
}

.container {
 width: 1000px;
 background: white;
 margin: auto;
 box-shadow: 0 0 35px #555;
}

ul {
 padding-left: 3em; 
 margin-block-start: 0;
} 

.nav h3 {
 margin-bottom: 0;
 padding-bottom: 0;
}

a:link, a:visited, a:hover {
 color: #6c9270;
 text-decoration: none; 
}

.content {
 padding-left: 2em;
 display: flex;
 margin-right: 2em;
 padding-bottom: 5em;
}



li {
  list-style-image: url(/lib/img/menu-leaf.png);
  /*margin: 0.25em 0 0.25em 0;*/
margin: 0;
padding: 0.25em 0 0.25em 0;

  vertical-align: middle;
}
.nav {
  margin: 0;
  border-right: solid 1px #fdfdfd;
  padding: 0 0em 0 1em;
  background: #f9f9f9;
  box-shadow: 1px 1px 3px #ddd;
}

.nav h2 {
 margin: 1em 0  0.5em 0;
 padding: 0;
}

.mid {
    grid-template-columns: 25% 70%;
    display: grid;
}