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%;}

/* IE/Win required so floated tablecells take the height
and overcome the display for IE/Mac */
* html .thetable {display: block; height: 100%;}

.tablerow {display: table-row;}
* html .tablerow {display: block;}

.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 */

/* for IEwin/mac Only to override display: table-cell; */
* html .tablecell
{display: block; float: left; height: 100%;}

.one{
width: 130px;
background: url(img01.gif);
position: relative;
border-right: 0px dotted #000;
z-index: 5;
}

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

/* all foats need widths in IE/Mac
so had to workaround center column width with padding/margins */
* html .two {
width: 100%;
margin-left: -181px;
margin-right: -201px;
}

* html .two .pad {padding: 0 200px 0 180px;}

.three{
width: 130px;
background: url(img_96.gif);
position: relative;
border-left: 1px dotted #300;
}

#header{
padding: 0;
margin: 0;
position: absolute;
top: 0;
left: 0;
background:#CC9999;
width: 100%;
height: 30px;
color:#CCCCCC;
z-index: 5;
border-bottom: 2px dotted lime;
margin-right: -15px; /* see ie/mac hack below */
}

/* to correct an IE/Mac issue -15px positioning bug */
/* the following is invisible to IE Mac : note id selector must be used */
/* commented backslash hack v2 \*/
#header {margin-right: 0px;}
/* end hack */

#footer{
clear: both;
margin-top: -10px;
width: 100%;
background: url(img02.gif);
z-index: 100;
min-height: 5px; /* IE needs height though */
position: relative; /* required by OP6 but correct value fed re hack below */
}

/* hide this from opera6 */
head:first-child+body div#footer {position: absolute;}

* html #footer{height: 5px;} /* added to overcome content overflow min-height rule */

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

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

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

.tablecell a:link, .tablecell a:visited {
color: #009;
background: logic.jpg;
text-decoration: underline;
}

.tablecell a:hover {
color: #fff;
background: #009;
text-decoration: none;}

ul {padding-right: 0.5em;}

/* removing margins and using padding to format instead corrects an Opera and IE display error */
p {padding: 0.5em 1em 0 1em; margin: 0;}

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;}

/* Show only to IE PC \*/
* html .boxhead h2 {height: 1%;} /* For IE 5 PC */

.sidebox {
	margin: 0 auto; /* center for now */
	width: 17em; /* ems so it will grow */
	background: url(sbbody-r.gif) no-repeat bottom right;
	font-size: 100%;
}
.boxhead {
	background: url(sbhead-r.gif) no-repeat top right;
	margin: 0;
	padding: 0;
	text-align: center;
}
.boxhead h2 {
	background: url(sbhead-l.gif) no-repeat top left;
	margin: 0;
	padding: 22px 30px 5px;
	color: white; 
	font-weight: bold; 
	font-size: 1.2em; 
	line-height: 1em;
	text-shadow: rgba(0,0,0,.4) 0px 2px 5px; /* Safari-only, but cool */
}
.boxbody {
	background: url(sbbody-l.gif) no-repeat bottom left;
	margin: 0;
	padding: 5px 30px 31px;
}



#banner {
		font-family:georgia, verdana, arial, sans-serif;
		color:#FCC;
		font-size:x-large;
		font-weight:bold;
		border-left:0px dotted #FFF;	
		border-right:0px dotted #FFF;  		
		border-top:0px dotted #FFF;  		
 background: url(img03.gif);        
padding:2px; 		  		  		 	 
		}

	#banner a,
        #banner a:link,
        #banner a:visited,
        #banner a:active,
        #banner a:hover {
		font-family:georgia, verdana, arial, sans-serif;
		font-size: x-large;
		font-weight: bold;
		color: #FFF;
		text-decoration: none;
		}
		
	.description {
		font-family:verdana, arial, sans-serif;
		color:#FFF;
		font-size:x-small;
		font-weight:bold;
  		background:;
  		text-transform:none;	
		}