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

#box { position: absolute; left: 50%; margin-left: -450px; width: 900px; _width: 901px; background: black url('i/header.jpg') top left no-repeat;
       height: 100%; min-height: 100%; border-left: 1px solid #5D3F3E; border-right: 1px solid #5D3F3E;
       _height: expression(document.body.clientHeight); font: 11px "Trebuchet MS", Trebuchet, sans-serif; overflow: hidden; }
#centerbox { position: absolute; left: 50%; margin-left: -450px; width: 900px; background: black url('i/entry.jpg') no-repeat;
       height: 700px; top: 50%; margin-top: -350px; border: 1px solid #5D3F3E; overflow: hidden; }

#leftflags { position: absolute; top: 350px; left: 0; margin-right: 10px; }
#rightflags { position: absolute; top: 350px; right: 0; margin-left: 10px; }
#leftflags a, #rightflags a { float: left; text-decoration: none; padding: 7px; }
#leftflags a img { border: 0; margin: 1px; }
#rightflags a img { border: 0; margin: 1px; }
#leftflags a:hover img, #rightflags a:hover img { border: 1px solid #DDD; margin: 0; }

#fillright { position: fixed; _position: absolute; left: 50%; margin-left: 451px; right: 0; _width: expression((document.body.clientWidth - 900) / 2 -1);
        height: 100%; _height: expression(document.getElementById('box').clientHeight); background: url('i/back.gif'); }
#fillleft { position: fixed; _position: absolute; right: 50%; margin-right: 451px; _margin-right: 452px;  left: 0; _width: expression((document.body.clientWidth - 900) / 2);
        height: 100%; _height: expression(document.getElementById('box').clientHeight); background: url('i/back.gif') right; }
#backright { position: fixed; _position: absolute; left: 50%; margin-left: 451px; right: 0; _width: expression((document.body.clientWidth - 900) / 2 -1);
        height: 100%; _height: expression(document.getElementById('box').clientHeight); background: url('i/backright.gif') repeat-y; }
#backleft { position: fixed; _position: absolute; right: 50%; margin-right: 450px; left: 0; _width: expression((document.body.clientWidth - 900) / 2);
        height: 100%; _height: expression(document.getElementById('box').clientHeight); background: url('i/backleft.gif') right repeat-y; }

#menu { position: absolute; display: block; left: 208px; top: -1px; list-style: none; margin: 0; padding: 0; }
#menu li { float: left; display: block; padding: 0 8px; padding-top: 50px; margin: 1px; }
#menu li a { color: white; text-decoration: none; }
#menu li span { display: none; list-style: none; margin: 0; padding: 0; margin-top: 5px; text-align: center; }
#menu li:hover, #menu li.over { background: #333; border: 1px solid white; filter: alpha(opacity = 30);
                   -moz-opacity: .5; opacity: .5; margin: 0; _white-space: nowrap; }
#menu li:hover span, #menu li.over span { display: block; -moz-opacity: 1; opacity: 1; filter: alpha(opacity = 100); _width: 1; }
#menu li:hover span a, #menu li.over span a { position: absolute; filter: alpha(opacity = 40); display: block; padding: 2px 5px; color: white;
           margin: 1; text-align: center; }
#menu li span br { line-height: 12px; }
#menu li:hover span a.cover, #menu li.over span a.cover { width: 902px; text-align: left; color: #DDD; left: -210px; padding-left: 0;
           background: #333; border: 1px solid white; -moz-opacity: .7; opacity: .7; margin: 0; _height: 1; }

.infopanel { float: left; width: 388px; height: 130px; background: url('i/infoback.gif') repeat; border: 1px solid #251F1F; margin: 40px 0 0 40px; _margin: 20px; }
.infopanel img { float: left; border: 1px solid #A28F8F; margin: 4px; margin-right: 15px; }
.infopanel span { padding: 15px; font: 10px Arial, Helvetica, sans-serif; color: white; display: block; }
.infopanel span b { color: #FFAF75; font-size: 14px; }
.infopanel span a { color: #D8BEBE; text-decoration: none; }
.infopanel span a:hover { color: #D8BEBE; text-decoration: underline; }