<style>
#header {
    background-color:black;
    color:white;
    text-align:center;
    padding:5px;
}
#nav {
    line-height:30px;
    background-color:#eeeeee;
    height:500px;
    width:300px;
    float:left;
    padding:5px; 
}
#section {
    width:700px;
    float:left;
    padding:10px; 
}
#footer {
    background-color:black;
    color:white;
    clear:both;
    text-align:center;
    padding:5px; 
}

ul.nav {
    margin: 0;
    padding-right: 5px;
    line-height: 150%;
}

ol.nested {
    counter-reset: item
}
li.nested {
    display: block
}
li.nested:before {
    content: counters(item, ".")" ";
    counter-increment: item
}

</style>