body {margin: 0; padding: 0; background: #deded8; color: #111;}

body, td {font: 90% Arial, sans-serif;}



table, td {border-collapse: collapse; border-spacing: 0; border: 0;}

td, th {vertical-align:top; padding: 0;}

img {border: 0;}

.spacer {visibility: hidden; height: 1px;}



a {color: #336699;}

a:visited {color: #336699;}

a:hover {color: #cc0000;}



h1, h2, h3 {padding: 0; font-weight: normal;}

h1 {font-size: 180%; margin: 0 0 0.5em 0;}

h2 {font-size: 150%; margin: 1.6em 0 0.5em 0;}

h3 {font-size: 140%; margin: 1.7em 0 0.5em 0;}



p {margin: 0 0 1.2em 0;}



ul {margin: 0 0 1.2em 2em; padding: 0; list-style-type: none;}

ul.first {margin-top: 2em;}

ul li {margin: 0.5em 0 0.5em 10px; padding-left: 18px; background: url('../i/ul.gif') 0 0.7em no-repeat;}

ul.nb {margin: 0 0 1.2em 2em;}

ul.nb li {padding-left: 0; margin: 0.4em 0 0.4em 0; background: none;}

ul.sub {margin: 0 0 1.2em 0;}

ul.sub li {padding-left: 0; margin: 0.4em 0 0.4em 0.4em; background: none;}

ul li.selected, ul.nb li.selected, ul.sub li.selected {color: #111; font-weight: normal;}

ul.map {margin: 0 0 0 2em;}

ul.map li {padding: 0; margin: 0 0 1.2em 0; background: none; font-weight: bold;}

ul.map li ul {margin: 0 0 0.8em 0;}

ul.map li ul li {margin: 0.5em 0 0.5em 15px; font-weight: normal;}

ul.map li ul li ul {margin: 0 0 0.8em 0;}

ul.map li ul li ul li {margin: 0.3em 0 0.3em 15px; font-weight: normal; font-size: 80%;}

ol {margin: 0 0 1.2em 2em; padding: 0;}

ol li {margin: 0.5em 0 0.5em 30px;}



hr {height: 1px; border: 0; color: #bbb; background: #bbb; margin: 0 22px 1em 22px;}



table.layout {width: 100%; width: expression(document.body.clientWidth < 960? "960px" : document.body.clientWidth > 1600? "1600px" : "auto"); min-width: 960px; max-width: 1600px;}

table td.side {width: 25%;}

table td.main {width: 50%;}



div.paper {position: absolute; top: 0; left: 0; width: 900px; height: 514px; background: url('../i/paper.jpg') no-repeat left top;}

div.logo {position: absolute; top: 142px; left: 17px;}

div.logo-print {display: none;}

div.act-two {position: absolute; top: -246px; left: 0; width: 373px; height: 246px; background: url('../i/act-two.jpg') no-repeat left top; z-index: 2;}

div.typewriter {position: absolute; top: -465px; right: 0; width: 247px; height: 465px; background: url('../i/typewriter.jpg') no-repeat left top;}

div.copyright {margin: 0 0 35px 280px; position: relative; font-size: 85%;}

div.menu-icons {margin: 40px 0 20px 60px;}

div.menu-icons img {margin-right: 15px;}



div.l, div.mid, div.r, div.adv, div.r-adv, div.main-layout {position: relative;}

div.l {padding-bottom: 220px;}

div.adv {margin: 328px 60px 0 40px; font-size: 90%; z-index: 10;}

div.r-adv {margin: 40px 40px 300px 60px; font-size: 90%; z-index: 11;}

div.main-layout {margin: 328px 20px 220px 20px; z-index: 12;}

div.adv h2 {font-size: 180%;}

div.main {margin: 328px 0 0 0;}

div.menu {margin: 30px 40px 40px 60px;}

div.menu div.item {margin:  0 0 0.7em 0; font-size: 100%; /*font-weight: bold;*/}



tr.content td {height: 100%;}

tr.footer td {height: 50px; vertical-align: bottom;}



.rel {position: relative;}

.selected {color: #111; font-weight: bold;}



/* css, html - h4mpy */