html, body	{height: 100%; width: 100%; margin: 0; padding: 0; border: 0;}

.thetable		{
position: relative;
display: table; 
width: 100%;
margin: 0;
padding: 0;
border: 0; 
clear: both;
border-spacing: 0; /* required by Opera 6 */
}

 /* hide this from opera6 */
head:first-child+body div.thetable {height: 100%;}

.tablerow		{display: table-row;}

.tablecell	{
display: table-cell;
border: 0;
padding: 0;
margin: 0; 
padding-top: 100px; 
padding-bottom: 50px;
vertical-align: top;
min-height: 100%; /* opera6 needs min-height but moz/IE needs height */
}

 /* hide this from opera6 */
head:first-child+body div.tablecell {height: 100%;}
/* added for mozilla which worked for others too, but op6 still needed min-height so hide this rule */

.one				{
width: 180px; 
background: violet; 
position: relative;
border-right: 1px dotted #000; 
z-index: 5;
}
.two				{
width: auto; 
background: yellow; 
position: relative;
}
.three			{
width: 200px; 
background: lime; 
position: relative;
border-left: 1px dotted #000;
}

#header		{
position: absolute; 
top: 0; left: 0; 
height: 100px; 
background: #000080; 
color: #fff;
width: 100%; 
z-index: 10;
border-bottom: 2px dotted lime;
}

#footer			{
clear: both; 
position: relative; 
height: 40px; 
background: #000080; 
color: white; 
margin-top: -40px;
margin-bottom: 40px; /* required for Opera 6 to show background color but others don't like it so hide the value of 0 from it */
z-index: 15;
}

 /* hide this from opera6 */
head:first-child+body div#footer {margin-bottom: 0;}


/* some general formatting styles */
body	{font-size: 0.8em; font-family: verdana, tahoma, arial, sans-serif;}

a:link, a:visited	{
color: #fff;
background: transparent;
text-decoration: underline;
}

a:hover	{
color: lime;
background: transparent;
}

.thetable a:link, .thetable a:visited	{
color: #009;
background: transparent;
text-decoration: underline;
}

.thetable a:hover	{
color: #f00;
background: transparent;
}


p		{padding: 0.5em 1em 0 1em; margin: 0;}

ul	{padding-right: 0.5em;}

/* removing margins from headings corrects an Opera 6 display error */
h1, h2, h3	{font-family: georgia; padding: 0.5em 2em; margin: 0;}
h1	{font-size: 1.2em;}
h2  {font-size: 1.1em;}
h3	{font-size: 1em;}