body, html {
	margin: 0;
	padding: 0;
	text-align: center;
	background: #dde6ea url(../images/tilebg2.png) repeat-y 50% 0%;
}

/* position:absolute for all browsers - the whole page scrolls */
.headerwrap {
	position: fixed;
	_position: absolute;
	width: 100%;
	top: 0;
	left: 0;
	height: 125px;

	z-index: 50;
}

.header {
	height: 125px;
	width: 800px;
	margin: 0 auto;
	text-align: left;
}


/* set a left margin to compensate for IE/Win always making room for a scrollbar */
.middlewrap {
/* set left margin and bottom padding for IE5/Win */
	padding: 125px 0 32px 0;
	margin-left: 0;
	_margin-left: 18px;
}

.middle {
	width: 800px;
	margin: 0 auto;
	text-align: left;
}

/* middle left panel and content */
.midleftpanel {
	float: left;
	margin: 0;
	padding: 0;
	width: 500px;

	background-color: #fff;
}

.midleftpanelcontent {
	position: relative;
	padding: 0;
	text-align: left;
	margin: 0;
	height: 2000px;
}

.midleftpanelcontent div {
	border: 0;
	padding: 0;
	margin: 0;
}

.midleftpanelcontent a {
	border: 0;
	padding: 0;
	margin: 0;
	text-decoration: none;
}

.midleftpanelcontent img {
	border: 0;
	margin: 0;
}

.spacer {
	height: 600px;
}


/* middle right panel and content */
.midrightpanel {
	float: left;
	margin: 0;
	padding: 0;
	width: 300px;
}

.midrightpanelcontent {
	padding: 0;
	text-align: left;
}

.midrightpanelcontent img {
	position: relative;
	top: 0;
	left: 0;
}


/* no positioning for IE5/Win - the whole page scrolls */
.footerwrap {
	width: 100%;
	position: fixed;
	_position: absolute;
	bottom: 0;
	left: 0;
	height: 32px;

	z-index: 50;
}

.footer {
	height: 32px;
	width: 800px;
	margin: 0 auto;
	background-color: #fff;
	text-align: left;
}

.footerwrap img {
	position: absolute;
	margin: 0;
	padding: 0;
	bottom: 0;
}

.cleardiv {
	clear: left;
	margin: 0;
	padding: 0;
	height: 0;
}