Alright, I think this should work! http://i.imgur.com/J67c1yL.png

I did tweak the positioning a bit so if that looks good to you, please use this code for the header:

<center><div width="700px;"> <div style="background-color: #f7f7f7; background-image: url(http://i.imgur.com/UI1nbAy.png),url(http://i.imgur.com/QM3ZOSN.png); background-position: top left, bottom left; background-repeat: no-repeat, no-repeat; background-size: 750px 243px, 600px 400px; width: 750px; height: 570px; box-shadow: 5px 5px 5px #ccc; border: solid 1px #262626; padding: 0px; text-align: left; vertical-align: top; position: relative: z-index: 1; margin-bottom: 30px;"> <div style="background: #df3f3f; width: 750px; height: 38px; position: relative; z-index: 50; top: -36px; left: 0px; text-align: center; font: bolder 54px arial black, arial, sans-serif; color: #262626; letter-spacing: 0.01em; font-style: italic; vertical-align: top; border-bottom: solid 6px #262626; text-shadow: none; line-height: 36px;">STATUS</div> <div style="padding: 0px; height: 521px; width: 750px; overflow-y: visible; overflow: hidden; position: relative; z-index: 100; top: -67px; left: 0px; float: left; background-image: url(http://i.imgur.com/J67c1yL.png); background-position: bottom right; background-repeat: no-repeat;"> <!-- END HEADER-->