/* CSS Document */
/* LAYOUT */

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

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

#utility {
	width: 719px;
	margin: 0px auto; 
	height: 27px; /* 143 = 27 + 116 when adding a banner! */
	background-color: #CCCC99;
}

#masthead {
	width: 719px;
	margin: 0px auto;
	height: 205px;
	background-color: #E8E8D2;
}

#mainnav {
	/* floats over the background image - beware of flash files */
	position: absolute;
	float: left;
	margin-left: 22px;
	top: 47px; /* 163 = 27 + 136 when adding a banner! */
	height: 208px;
	z-index: 10;
}

#logo {
	width: 719px;
	margin: 0px auto; 
	height: 80px; 
	background-color: #E8E8D2;
}

#pagecontent {
/* restrict content size */
/* content goes in a 3-col table because it varies so much */
	top: 0px;
	width: 719px;
	margin: 0px 28px;
}

#footer {
/* make it float at the bottom */
	width: 719px;
	margin: 0px 28px; 
	height: 17px; 
	background-color: #E8E8D2;
	bottom: 0px;
	position: absolute;
}

.footer {
/* make it float at the bottom */
	background-color: #E8E8D2;
	height: 37px;

}

#nuggetInside {
	margin: 10px auto;
}

#boxScreen {
	padding:10px; background-color:#E8E8D2;
}