/* mac hide\*/
html, body {height:100%}
/* end hide */
body {
	padding:0;
	margin:0;
	text-align:center;
	min-width:950px;/* for mozilla*/
	background-image: url(../images/bg_grad.jpg);
	background-repeat: repeat-x;
	background-color: #E4E0DB;
	color: #000000;
}

#outer{
	height:100%;
	min-height:100%;
	width:950px;
	color: #000000;
	text-align:left;
	margin:auto;
	position:relative;
	
	background: url(../images/bg_body.gif) repeat-y center center;
	position:relative;
}
 
html>body #outer{height:auto;} /*for mozilla as IE treats height as min-height anyway*/
#innerwrap {/* enables content first */
	float:left;
	width:950px;
}
#header{
	position:absolute;
	top:0;
	width:950px;
	height:221px;
	background-image: url(../images/bg_header.gif);
	background-position: bottom;
	background-repeat: no-repeat;
	overflow:hidden;
	color: #000000;
	z-index:100;
}



#left {
	position:relative;/*ie needs this to show float */
	width:0px;
	float:left;
	padding-top:221px;/*needed to make room for header*/
	padding-bottom:32px;/* needed to make room for footer */
}

#right {
	position:relative;/*ie needs this to show float */
	width:0px;
	float:right;
	padding-top:221px;/*needed to make room for header*/
	padding-bottom:32px;/* needed to make room for footer */
}

#footer {
	width:950px;
	clear:both;
	height:75px;
	background-color: #FF8080;
	background-image: url(../images/bg_footer.gif);
	background-position: top;
	background-repeat: no-repeat;
	background-color: #E4E0DB;	
	color: #4B6319;
	text-align:center;
	left:0;
	position: absolute;
	bottom: 0;
}


* html #footer {/*only ie gets this style*/
	\height:77px;/* for ie5 */
	he\ight:75px;/* for ie6 */
}
div,p  {margin-top:0}/*clear top margin for mozilla*/
#centre {
	width:950px;
	float:right;
	padding-top:221px;
	padding-bottom:32px;/* needed to make room for footer */
}
#centrecontent {
	padding: 0px 5px 0px 5px;
}


#clearfooter {width:100%;height:77px;clear:both} /* to clear footer */