html {padding: 0 0px}
body{line-height:12px; font:12px "Trebuchet MS", arial, sans-serif; color: #000; background:#EEE; margin: 0 0px; text-align:justify}


input {font: 11px "Trebuchet MS", Verdana, Arial, sans-serif; font-size-adjust: none} 
input:focus {outline:0}

div {overflow:hidden}

a{color:#22F; text-decoration:none}

h2{font-size: 160%;color: #555}

o {font-weight: 900; color:#000}

a {text-decoration:none; cursor:pointer; color:#88F}
a img{border-width:0px; height:30px}
a:hover{color:#00F; cursor:pointer}

address {font-size:100%; font-style:normal; margin:30px 20px; text-align:center; color:#EEE}

.panel {font-size:90%; position:absolute; color:#666; right:10px; top:0px; z-index:150}
.panel a{color:#CCC}
.panel a:hover{color:#FFF; text-decoration:underline}


.xapps {left:0px; height:25px; position:fixed; bottom:0px;  margin-bottom:0px; 
   border-top-style:solid; border-color:#EEE;  border-width:0px}

.icons {float:left; padding:0 0px; display:inline; margin-top:0px; width:40px} 
.icons a{text-align:center; color:#666; float:left; padding: 0 5px}
.icons a img{display:block; height:22px; padding: 0 5px; padding-top:2px}

.query {position:absolute; right:15%; top:125px; width:160px; overflow:hidden; text-align:center; color:#444;
 -moz-opacity:.9; opacity:.9; filter:alpha(opacity=90); z-index:300; padding-right:0px}

.input {background:transparent; background-image:url(/pub/icon/search.gif); background-repeat:no-repeat; font-size-adjust:none; height:20px; width:130px;
 border:0px; border-style:none; padding-left:6px; padding-right:20px; padding-top:3px}

.mdocs li {list-style-type: none; float:left; width:150px; padding:0px 5px}

.print li {list-style-type: none; float:left; padding:0px 5px}
.print p a{display:block}

.login {position:absolute; right:10px; color:#666}
.login a{color:#666}

.right {font-size:10px; width:100%; text-align:center; color:#444; bottom:10px; z-index:60; position:absolute}

.xboxF {position:absolute; color:#88F; border-width:1px; width:300px;
  border-color:#F90; border-style:solid; right:20px; bottom:30px; z-index:22; background:#FFB}
.xboxF div{line-height:16px; font-size:12px}

.xboxT {background:#F90; font-size:20px; line-height:24px; display:block; text-align:center; color:#FFF}

.xmenu {padding 0 0; margin:auto; width:800px; font-size:90%; line-height:110%}
.xmenu li {list-style-type: none; float: left}
.xmenu li b {color:#222; font-size:110%;}
.xmenu li a {cursor:pointer; color:#444;display:block;}
.xmenu li a:hover{color:#000}

#bachi {text-align:center; top:4%; margin-auto; width:100%; height:100%; left:0px; position:absolute; z-index:10}


p#popup {margin-top:0px; margin-bottom:5px; text-align:justify; color:#222; font-size:11px; line-height:100%}

div#container{width:750px; margin: 20px auto; text-align:left; background:#FFF; border-width:0px}

div#menu{width:100%; border-bottom:1px solid #DDD; color:#888; background: #EEE; padding-top: 2px; z-index:1; font-size:14px;}

ul#nav, ul#nav li{list-style-type:none;margin:0;padding:0}
ul#nav{padding-left:5px}
ul#nav li{float:left;width:149px;margin-right:2px;text-align: center}

ul#top li{list-style-type:none; float:left; width:149px; text-align: center; border-right:1px solid #888; color:#444}

ul#nav a{float:left;width:149px;text-decoration:none;background:#FFF; height:16px; color: #EEE}
ul#nav li.active a,ul#nav a{color:#222}
ul#nav a:hover{color: #00F}

div#content{width:90%; background:#FFF; padding-top:15px; margin:auto; text-align:justify}

div#footer{padding-top:5px;text-align: center;font-size: 90%;color: #00F}

.rtop,.rbottom{display:block}
.rtop *,.rbottom *{display:block;height: 1px;overflow: hidden}

.r1{margin: 0 5px}
.r2{margin: 0 3px}
.r3{margin: 0 2px}
.r4{margin: 0 1px;height: 2px}

.rs1{margin: 0 2px}
.rs2{margin: 0 1px}