/* white */
#page_bg {
	background: #fff;
}
/*the wrapper file has the shadow going down the left and right sides.  it doesn't have a top or bottom because of the overlapping
header and footer*/
div#wrapper {
/*this objects dimensions are 11 x 78 */
		background: #660000 url(../images/white/mw_shadow_l.png) 0 0 repeat-y;
}
/*this wrapper_r is the right side shadow image png along the right side of the middle container loc:  index line 37  it has nearly the same
size and border presence as wrapper but it is nested in wrapper.  the color you see is not wrappers color it is wrapper_r.*/
div#wrapper_r {
/*this objects dimensions are 11 x 78 */
	background: url(../images/white/mw_shadow_r.png) 100% 0 repeat-y;
	/*mystuff*/
	margin-left: 10px;/*need a margin because the fill color was blocking the wrapper_l image on the overall wrapper container*/
	background-color:#660000;
}
/*this header div is the container for the logo image and its contents inde 38 white_bg 14  the header id contains the 
header logo fill area complete with gradient and customized top and bottom boarders

The header object and all other objects that collaborate to create a seamless image were probably first created on a graphic program
and then divided and named as parts in order to add to the div objects and stretch using percentages*/
div#header {
/*this objects dimensions are 36 x 129 */
	background: url(../images/white/mw_header_t2.png) 0 0 repeat-x;
	/*border: 2px solid #CCC;*/
	margin-left:11px;
	margin-right:20px;
}
/*contains the left side header image for the rounded look white_bg line 21 index 40*/
div#header_l {
/*this objects dimensions are 37 x 115 */
	background: url(../images/white/mw_header_t_l2.png) 0 0 no-repeat;
}
/*contains the right side header image for the rounded look white_bg line 26  index 40*/
div#header_r {
/*this objects dimensions are 37 x 115 */
	background: url(../images/white/mw_header_t_r2.png) 100% 0 no-repeat;
}

/*stretch shorthand dimensions height is first and width is secong so on this label there is a 0 and a 100% this stretches the object
0 height and 100% width*/
div#footer {
/*this objects dimensions are 90 x 57 */
	background: #f7f7f7 url(../images/white/mw_footer_b.png) 0 100% repeat-x;
}

div#footer_l {
/*this objects dimensions are 40 x 57 */
	background: url(../images/white/mw_footer_b_l.png) 0 0 no-repeat;
}

div#footer_r {
/*this objects dimensions are 40 x 57 */
	background: url(../images/white/mw_footer_b_r.png) 100% 0 no-repeat;
}