body {
      color: black;
      background-color:  #d7d2cb;
      font-family: 'Ubuntu'; 
      box-shadow: 0 0 10px #777777;
      font-family: 'PT Sans', sans-serif;
      border-top-left-radius: 15px;
      border-top-right-radius: 15px;
      border-bottom-left-radius: 15px;
      border-bottom-right-radius: 15px;
      width: 920px;  /* Adding a pixel measurement creates a fixed width */
      margin: 20px;  /* Creates padding around perimeter */
      }

header {
      background-color:#000000;
      padding-top: 10px;
      padding-bottom: 1px;
      text-align:center;
      border-top-left-radius: 15px;
      border-top-right-radius: 15px;
      }

h1    {
      color: #228d22;
      }

nav   {
      text-align:center;
      text-transform: uppercase;
      border-top: dashed 1px gray;
      }

ul li {
    display:inline;
    padding-left:5px;
    padding-right:5px;
    font-size:14px;
    }

img {
     float: right;
     margin-left: 10px;
     margin-bottom: 10px;
     }

article {
     padding: 25px;
     background-color: #ffffff;  /* makes the background white */
     border-left:solid 1px black; /* puts a black border along the left side */
     border-right:solid 1px black;
     }

footer {
   color: #228d22;
   padding: 15px;
   text-align:center;
   font-weight:bold;
   background-color:#000000;  /* makes the background black */
   border-bottom-left-radius: 15px;  /* adds a curved corner */
   border-bottom-right-radius: 15px; /* adds a curved corner */
   }