html, body {height:100%}
body {
	padding:0;
	margin:0;
	background:#ffffff url(images/leftbg.jpg) repeat-y left top;
	color: #000000;
}
#outer{
	height:100%;
	min-height:100%;
	margin-left:200px;
	/*margin-right:156px;*/
	background:#FFF;
	/*border-left:1px solid #000;
	border-right:1px solid #000;
	margin-bottom:-50px;*/
	color: #000000;
}
html>body #outer{height:auto;} /*for mozilla as IE treats height as min-height anyway*/

#header{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:75px;
	background:#333399 url(images/header.jpg);
	background-repeat: repeat-x;
	/*border-top:1px solid #000;
	border-bottom:3px solid #FFF;*/
	overflow:hidden;
	color: #000000;
}

#left {
	position:relative;
	width:201px;
	height:100%;
	float:left;
	margin-left:-200px;
	padding-top:75px;

}
* html #left {margin-right:-3px;}/*fix gap in ie next to float and clear footer because we've moved float too far left*/
#left p {padding-left:3px;padding-right:2px}



#clearheader{height:75px;}/*needed to make room for header*/

div,p {margin-top:0}/*clear top margin for mozilla*/
* html #centrecontent {height:1%;margin-bottom:1px}/* combat IE's 3 pixel jog */
#centrecontent {
	padding-top:20px;
	padding-right: 20px;
	padding-bottom: 20px;

}
#centrecontent2 {
	background-image: url(images/front1.jpg);
	background-repeat: no-repeat;
	background-position: center center;
}