html, body { position: absolute; background: white; margin: 0; padding: 0; width: 100%; height: 100%; -moz-box-sizing: border-box; }

#box { position: absolute; left: 50%; margin-left: -450px; width: 900px; height: 100%;
       _height: expression(document.body.clientHeight < 500 ? '500px' : document.body.clientHeight);
       -moz-box-sizing: border-box; z-index: 5; overflow: visible; }
#bgleft, #bgright { position: absolute; top: 0px; min-height: 100%; _height: 100%; width: 51px; z-index: 100; }
#bgleft { left: 0; background: url('i/bleft.gif') repeat-y; }
#bgright { right: 0; background: url('i/bright.gif') repeat-y; }

#btmenu { position: absolute; left: 51px; top: 0px; height: 34px; width: 798px; background: url('i/btmenu.gif') repeat-x; z-index: 120; }
#btmenu ul { position: absolute; right: 12px; top: 2px; margin: 0; padding: 0; list-style: none; font: normal 12px Arial, Helvetica, sans-serif; }
#btmenu ul li { margin: 0; padding: 0; float: left; }
#btmenu ul li a { display: block; _display: inline; padding: 7px 15px; color: #597819; text-decoration: none; margin-left: 1px; margin-right: 1px; _height: 20px; }
#btmenu ul li a:hover { background: url('i/btitem.gif') repeat-x; border: 1px solid #7D8458; color: white; margin: 0; }

#btmenu ul li ul { visibility: hidden; position: absolute; background: white url('i/btsmenu.gif') repeat-x; top: 28px; border: 1px solid #C2C4AA; padding: 1px; right: auto; z-index: 120; width: 220px; }
#btmenu ul li:hover ul, #btmenu ul li.over ul { visibility: visible; }
#btmenu ul li ul li { float: none; _display: inline; width: 220px; padding: 1px; }
#btmenu ul li ul li a { display: block; color: #666; -moz-box-sizing: border-box; padding: 4px 10px; margin: 1px; _height: 20px; }
#btmenu ul li ul li a:hover { background: url('i/btsitem.gif') repeat-x; border: 1px solid #7D8458; margin: 0; _padding: 3px 9px 4px 10px; }


#btimage { position: absolute; left: 0px; top: 34px; height: 118px; width: 900px; background: url('i/btimage.gif'); z-index: 101; }
#btribbon { position: absolute; left: 0px; top: 39px; height: 54px; width: 100%; background: url('i/btribbon.gif') repeat-x; }
#btitle { position: absolute; left: 50%; margin-left: -450px; top: 152px; height: 70px; width: 900px; background: url('i/btitle.gif') repeat-x; }
#btitle span { position: absolute; padding-left: 65px; top: 4px; font: normal 24px Arial, Helvetica, sans-serif; color: #76A121; }

#brmenu { top: 185px; width: 250px; height: 100%; background: url('i/brmenu.gif') no-repeat; vertical-align: top; }
#brmenu div { width: 220px; float: right; font: bold 12px Arial, Helvetica, sans-serif; padding-top: 15px; }
#brmenu div ul { margin: 0; padding: 5px 0; list-style: none; font: normal 11px Arial, Helvetica, sans-serif; text-align: right; }
#brmenu div span { display: block; background: url('i/brmspan.gif') repeat-x; color: white; padding: 3px 5px; height: 21px; text-align: center; }
#brmenu div ul li { padding: 0; margin: 0; }
#brmenu div ul li span { padding: 1px 15px; background: none; color: #404836; text-align: right; }
#brmenu div ul li a { display: block; padding: 1px 15px; color: #404836; text-decoration: none; margin-bottom: 5px; }
#brmenu div ul li a:hover { background: #76A121; color: white; }

#bottom { height: 100%; margin-left: 49px; width: 800px; }
#bottom table { top: 0; padding-top: 185px; _padding: 0; _margin-top: 185px; bottom: 0; _height: expression( document.body.clientHeight - 185 ); -moz-box-sizing: border-box; }

#brmenu_box { top: 185px; width: 250px; height: 100%; _height: expression( document.body.clientHeight - 150 ); background: url('i/brmenu.gif') no-repeat; vertical-align: top; overflow: hidden; }
#brmenu_box h1 { position: relative; left: 0; top: 0; width: 20px; height: 20px; background: url('i/brshadowedge.gif') no-repeat; margin: 0; padding: 0; font-size: 1px; }
#brmenu_box div { width: 250px; float: right; height: 100%; font: bold 12px Arial, Helvetica, sans-serif; background: url('i/brshadow.gif') repeat-y; }
#brmenu_box div ul { margin: 0; margin-left: 30px; padding: 5px 0; list-style: none; font: normal 11px Arial, Helvetica, sans-serif; text-align: right; }
#brmenu_box div span { display: block; background: url('i/brmspan.gif') repeat-x; color: white; padding: 3px 5px; height: 21px; text-align: center; }
#brmenu_box div ul li { padding: 0; margin: 0; }
#brmenu_box div ul li span { padding: 1px 15px; background: none; color: #404836; text-align: right; }
#brmenu_box div ul li a { display: block; padding: 3px 15px; color: #404836; text-decoration: none; margin-bottom: 5px; }
#brmenu_box div ul li a:hover { background: #76A121; color: white; }

#bcopy { left: 0px; bottom: 0; height: 25px; width: 800px; background: url('i/bcopy.gif') repeat-x; }
#bcopy span { float: right; right: 10px; padding: 5px; font: normal 10px Arial, Helvetica, sans-serif; color: #666; }
#bcopy span b { font-weight: normal; color: black; }

#bboxes { left: 0px; height: 148px; width: 800px; bottom: 24px; background: url('i/bboxes.gif') repeat-x; font: normal 11px Arial, Helvetica, sans-serif; color: #666; }
#lbox { position: relative; left: 15px; top: 4px; width: 380px; float: left; }
#rbox { position: relative; right: 0px; top: 4px; width: 380px; float: right; }
#lbox b, #rbox b { color: 597819; font-size: 12px; font-weight: normal; }
#lbox br, #rbox br { line-height: 10px; }

#bbsplit { position: absolute; left: 453px; height: 149px; width: 4px; background: url('i/bbsplit.gif') repeat-x; }

#content { top: 0; padding: 15px; width: 520px; color: #666; height: 100%; font: normal 11px Arial, Helvetica, sans-serif; vertical-align: top; }
#content p, #content ul { margin: 5px; padding: 0; }
#content ul li { margin-left: 50px; }
#content a, #bboxes a { color: 597818; }
#content p { text-indent: 20px; line-height: 15px; }