* {margin:0;padding:0}

body {
	background:#ffffcc;
	color: #000000;
}
#outer{
	min-height:100%;
	margin-left:160px;
	background:#F8E7EC;
	border-left:1px solid #000;
	margin-bottom:-52px;
	color: #000000;
}

* html #outer{	height:100%} /*IE treats height as min-height anyway*/
#header{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:144px;
	border-top:1px solid #000;
	border-bottom:1px solid #000;
	overflow:hidden;/* fixed height so hide overflow*/
	background-color: #F8E7EC;
	text-align: center;
}

#navigation li	{ padding: 10px 0px 9px 15px; }


#left {
	float: left;
	position:relative; 
	width: 170px;   /*same as margin on outer */  
	margin-left: -169px; /*must be 1px less than width otherwise won't push footer down */   
	left:-1px;/* line it up exactly*/
	padding-top: 144px; /* space for header*/
}
#left {margin-right: -3px;}/* 3 px jog for ie (also fixes mozilla issue with float drop)*/
#left p {padding:3px;}
#footer {
	width:100%;
	clear:both;
	height:50px;
	border-top:1px solid #000;
	border-bottom:1px solid #000;
	background-color: #FF8080;
	color: #000000;
	text-align:center;
	position:relative;
	padding-top: 25px;
}

#clearfooter{clear:both;height:52px;}/*needed to make room for footer*/
#centrecontent {
	float:right; margin-top:20px;
	width:100%;
	position:relative;
	padding-top:144px;/* space for header*/
}
.outerwrap {
float: left;
width: 100%;
position:relative;
}

.box
{
margin: 20px 10px 10px 15px;
position:relative;
border: 2px ridge blue;
padding: 5px 20px 5px 20px;
font-family: arial, sans-serif;
color: #483d8b;
text-align: justify;
}

.smalltext{
font-family: arial, sans-serif;
text-align: center;
font-size: 10px;
 }
 
td {
font-size: 1.5em;
 } 
 
h2 {
text-align: center;

 }