body {
	height: 100%;
	margin: 0;
	min-width: 810px;
	padding: 0;
	background: #000;
	}

#offset-container
{
	position:absolute;
	width: 100%;
	height: 100%;
	top: 50%;
	height: 602px;
	margin-top: -300px;
}

#main-container {
	border: 1px solid #999999;
	width: 810px;
	margin: 0px auto;
	height: 600px;
	background: #FFF;
}

.clear {
	clear:both;
}

/* HEADER
----------------- */
#headerwrap {
	height: 114px;
	}
	
#header {
	height: 114px;
	margin: 0 auto;
	width: 810px;
	}
	
h1 {
	background: url(../images/logo.jpg) no-repeat;
	height: 114px;
	float: left;
	margin: 0;
	padding: 0;
	text-indent: -9999px;
	width: 258px;
	}
	
/* NAVIGATION
---------------------- */
#navigation {
	background: url(../images/navigationbackground.jpg) no-repeat;
	float: right;
	height: 114px;
	width: 552px;
	}
	
/* MIDDLE WRAP
------------------------ */
/* set a left margin to compensate for IE/Win always making room for a scrollbar */
#middlewrap {	
	clear: both;
	}
	
#container {
	margin: 0 auto;
	width: 810px;
	}

/* SIDEBAR
----------------- */
#sidebar {
	display: block;
	float: left;
	height: 486px;
	width: 258px;
	}

/* CONTENT
------------------ */
#content {
	overflow:scroll;
	overflow-y: auto;
	overflow-x: hidden;
	height: 404px;
	padding: 0 0px;
	font-family: Trebuchet MS;
	font-size: 8pt;
	color: #424242;
	line-height: 13px;
	background: url(../images/bottom.gif) bottom right no-repeat;
}

#content-text {
	padding: 0px 13px 0px 20px;
}

#content-text li {
	list-style-type: image;
	list-style-image: url(../images/bullet.gif);
	margin-left: -25px;
	margin-bottom: 4px;
}

#content-heading {
	height: 82px;
	position: relative;
	top: 16px;
	left: 19px;	
}

#content-container {
	float: left;
	height: 404px;
	width: 552px;
	background: url(../images/contentbackground.gif) no-repeat;
}