/* Think of the five non-mainstage-content framing divs as different parts of an oreo cookie, with the lowest part of the oreo (exterior of the bottom dark part of the oreo, bottom here being the part that would lie against a table the oreo was on) having the lowest z-index and thus being the part that would be overridden by things with a higher z-index. The background for the mainstage content would be the lower part of the filling, and the mainstage content itself would be the upper part of the filling. The interior of the bottom part of the oreo and the interior and exterior parts of the upper part of the cookie would have overflow set to hidden. The interior of the bottom part of the oreo and the interior of the uppart of the oreo would move upward when the mainstage would move upward. The div of the interior of the bottom part would have an inner div that would have a background image, and this inner dive would move downards in the exact amount that the outer div would move upwards. Since this would be the one below the mainstage background, the effect would be that the area to the right and left of mainstage area appearing to be over the background image would appear to stay in the same place even as the mainstage background area appeared to go further into the background image area. The interior part of the top part of the oreo would move up in tandem with the moving up of the mainstage background area, and it would also have an inner div with the same background image, and this inner div would also move downwards in the same amount that the outer div would move upward, giving the appearance of the background image not moving at all. The total effect would be that the background image would appear to stay in place even while the mainstage background area would be to move upwards over the background image. */


/* #hdr_bckgrnd_fxd_lvl1, */
#pgframing_oreobottom_exterior {
	background-image: 
	url("/images/page-and-header-background/header-banner-lower-level-200x1000.jpg");
	position: fixed;
	width:100%;
	min-width: 1020px;
	height: 1000px;
	z-index: 4;
	background-repeat: repeat-x;
	top: 0;
	left: 0;
}

/* #hdr_bckgrnd_fxd_lvl5, */
#pgframing_oreobottom_interior {
	position: fixed;
	left: 0;
	top: 0;
	transform: translate3d(0, 196px, 0);
	width: 100%;
	height: 265px;
	min-width: 1020px;
	overflow: hidden;
	z-index: 5;}

/* #hdr_bckgrnd_fxd_lvl5_rel, */
#pgframing_oreobottom_interior_reverse_offset {
	background-image: 
	url("/images/page-and-header-background/header-banner-3500x265.jpg");
	position: relative;
	background-repeat-x: repeat;
	left: 0;
	top: 0;
	transform: translate3d(0, -196px, 0);
	height: 265px;
	min-width: 1020px;
}


/* #hdr_bckgrnd_fxd_lvl6, */
#pgframing_oreofilling_bottom_mainstage_background {
	position: fixed;
	min-width: 1020px;
	z-index: 6;
	height: 1000px;
	left: 0;
	right: 0;
	top: 0;
	transform: translate3d(0, 196px, 0);	
	margin-left: auto;
	margin-right: auto;
	box-sizing: border-box;
	padding-left: 20px;
	padding-right: 20px;
}

/* #hdr_bckgrnd_fxd_lvl6_wrap, */
#pgframing_oreofilling_bottom_mainstage_background_wrap {
	width: 100%;
	position: relative;
}

/* #hdr_bckgrnd_fxd_lvl6_svg, */
#pgframing_oreofilling_bottom_mainstage_background_svg {
	position: absolute;
}


/* #frgrnd_mnstg_wrap, */
#pgframing_oreofilling_top_mainstage_content_wrap {
	width: 100%;
	position: relative;
	z-index: 7;
}	
	
/* #frgrnd_mnstg_liner, */
#pgframing_oreofilling_top_mainstage_content_container {
	position: relative;
	left: 0;
	right: 0;
	margin-left: auto;
	margin-right: auto;
	box-sizing: border-box;
	padding-left: 20px;
	padding-right: 20px;
	min-width: 1020px;
	z-index: 3;
	min-height: 196px;
}

/* #hdr_bckgrnd_fxd_lvl4, */
#pgframing_oreotop_interior {
	position: fixed;
	left: 0;
	top: 0;
	transform: translate3d(0, 30px, 0);
	width: 100%;
	height: 166px;
	min-width: 1020px;
	overflow: hidden;
	z-index: 10;
}

/* #hdr_bckgrnd_fxd_lvl4_rel, */
#pgframing_oreotop_interior_reverse_offset {
	background-image: 
	url("/images/page-and-header-background/header-banner-3500x265.jpg");
	position: relative;
	left: 0;
	top: 0;
	transform: translate3d(0, -30px, 0);
	height: 265px;
	min-width: 1020px;}



/* #hdr_bckgrnd_fxd_lvl2, */
#pgframing_oreotop_exterior {
	background-image: 
	url("/images/page-and-header-background/header-banner-lower-level-200x1000.jpg");
	position: fixed;
	width:100%;
	min-width: 1020px;
	height: 30px;
	z-index: 13;
	background-repeat: repeat-x;
	overflow: hidden;
	top: 0;
	left: 0;}
	

/* #hdr_bckgrnd_fxd_lvl3 {
	display: none;
	position: absolute;
	top: 30px;
	left: 0; */
	/*	background-image: url("/images/hm_hdrbnnr2.jpg"); */ 
/*	width: 100%;
	height: 84px;
	min-width: 1020px;
	overflow: hidden;
	z-index: 9;
}

#hdr_bckgrnd_fxd_lvl3_rel {
	background-image: 
	url("/images/page-and-header-background/header-banner-3500x265.jpg");
	position: relative;
	top: -114px;
	left: 0;
	width: 100%;
	height: 265px;
	min-width: 1020px;
} */








/* #foreground_vertical_buffer, */
#mainstage_vertical_buffer {
	height: 196px;
	width: 100%;
}


/*
#frgrnd_mnstg_liner {
	display: grid;
	grid-template-rows: 196px auto 125px;
	grid-template-columns: auto;}
*/