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

#box { position: relative; top: 0; margin-left: auto; margin-right: auto; width: 70%; min-width: 780px; max-width: 1000px; height: 100%;
       background: #B7C2DF; _left: expression( (document.body.clientWidth - document.getElementById('box').clientWidth) / 2 );
       _width: expression( (document.body.clientWidth < 1430) ? ((document.body.clientWidth < 1114) ? '780px' : '70%' ) : '1000px'); overflow: visible; }
#btop { position: absolute; top: 0; left: 0; height: 164px; width: 100%; background: url('i/btop.jpg') center no-repeat; }
#bbot { position: absolute; bottom: 0; left: 0; height: 164px; width: 100%; background: url('i/bbot.jpg') center no-repeat; }
#lback { position: absolute; top: 0; left: 0; width: 5px; height: 100%; background: url('i/lback.gif') right center repeat-y; }
#rback { position: absolute; top: 0; right: 0; _right: -1px; width: 5px; height: 100%; background: url('i/rback.gif') right center repeat-y; }

#insider { position: relative; top: 0; left: 0; width: 100%; height: 100%; padding: 20px; -moz-box-sizing: border-box; box-sizing: border-box; overflow: visible; }

.ls { height: 99%; width: 7px; background: url('i/lbls.png') repeat-y; float: left; zoom: 1; -moz-box-sizing: border-box; box-sizing: border-box;
      filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='i/lbls.png',sizingMethod='scale'); _background-image: none; }
.rs { height: 99%; width: 7px; background: url('i/rbrs.png') right repeat-y; float: right; zoom: 1; -moz-box-sizing: border-box; box-sizing: border-box;
      filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='i/rbrs.png',sizingMethod='scale'); _background-image: none; }
.leftblock, .rightblock { overflow: visible; float: left; height: 100%; width: 188px; box-sizing: border-box; zoom: 1;
      -moz-box-sizing: border-box; }
.rightblock { float: right; }
.bs { float: left; height: 1%; width: 187px; background: url('i/lbbs.png') no-repeat; font: 1px;
      filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='i/lbbs.png',sizingMethod='scale'); _background-image: none; }
.whitebox { height: 99%; float: left; width: 180px; background: white; }
.block { position: relative; width: auto; min-height: 1px; _height: 1px; background: white; margin: 0 200px 20px 200px;
           -moz-box-sizing: border-box; box-sizing: border-box; }
.block strong { display: block; color: white; font-size: 14px; height: 23px; width: 100%; background: url('i/thback.gif') top repeat-x;
                  line-height: 19px; text-align: center; vertical-align: middle; }
.block table { width: 100%; font: 11px Arial, Helvetica, sans-serif; }
.block table th { background: #F0F0F8; border-bottom: 1px solid #B9C0DC; color: #4E504F; }
.block table th.b, .block table td.b { color: #3F6BB4; width: 40%; }
.block table td.b { text-align: left; }
.block table tr.even { background: #EDEEF3; }
.block table td { padding: 2px 5px; text-align: right; }
.block table td b { color: green; font-weight: normal; }
.block table td i { color: #CB4C33; font-style: normal; }

.block2 { position: relative; width: auto; margin: 0 200px 20px 200px; }
.block2 strong { font: bold 16px Arial, Helvatica, sans-serif; color: #3450A3; margin-bottom: 10px; }
.block2 span { display: block; width: 100%; background: url('i/b2br.gif') repeat; font: 11px Arial, Helvatica, sans-serif;
               padding: 2px; margin-bottom: 10px; }
.block2 span p { margin: 0;  padding: 2px; background: white; }
.block2 span p b { color: #D96D3C; display: block; }
.block2 span p i { color: #3D6D9D; font-style: normal; float: right; }

.smallblock { position: relative; width: auto; margin: 10px; font: normal 11px Arial, Helvatica, sans-serif; }
.smallblock strong { display: block; width: 100%; color: white; padding: 0 5px; font: normal 11px Arial, Helvatica, sans-serif;
                     background: url('i/sbback.gif') repeat-x; -moz-box-sizing: border-box; box-sizing: border-box; height: 16px; line-height: 13px;
                     vertical-align: middle; margin-bottom: 3px; }
.smallblock strong a { padding: 0 2px; color: white; text-decoration: none; float: right; }
.smallblock strong a span { position: absolute; display: none; }
.smallblock strong a:hover { background: #2F498E; }
.smallblock strong a:hover span { position: absolute; display: block; padding: 1px; width: 47px; _width: 52px; background: white;
                                  border: 1px solid #2F498E; white-space: nowrap; }
.smallblock strong a:hover span b { color: #2F498E; font-weight: normal; display: block; margin: 0; _width: 100%; padding: 0 2px; }
.smallblock strong a:hover span b:hover, .smallblock strong a:hover span b.over { background: #2F498E; color: white; cursor: pointer; }
.smallblock strong a img { border: 0; }
.smallblock b { color: #555; font-weight: normal; display: block; }
.smallblock i { color: #CB4C33; font-style: normal; float: right; }

.menu { margin: 0; padding: 0; text-align: right;  }
.menu a { display: block; padding: 3px 15px; height: 20px; color: #C26A4F; font: 11px Arial, Helvetica, sans-serif; text-decoration: none;
          -moz-box-sizing: border-box; box-sizing: border-box; }
.menu a:hover { background: url('i/msel.gif') bottom no-repeat; color: white; }
.menu a span { display: none; }
.menu a:hover span { position: absolute; left: 195px; width: 150px; height: auto; padding: 4px; color: white !important; z-index: 10;
                     background: url('i/back.gif'); border: 1px solid #233E83; -moz-opacity: .8; opacity: .8; filter: alpha(opacity=80);
                     _top: expression(parentNode.offsetTop + 24 - offsetHeight/2); display: block; }
.menu a:hover span b { display: block; padding: 3px 5px; color: white; _width: 100%; font-weight: normal; text-align: left; cursor: pointer; }
.menu a:hover span b:hover, .menu a:hover span b.over { color: #3251A2; background: white; }

#copyright { position: absolute; width: 188px; bottom: 50px; text-align: center; color: gray; font: 10px Arial, Helvetica, sans-serif; }