body
{
   margin: 10pt;
   padding: 0;
   font-family: arial, helvetica, sans-serif;
   background-color: #fff;
   color: #000;
}

#container
{
   padding-top: 10px;
   padding-bottom: 10px;
   padding-left: 10px;
   padding-right: 0px;
   background-color: #fff;
   color: #333;
   border: 1px solid gray;
   line-height: 130%;
}

#leftnav
{
   width: 16%;
   padding: 20px;
   border-right: 1px solid gray;
}

#content
{
   width: 1000em; /* Don't know why this works, but it does. Forces the content cell to fill the remaining space on the right */
   padding: 20px;
}

#wrapper
{
/*overflow: hidden;*/
/*display: inline;*/
}

#rightnav 
{
   padding-right: 1em;
   padding-left: 1em;
   float: right;
   padding-bottom: 1em;
   margin: 0px;
   width: 50%;
   padding-top: 1em;
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 12px;
   text-align: right;
}

#leftnav p { margin: 0 0 1em 0; }
#content h2 { margin: 0 0 .5em 0; }

#nav 
{
   background-color: #FFFFFF;
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 12px;
   padding-top: 5px;
   padding-left: 10px;
   padding-bottom: 5px;
   border-bottom: 1px solid gray;
}

#nav ul 
{
   margin-left: 0;
   padding-left: 0;
   display: inline;
}

#nav ul li 
{
    margin-left: 0;
    margin-bottom: 0;
    padding: 2px 15px 5px;
    font-size: 100%;
    list-style: none;
    display: inline;
}