/* layout only */

body
{
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
}
#container
{
	width: 850px; /* this could be relative to the browser width */
	overflow: hidden; /* keeps bad html from breaking layout */
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	text-align: left; /* this overrides the text-align: center on the body element. */
}
#header
{
	height: 60px;
	z-index: 9999;
	border-bottom: 1px solid black;
	padding: 70px 20px 0 20px; /* matches the left alignment of the elements in the divs that appear beneath it. */
	margin: 0;
	position: relative;
}
#header h1
{
	text-indent: -9999px; /* an accessible search-engine friendly title goes in the header */
	outline: none;
	line-height: 1px;
	font-size: 0px;
	margin: 0;
	padding: 0;
}
#contentArea
{
	padding: 30px 25px;
	min-height: 400px;
	height: auto !important;
	height: 400px;
	position: relative; /*width:800px;*/
}
div.homeheader
{
	position: absolute;
	top: 0;
	left: 0;
	width: 850px;
	overflow: hidden;
}
#footer
{
	padding: 5px 0;
	margin: 0 auto;
	margin-top: -50px;
	overflow:hidden;	
	height:60px;
	position:relative;
	width: 860px;
}
#outerIframe
{
	width: 243px;
	height: 200px;
	overflow: hidden;
	z-index: 1;
}
.sidebar
{
	margin: -85px -25px 50px 0;
	padding: 0;
	width: 243px;
	float: right;
	display:none;	
	height: auto !important;
	height: 400px;
	min-height: 400px;
}
.content {
	width:100%;
	float:left;
	display:block;	
	margin-bottom:100px;
}