body {
    width: 900px;
    margin: 30px auto;
    border: 1px solid #bbb;
    
    -webkit-box-shadow:  2px 2px 2px 2px #bbb;
    box-shadow:  2px 2px 2px 2px #bbb;
}

header {
   border-bottom: 4px double #bbb;
    height: 120px;
    background-image: url(Coral.jpg);
    background-repeat: no-repeat;
    background-color: #800;
    
    background: url(Coral.jpg) no-repeat #800; 
}

h1 { 
    color: white;
    margin: 0;
    font-size: 300%;
    padding-top: 30px;
    padding-left: 30px;
    font-family: Verdana, Arial, sans-serif;
    font-variant: small-caps; 
    
    text-shadow: 2px 2px 2px #fdd;
    filter: dropshadow(color=#fdd, offx=2, offy=2);
    
}

nav, main { 
    display: inline-block;
    vertical-align: top;
}

nav {
    width: 200px; 
}

main {
  width: 680px;
    height: 450px;
    overflow: auto;
    padding: 0.5em; 
}

#outline ol {
  list-style: none;
    margin: 0.5em; 
    padding: 0;
}

#outline a {
   display: block;
    margin-bottom: 0.5em;
    font-size: 120%;
    color: #000;
    text-decoration: none; 
    border: 1px outset #bbb;
    padding: 0.2em;
}

#outline a:hover {
   color: darkorange;
    text-decoration: underline;
    background-color: #eee;
}

footer {
  border-top: 4px double #bbb;
  padding: 0.5em; 
    text-align: center;
    
    background: #d3d3d3; /* Old browsers */
    background: -moz-linear-gradient(top,  #d3d3d3 0%, #ffffff 50%, #dbdbdb 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d3d3d3), color-stop(50%,#ffffff), color-stop(100%,#dbdbdb)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #d3d3d3 0%,#ffffff 50%,#dbdbdb 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #d3d3d3 0%,#ffffff 50%,#dbdbdb 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #d3d3d3 0%,#ffffff 50%,#dbdbdb 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #d3d3d3 0%,#ffffff 50%,#dbdbdb 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d3d3d3', endColorstr='#dbdbdb',GradientType=0 ); /* IE6-9 */

    
}

section section {
    margin-left: 2em;
}

section section + section {
    margin-top: 1em;
    border-top: 1px solid #bbb; 
}

h3 { 
    margin-top: 0.2em;
    margin-bottom: 0.2em;
}

p {
    margin-top: 0;
    margin-bottom: 0.3em;
}

img { 
    border: 1px solid #bbb;
}


a[href="#outline"] {
   display: none;
}