img.right {float: right; margin: 10px; padding: 10px;}
img {float: left; margin: 10px; padding: 10px;}
ul { padding: 20px; }

    .nav {
      width: 100%;
      margin: 1em 0;
      padding: 0;
      background: #bdc6de;
    }
    .nav h1 { 
     margin-left: 9em;
     padding-top: 1em; 
    }
    .nav ul {
      margin: 0;
      padding: 0;
      padding-left: 1em;
      list-style-type: none;
    }
    .nav li {
      margin: 0;
      padding: 0;
      float: left;
      width: 8em;
      margin-right: 1em;
      background: #52b552 none;
      text-align: center;
    }
    .nav a {
      display: block;
      color: black;
      width: 100%;
      text-decoration: none;
    }
    .nav a:hover {
      color: black;
      background: #ff9 none;
    }