/* CSS Document */
/* LAYOUT */

html, body {
/* establish page height and background color, position */
	height: 100%;
	background-color: #5a4032;
	margin: 0;
	padding: 0;
}

#pagewrapper {
/* put in the background vertical graphic */
/* allow height to flex more than 100 percent */
	width: 956px;
	min-height: 100%;
	height: auto; /* for FF/Moz/Safari */
	_height: 100%; /* for IE */
	background-image: url(../images/bkg.png);
	background-repeat: repeat-y;
	margin: 0px auto;
	position: relative;
}

#pagecontent {
/* restrict content size */
	top: 0px;
	width: 850px;
	margin: 0px auto;
	text-align: left;
	background-color: #FFFFFF;
}

#masthead {
/* holds text above the green bar */
	width: 850px;
	margin: 0px auto;
	height: 220px;
}

#mainHeadline {
/* main headline div that appears in the green zone */
	margin-left: 266px;  
	height: 50px;
}

#navigation {
/* left nav container */
	width: 84px; 
	float: left; 
	padding: 105px 152px 15px 30px; 
}

#content {
/* restrict content size */
	margin: 4px 20px 20px 0;
	width: 490px;
    min-height:700px;
    /* fast hack for IE6's crappy css implementation */
    height:auto !important;
    height:700px;
	float: left;
}

#contentHome {
/* restrict content size */
	margin: 4px 20px 20px 0;
	width: 490px;
	float: left;
}

#footer {
/* below the content height */
	width: 850px;
	margin: 0px auto; 
	height: 30px;
	background-color: #FFFFFF;
	color: #55888B;
}