body{
    background: white; //url(walk.png) repeat top left;
    background-size: 100px;
    color: black;
    font-family: Times New Roman,serif;
//    font-size: 0.9em;
    text-align: justify;
}
#heading{
    width: 86%;
    position: relative;
    left: 7%;
    text-align: center;
    vertical-align: middle;
//    background-color: rgb(128,128,128);
    background-color: white;
    color: #0066CC;
    border: 3px solid black;
    padding: 1em 1em 1em 1em;
    font-family: Times New Roman,serif;
    font-size: 1.2em;
}
#navigation{
    font-family: Ariel,Helvetica,sans-serif;
    position:absolute;
    left:10px;
    top:250px;
    background: white;
    border: 1px solid black;
    padding: 3px 1px 3px 1px
}
#navigation a{
    color: black;
    padding: 3px 10px 3px 10px;
    margin: 4px 0 4px 0;

}
#navigation a:hover{
    text-decoration: none;
    color: black;
    padding: 3px 10px 3px 10px;
    margin: 4px 0 4px 0;
    background: #C8C8C8;
}
#main{
    width: 70%;
    position:relative;
    left: 16%;
    padding: 0 0 0 0;
    margin-top: 10px;
    background: white url(shade.jpg) repeat-y scroll top right;
    border-left: 1px solid black;
}
#main .first{
    background: url(corner.jpg) no-repeat scroll top right;
}
#main * h2,h3,p,li{
    padding-left: 5px;
    padding-right: 5px;
}
#main h1,h2,h3,h4,h5,h6{
    font-family: Ariel,Helvetica,sans-serif;
}
#main .first h2{
    border-top: 1px solid black;
    padding-top: 5px;
    height: 1em; /* IE needs this to display the upper border */
    overflow: visible; /* This and the next line fixes the mess the previous line left */
    padding-bottom: 2em;
}
#main .first,.last,.normal{
    padding-right: 10px;
}
#main .last p.lastp{
    border-bottom: 1px solid black;
    margin-bottom: 0px;
    height: 1em; /* IE needs this to display the upper border */
    overflow: visible; /* This and the next line fixes the mess the previous line left */
    padding-bottom: 1em;
}
#main a img{
    border-style: none;
    float: right;
    margin: 5px 5px 5px 5px;
}
#main img{
    margin: 5px 5px 5px 5px;
}
hr{
    border-style:solid;
    color:black;
}
#main a{
    color: gray;
    text-decoration: none;
}
#main a:hover{
    border-bottom: 1px dotted gray;
}
ul li { margin: 1em }

ol li { margin: 1em }

.lect { text-decoration: underline; }