* { box-sizing: border-box; }
header, nav, main, footer { display: block; }

body { background-color: #3F2860;
       color: #3F2860;
       font-family: Verdana, Arial, sans-serif;
        }

header { background-color: #9BC1C2;
         background-image: url(lilyheader.jpg);
         background-repeat: no-repeat;
         background-position: right;
         height: 150px; 
         }


h1 { padding-top: 50px;
     padding-left: 2em;
      }
nav { font-weight: bold;
      padding: 1em;
      float: left;
      width: 160px; }
nav a { text-decoration: none;
        display: block;
        text-align: center;
        font-weight: bold;
        border: outset 3px #CCCCCC;
        margin-bottom: 1em;
        padding: 1em;
         }
nav ul { padding-left: 0;
         list-style-type: none; 
         }
nav a:link { color: #3F2860; }
nav a:visited { color: #497777; }
nav a:hover { color: #A26100; border: 3px inset #333333; }
.floatleft {float: left; 
           margin-right: 4em; 
           } 

.clear { clear: both; }
.studio { font-style: italic; }
footer { background-color: #9BC1C2;
         font-size: small;
         font-style: italic;
         text-align: center;
         padding: 1em; }
#wrapper { width: 80%; 
          margin-right: auto;
          margin-left: auto;
          background-color: #F5F5F5;
          min-width: 1200px;
          max-width: 1480px; }
main { padding-left: 2em;
       padding-right: 2em;
       padding-top: 1em;
       margin-left: 170px;
        }