div.container
{
width:100%;
margin:0px;
border:1px solid gray;
line-height:150%;
}
div.header,div.footer
{
padding:0.5em;
color:white;
background-color:gray;
clear:left;
}
h1.header
{
padding:0;
margin:0;
}
div.left
{
float:left;
width:160px;
margin:0;
padding:1em;
}
div.content
{
margin-left:190px;
border-left:1px solid gray;
padding:1em;
}


#left{padding: 10px; width: 200px; position: absolute; margin: 100px 0px; left: 10px; top: 75px; font: 10pt}

#main{background-color: "#ffffff"; padding: 10px; width: auto; position: relative; margin: 100px 270px 100px 270px; text-align: justify; font: 10pt}

#right{padding: 10px; text-align: right; width: 200px; position: absolute; margin: 100px 0px; right: 20px; top: 50px; font: 10pt }


#left ul { margin-left: 0; padding-left: 0; list-style-type: none }


#navlist { padding-left: 0; margin-left: 0; border-bottom: 1px solid #999; width:128px; }

#navlist li { margin: 0; padding: 0.25em; border-top: 1px solid #999; }

#navlist li a { text-decoration: none; }

#navlist li a:hover { font-weight: bold; }

<!-- LIST DISPLAYED HORIZONTALLY -->

#menulist li { border: 1px solid #999; padding: 10px; display: inline; text-align: center; list-style-type: none; }

#menulist li a { text-decoration: none; }

#menulist li a:hover { font-weight: bold; }

li.textindent{ text-indent: 15%; }

<!-- END OF HORIZONTAL LIST -->

body { font-family: verdana, helvetica, arial; }
p { text-align: justify; 10px }
p.bold { font-weight: bold}
p.center { text-align: center; }

h1,h2,h3,h4,h5,h6 { font-family: verdana, helvetica, arial; font-variant: small-caps; text-align: center; color: ; font: bold oblique; }

table { align: }