/* it is required that you set 100% on these before you start */
html, body { 
margin: 0; padding: 0; 
height: 100%; 
text-align: center; /* quirky IE center */
} 
/* everything gets nested in the container so it can be centered, and the height is calculated from this div because it will allways be as tall as the longest column + header + footer */
#wrapper { 
width: 800px; 
height: 100%; /* this acts like min-height, it will stretch past this if it has to.. */ 
margin: 0 auto; /* strict center */ 
text-align: left; /* reset text alignment */ 
} 

/* the clear is in so the footer gets it */ 
#header, #footer {width: 100%; clear: both;} 

#header 
{
height: 70px; 
border-top: 3px double black;
border-left: 3px double black; 
border-right: 3px double black;
background: #ffffff;
text-align: center;  
}
 
#footer 
{
height: 20px; 
text-align: center;
vertical-align: middle;
} 

#left, #right, #content { 
float: left; 
height:expression(wrapper.offsetHeight - 90 + "px"); /* header height + footer height = 90 */
} 

#left 
{
width: 150px; 
border-left: 3px double black;
border-bottom: 3px double black;
text-align: center;  
} 
#content 
{
width: 500px; 
border-bottom: 3px double black;
text-align: center;
} 
#right 
{
width: 150px; 
border-right: 3px double black;
border-bottom: 3px double black;
text-align: center;
} 

/* END OF STRUCTURE RELATED CSS */




/* BEGINNING OF TEXT CSS */
.copyright
{
	font-family: verdana;
	font-size: 11px;
	font-weight: bold;
	color: #000000;
}

.capfirst
{
	font-family: arial;
	text-transform: capitalize;
	color: #000000;
}

.big
{
	font-family: arial;
	font-size: 18px;
	font-weight: bold;
	color: #000000;
}

.norm
{
	font-family: arial;
	font-size: 12px;
	color: #000000;
}

.small
{
	font-family: arial;
	font-size: 10px;
	color: #000000;
}

.reallysmall
{
	font-family: arial;
	font-size: 9px;
	color: #000000;
}

.reallyreallysmall
{
	font-family: arial;
	font-size: 8px;
	color: #000000;
}

a:link
{
	color: #ffffff;
	text-decoration: none;
}


a:active
{
	color: #ffffff;
	text-decoration: none;
}

a:visited
{
	color: #ffffff;
	text-decoration: none;
}

a:hover
{
	color: #ffffff;
}

/* END OF TEXT CSS */