body { margin-left: 5%;
       margin-right: 5%;
}

div.logo { float: left;
           margin-top: 20px;
           margin-left: 1%;
           margin-bottom: 20px;
           text-align: center 
}

div.toc { float: right;
          background-color: #F0F0FF;
          margin-top: 20px;
          margin-right: 1%;
          margin-bottom: 20px;
          width: 25%;
          border-style: solid;
          border-width: 2px;
          border-color: #C0C0FF;
          text-align: center 
}

div.main { clear: both;
           background-color: #FFF0F0; 
           margin-bottom: 20px;
           border-style: solid;
           border-width: 2px;
           border-color: plum;
}

div.footer { text-align: center;
             font-size: smaller;
             background-color: #F0FFF0;
             border-style: solid;
             border-color: #C0FFC0;
             border-width: 1px;
             margin-left: 10%;
             margin-right: 10%;
}

div.image { float: left;
            margin-right: 20px;
            margin-bottom: 20px;
}

p { margin-left: 2em;
    margin-right: 2em
}

h1, h2, h3 { margin-left: 1em;
}

a:link, a:visited { text-decoration: none; 
                    color: #AA00AA;
}
a:hover { background: ivory}