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: 6px;
margin: 0; 
padding-top: 374px; 
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; 
position: relative;
z-index: 5;
}

.two				{
width: auto; 
position: relative;
}

.three			{
width: 200px; 
position: relative;
}

#header		{
position: absolute; 
top: 0; left: 0; 
height: 374px; 
color: #fff;
width: 100%; 
z-index: 10;
text-align:center;

}

#footer			{
clear: both; 
position: relative; 
height: 40px; 
background: red; 
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;
font-size:0.8em;
padding-left:10px;
}

 /* 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:navy;
background: transparent;
text-decoration: underline;
}

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

.thetable a:link, .thetable a:visited	{
color: navy;
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;}


.side_panel{
	display:block;
	font-size:0.85em;
}

.side_title{
	display:block;
	font-size:1.6em;
	font-weight:bold;
	color:red;
	padding-bottom:10px;
}

.side_h1_centre{
	display:block;
	font-weight:bold;
	color:red;
	padding-bottom:10px;
	font-size:1.5em;
	text-align:center;
}

.side_h1{
	display:block;
	font-weight:bold;
	color:red;
	padding-bottom:10px;
}

.side_strong{
	display:block;
	font-weight:bold;
	padding-bottom:10px;
}

.side_name{
	font-weight:bold;
	color:#006600;
}

.side_body{
	display:block;
	padding-bottom:10px;
}

.side_note{
	font-size:0.85em;
	display:block;
	padding-left:20px;
	padding-right:20px;
	padding-bottom:10px;
}

.location{
	font-weight:bold;
	font-size:0.9em;
}

.two a:link, .two a:visited{
	color:navy;
	text-decoration:none;
}

.two a:hover{
	color:blue;
	text-decoration:none;
}