html, body { height: 100%; overflow: hidden; max-height: 100%; margin: 0; padding: 0; border-width: 0; }

/* width=navWidth */
#left { position: absolute; top: 0; left: 0; width: 150px; overflow: hidden; min-height: 100%; }
#logo_wrap { text-align: center; width: 100%; }
#logo { margin: 0 auto; }
/* padding-bottom=copyrightHeight */
#nav { text-align: left; padding-top: 30px; padding-bottom: 50px; padding-left: 10px; }
#copyright_wrap { text-align: center; position: absolute; bottom: 0; width: 100%; }
#copyright { margin: 0 auto; }

/* left=navWidth */
#main_wrap { position: fixed; top: 0; left: 150px; right: 0; bottom: 0; overflow: hidden; }
#main { position: relative; width: 100%; height: 100%; overflow: hidden; }
/* height=headerHeight */
#header_wrap { position: absolute; top: 0; left: 0; right: 0; height: 60px; overflow: hidden; }
#header { }
/* top=headerHeight, bottom=footerHeight */
#content_wrap { position: absolute; top: 60px; left: 0; right: 0; bottom: 0px; overflow: hidden; }
#content_wrap2 { width: 100%; height: 100%; overflow: auto; }
#content { }

* html #left { height: 100%; overflow: visible; }
* html #header_wrap { width: 100%; }
/* padding-left=navWidth */
* html #main_wrap { position: absolute; top: 0; left: 0; height: 100%; padding-left: 150px; }
/* padding-top=headerHeight, padding-bottom=footerHeight */
* html #content_wrap { position: absolute; top: 0; left: 0; height: 100%; padding-top: 60px; padding-bottom: 0px; }

/* padding, text-align, background */
body { background-color: #000080; background-image: none; }
#left { background: #000080 url(../img/Nav/NavBg.gif) repeat-y fixed; }
#logo { text-align: center; padding: 10px; }
#copyright { text-align: center; padding: 4px; }
#header_wrap { background-color: #000080; background-image: url(../img/Header/HeaderBg.gif); background-repeat: repeat-x; background-position: 0 bottom; }
#header { padding: 4px; }
#content_wrap2 { background: #5656d0 url(../img/PageBg.gif) repeat-y fixed 150px 0; }
#content { padding: 4px; }