/* Borrowed from http://www.maxdesign.com.au/presentation/page_layouts/ */

#container
{
text-align: center;
width: 480px;
margin: 10px auto;
background-color: #fff;
color: #333;
border: 1px solid gray;
line-height: 130%;
}

#top
{
padding: .5em;
background-color: #ddd;
border-bottom: 1px solid gray;
}

#leftnav
{
float: left;
width: 80px;
margin: 0;
padding: 1em;
}

#leftnav1
{
float: left;
width: 72px;
margin: 0;
padding: 1em;
background-color: #cce;
}

#rightnav
{
float: right;
width: 80px;
margin: 0;
padding: 1em;
}

#content
{
margin-left: 100px;
border-left: 1px solid gray;
margin-right: 100px;
border-right: 1px solid gray;
padding: 1em;
}

#footer
{
clear: both;
margin: 0;
padding: .5em;
color: #333;
background-color: #ddd;
border-top: 1px solid gray;
}

/* It's so much easier with tables: */

table.demo1 { width: 480px; margin: auto; border-collapse: collapse; }

table.demo1 td { text-align: center; border: solid 1px gray; padding: 10px; }

table.demo1 td.shaded { background-color:#ddd; }

table.demo1 td.center { width: 80%; }

table.demo1 td.left { background-color: #cce; }