html, body { background: url('i/bck.gif') right repeat; left: 0; top: 0; margin: 0; padding: 0; width: 100%; height: 100%; }

#box { position: absolute; width: 800px; _height: expression(document.body.clientHeight); min-height: 100%; left: 50%; margin-left: -400px; background: white url('i/blmenu.gif') left repeat-y; font: 11px "Trebuchet MS", Trebuchet, sans-serif; }
#backright { position: fixed; _position: absolute; left: 50%; margin-left: 401px; right: 0; _width: expression((document.body.clientWidth - 800) / 2 -1);
        height: 100%; _height: expression(document.getElementById('box').clientHeight); background: url('i/bright.gif') repeat-y; }
#backleft { position: fixed; _position: absolute; right: 50%; margin-right: 400px; left: 0; _width: expression((document.body.clientWidth - 800) / 2);
        height: 100%; _height: expression(document.getElementById('box').clientHeight); background: url('i/bleft.gif') right repeat-y; }
#head { position: absolute; left: 0; top: 0; width: 844px; z-index: 20; }

#menuholder { position: absolute; top: 0; left: 0; width: 221px; margin-top: 125px; z-index: 10; }
#menuholder a { margin-left: 5px; margin-right: 6px; display: block; color: #3B6391; cursor: pointer; cursor: hand; padding: 3px 5px; text-decoration: none; height: 20px; }
#menuholder a:hover { color: white; background: url('i/blmitem.gif') repeat-x; padding-top: 2px; padding-bottom: 4px; padding-left: 4px; }

#content { position: relative; margin-top: 120px; margin-left: 250px; width: 530px; color: #185192; -moz-box-sizing: border-box; z-index: 10; }
#content h1 { font-size: 24px; }
#content p { text-indent: 20px; }

#copyright { position: absolute; bottom: 0; left: 0; background: url('i/bshadow.gif') no-repeat; height: 451px; width: 844px; z-index: 1; }
#copyright span { position: absolute; display: block; float: left; bottom: 10px; width: 220px; text-align: center; color: #185192; }