/* CSS Document */
/* LAYOUT */

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

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

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

#utility {
/* company and contact information */
	width: 720px;
	margin: 0px auto; 
	height: 35px; 
	background-color: #00446A;
}

#spacer {
	width: 720px;
	margin: 0px auto; 
	height: 2px; 
	background-color: #FFFFFF;
}

#masthead {
	width: 720px;
	margin: 0px auto;
	height: 185px;
}

#mainnavwrapper {
/* background for the main nav so it fills to the left */
	width: 720px;
	margin: 0px auto; 
	height: 22px; 
	background-color: #00446A;
}

#mainnav {
/* main navigation */
/* p7 */
	top: 224px;
	width: 517px;
	height: 17px;
	background-color: #00446A;
	float: left;
	margin-left: 203px;
	position: absolute;
	z-index: 12;
}

#maincontent {
/* this is the main content zone, right of the offer */
	width: 500px;
	float: left;
}

#footerspacer {
	width: 720px;
	margin: 0px auto; 
	height: 8px; 
	background-color: #00446A;
	background-image: url(../images/bkg_footerSpacer.gif);
	background-repeat: repeat-x;
}

#footer {
	width: 720px;
	margin: 0px auto; 
	height: 60px; 
	background-color: #00446A;
}