body { background: #fff url("/files/img/bg.gif") no-repeat top left; } 

#main { width: 900px; }
#printheader { display: none; }
#leftarea   { margin-top: 110px; border: 0px solid blue; height: 200px; width: 470px; float: left; margin-left: 210px; }
#rightarea { margin-top: 140px; border: 0px solid red; width: 200px; float: right; background: #fff url("/files/img/bgmt.gif") no-repeat top left; }
#rightarea #fadebg { height: 124px; background: url("/files/img/bgmb.gif") no-repeat bottom left; }

#tags { margin: 40px 15px 0px 7px; }
#tags ul { padding: 0px 0px 0px 20px; list-style-type: square; }
#tags ul ul { padding: 0px 0px 5px 12px; }
#fnctags ul { padding: 20px 0px 0px 27px; list-style-type: square; }
#fnctags ul ul { padding: 0px 0px 0px 12px; }
#rightarea .lvl0 a { font-size: 13px; font-weight: bold; }
#rightarea .lvl1 a { font-size: 12px; font-weight: normal; }
#rightarea .lvl2 a { font-size: 11px; }
#rightarea a { color: #55e; text-decoration: none; }
#rightarea a:hover { color: #5b5; text-decoration: underline; }
#rightarea li.hit div.hit a { color: #f60; }
#rightarea #fnctags { color: #ccc; }
#rightarea #fnctags li a { color: #999; font-weight: normal; }

#article { border-bottom: 1px solid #999; margin: 15px 0px 50px 0px; padding-bottom: 100px; width: 470px; position: relative; }
#article ol { padding: 10px 0px 0px 30px; list-style-type: decimal; }
#article ol ol { padding: 10px 0px 0px 30px; list-style-type: lower-alpha; }
#article ol  li { padding-bottom: 10px;  }
#article ul { padding: 5px 0px 10px 25px; list-style-type: square; }
#article ul ul { padding: 0px 0px 0px 20px; list-style-type: square; }
#article ul  li { padding-bottom: 4px;  }
#article p { margin-bottom: 10px; text-indent: 15px; }
#article .ph { float: right; border: 1px solid #ccc; padding: 3px; margin: 0px 0px 10px 5px; }
#article .ph img { display: block; width: 140px; border: 1px solid #999; }
#article .ph i { font-style: normal; font-size: 9px; display: block; text-align: center; width: 140px; }
#article .phwide .ph  i,
#article .phwide .ph  img { width: 340px; }
#article .phwide  { clear: both; border: 0px solid red; position: relative; left: 50%; }
#article .phwide .ph { right: 40%; float: left; }

.rem { padding: 10px 15px; font-weight: bold; border: 1px solid #eee; background: #f5f5f5; margin-bottom: 10px; }
.rem b { color: #f00; }
.quote { padding: 5px 10px; border: 1px solid #eee; margin-bottom: 10px; }
.quote i { display: block; padding-top: 5px; }

body #docname { color: #f00; font-size: 150%; font-weight: normal; }
sup { color: #999; font-size: 9px;}
.indent { line-height: 150%; }


#tohome,
#toarticles,
#toportfolio,
#tocontacts { display: block; position: absolute; width: 10px; height: 10px; border: 0px solid red; }

#tohome { top: 53px; left: 23px; width: 130px; height: 50px; }
#toarticles { top: 257px; left: 70px; width: 90px; height: 20px; }
#toportfolio { top: 287px; left: 66px; width: 90px; height: 20px; }
#tocontacts { top: 317px; left: 63px; width: 90px; height: 20px; }

#article .pathline { border-top: 1px dashed #ccc; border-bottom: 1px dashed #888; clear: both; margin-bottom: 10px; padding: 0px 0px 3px 0px; }
#article .pathline ul { list-style-type: none; padding: 0px; margin: 0px; }
#article .pathline ul li { color: #777; font-size: 10px; letter-spacing: -1px; font-family: Arial; line-height: 100%; display: block; float: left; padding: 0px; margin: 0px 5px 0px 0px; white-space: nowrap; }
#article .pathline ul li a { color: #77d; padding: 0px 5px 0px 0px; text-decoration: none; }
