/* we leave some place on the side using the margin-* properties */
#main {
        margin-left:10.2em;
        margin-right:27.2em;
        padding-left:1em;
        padding-right:1em;
}
/* and then we put each list on its place */
#1 {
        left:0;
}
#1 {
        right:0;
		}

		
<!-- new nav --->

ul#navlist { font-family: Geneva, Arial, Helvetica, sans-serif; }

ul#navlist a
{
font-weight: bold;
text-decoration: none;
}

ul#navlist, ul#navlist ul, ul#navlist li
{
margin: 0px;
padding: 0px;
list-style-type: none;
}

ul#navlist li { float: left; }

ul#navlist li a
{
color: #999999;
background-color: #FFFFFF;
padding: 15px;
border: 0px #ffffff outset;
}

ul#navlist li a:hover
{
color: #FFFFFF;
background-color: #666666;
}

ul#navlist li a:active
{
color: #cccccc;
background-color: #FFFFFF;
border: 5px #ffffff inset;
}

ul#subnavlist { display: none; }
ul#subnavlist li { float: none; }

ul#subnavlist li a
{
padding: 0px;
margin: 0px;
}

ul#navlist li:hover ul#subnavlist
{
display: block;
position: absolute;
font-size: 11pt;
padding-top: 8px;
}

ul#navlist li:hover ul#subnavlist li a
{
display: block;
width: 10em;
border: none;
padding: 2px;
}

ul#navlist li:hover ul#subnavlist li a:before { content: "  "; }



<!--page font-->
body,td,th {
	font-family: Geneva, Arial, Helvetica, sans-serif;
}



<!--links-->
a:link {
color: #999999;
background-color: #FFFFFF;
}
a:visited {
	text-decoration: none;
	color: #999;
}
a:hover {
color: #FFFFFF;
background-color: #666666;
}
a:active {
color: #cccccc;
background-color: #FFFFFF;
}