@charset "UTF-8";
/* CSS Document */

/* HOME PAGE layout */

body {
	background-color: #dddfd2;
	background-image: url(../images/bkg_home.gif);
	background-repeat: repeat-x;
	margin: 20px 15%;
	padding: 0;
}
/* this is the entire page */
#pagewrapper {
	width: 876px;
	margin: 0 20px;
	padding: 0;
	background-color: #FFFFFF;
	background-image: url(../images/gr_6pattern.gif);
	position: relative;
	z-index:1;
}
/* this is the content edge/border container */
#contentwrapper {
	width: 867px;
	margin: 0;
	padding: 0;
	background-color: #514f26;
	border-right: 2px solid #a9ab95;
	background-image: url(../images/bkg_homeContent.gif);
	background-repeat: no-repeat;
	position: relative;
	z-index:2;
}

#masthead {
	width: 876px;
	margin: 0;
	padding: 0;
	height: 279px;
	/* now, the top, right notch needs to be cut out */
	background-image: url(../images/bkg_maskRight.gif);
	background-position: top right;
	background-repeat: no-repeat;
}
#navigation {
	width: 452px;
	margin: 0;
	padding: 0;
	height: 58px;
	position: relative;
	z-index:1000;
}
#content {
	width: 867px;
	margin: 0;
	padding: 0;
	/* min-height:400px;  will not work in Mac IE */
	
}
#footer {
	width: 867px;
	margin: 0;
	padding: 1px 0;
	background-color: #3c391a;
}
/* explicitly set the cushon to allow the bkg pattern to show */
#bottom {
	width: 867px;
	height: 9px;
	
}