body {
	min-width: 800px;
	max-width: 1024px;
	margin: 0 auto;
	background-color: #2B6149;
	background-image: url(../images/bgcolor.png);
}

body .l, body .r {
	position: absolute;
	margin: 0 auto;
	min-width: 800px;
	max-width: 1024px;
	width: 100%;
	height: 100%;
}

body .l	{ background: #FFF url(../images/curve_ml.png) top left repeat-y; }

body .r	{ background: url(../images/curve_mr.png) top right repeat-y; }

#body {
	background-color: #FFFFFF;
	min-width: 800px;
	max-width: 1024px;
	width: 100%;
	margin: 0 auto;
	width: expression(document.body.clientWidth < 800? "800px": "auto" );
}
#body .ml	{ background: url(../images/curve_ml.png) center left repeat-y; }
#body .tl { background: url(../images/curve_tl.png) top left no-repeat; }
#body .mr	{ background: url(../images/curve_mr.png) center right repeat-y; }
#body .tr {
	height: 100%;
	padding: 20px 43px;
	text-align: left;
	background: url(../images/curve_tr.png) top right no-repeat;
}
#body, #body * { zoom: 1; }