html,body{ font-family: Calibri; font-size: 13px; padding: 0; margin:0; width: 100%; height: 100%; color: Black; cursor: default; background-color: #5E80A2;
}
html{ overflow: auto; overflow-y: auto; overflow-x: visible;
}
iframe{ width: 1px; height:1px; border:0; position: absolute; z-index: -10; top: -999px;
}
a{ color: black;
}
h1, h2, h3{ margin:0; padding:0;
}
form{ margin:0; padding:0;
}
ul,li{ margin:0; padding:0; list-style-type: none;
}
#page{ width: 900px; height: 840px; padding: 1px; margin: 0 auto; background: White url('/_img/background.jpg') no-repeat 1px 1px; border: 1px solid #3D505C; overflow: hidden;
}
#page #loading{ position: absolute; width: 600px; height: 500px; margin: 180px 0 0 300px; background: White url('/_img/background.jpg') -300px -180px no-repeat; z-index: 12;
}
#page #loading span{ display:block; font-size: 20px; font-weight: bold; color: #3A698E; padding: 300px 0 0 0; margin: -50px 0 0 0; text-align: center
}
#page #header{ width: 450px; height: 180px; padding: 0 0 0 450px;
}
#page #header a{ display:block; height: 61px; width: 134px; float:left; padding: 5px 0 0 30px; margin: 60px 0 0 30px; text-decoration: none; font-size: 20px; color: White; font-weight: bold; background: url('/_img/link.png') no-repeat;
}
#page #header a:hover{ /*color: #1B3750;*/ text-decoration: underline;
}
#page #menu{ width: 300px; height: 500px; float:left; overflow:hidden;
}
#page #menu div{ height: 35px;
}
#page #menu ul{ overflow: hidden;
}
#page #menu li{ width: 300px; height: 50px; margin: 30px 0 0 0; padding: 0 0 0 25px;
}
#page #menu li a{ position: relative; width: 205px; height: 45px; display:block; font-size: 16px; font-weight: bold; text-decoration: none; padding: 5px 0 0 95px; margin: -45px 0 0 -25px; z-index: 12; background-image: url(data:image/gif;base64,AAAA);
}
#page #menu li .ico{ display:block; width: 40px; height: 40px; margin: -45px 0 0 0px; position: relative; z-index: 10;
}
#page #menu li .over{ display:block; width: 40px; height: 40px; position: relative; visibility: hidden; z-index: 11; margin: -40px 0 0 0px;
}
#page #menu li .text{ display:block; height: 20px; padding: 20px 0 0 0; position: relative; z-index: 10; margin: -40px 0 0 70px; font-size: 13px;
}
#page #menu #li1 .ico{ background: url('/_img/icons.png') 0 0 no-repeat;
}
#page #menu #li1 .over{ background: url('/_img/icons.png') 0 -45px no-repeat;
}
#page #menu #li2 .ico{ background: url('/_img/icons.png') 0 -95px no-repeat;
}
#page #menu #li2 .over{ background: url('/_img/icons.png') 0 -135px no-repeat;
}
#page #menu #li3 .ico{ background: url('/_img/icons.png') 0 -185px no-repeat;
}
#page #menu #li3 .over{ background: url('/_img/icons.png') 0 -245px no-repeat;
}
#page #menu #li4 .ico{ background: url('/_img/icons.png') 0 -300px no-repeat;
}
#page #menu #li4 .over{ background: url('/_img/icons.png') 0 -360px no-repeat;
}
#page #menu #li5 .ico{ background: url('/_img/icons.png') 0 -420px no-repeat;
}
#page #menu #li5 .over{ background: url('/_img/icons.png') 0 -470px no-repeat;
}
#page #menu li .bck{ display:block; width: 100%; height: 50px; margin: 0 0 0 -25px; background-color: White; visibility: hidden; filter:alpha(opacity=60); -moz-opacity:.60; opacity:.60; z-index: 2;
}
#page #content{ width: 568px; height: 440px; padding: 30px 12px 30px 20px; float:left; color: #2C2C2C;
}
#page #content #title{ height: 45px; font-size: 20px; font-weight: bold; padding: 8px 0 0 10px; color: #1F4F72;
}
#page #content #scroll{ width: 558px; height: 390px; overflow:auto; margin: 0 0 0 10px; /*color: #333E48;*/
}
#page #content b{ color: Black;
}
#page #content #scroll img{ float:left; margin: 0 10px 10px 0; border:0;
}
#page #content #scroll p{ text-align: justify; margin:0; padding:0 0 10px 0;
}
#page #content #scroll .l p{ text-align: left;
}
#page #content #scroll div{ clear:left; width: 96%;
}
#page #content #scroll .custom_scroll_v, #page #content #scroll .custom_scroll_v div, #page #content #scroll .custom_scroll_content{ clear:none; width: auto;
}
#page #content #scroll h2{ height: 33px; padding: 12px 0 0 0; font-size: 20px; color: #333E48; clear:left;
}
#page #content #scroll div span{ width: 50%; float: left;
}
#page #content #scroll div .right{ text-align: right;
}
#page #content #scroll div ul li{ padding: 5px 0 0 30px; background: url('/_img/li.png') 0 5px no-repeat;
}
.clear{ clear:both; float:none; width: 100%; height:1px; font-size: 1px; line-height: 1px; margin: -1px 0 0 0;
}