* { margin: 0; padding: 0; }
a { color: #36c; }
a:hover { color: #06f; }
body { background: #787878 url(back.png) repeat; color: #333; font: normal 70% arial,sans-serif; margin: 0; }
input { color: #555; font: normal 1.1em arial,sans-serif; }
p, cite, code, ul { font-size: 1.2em; padding-bottom: 1.2em; text-align: justify; }
h1,h2,h3,h4 { color: #367ea6; padding-top: 6px; }

.clearer { clear: both; }
.container { background: #fff; margin: 0 auto; padding-bottom: 6px; width: 767px; border-bottom: 1px solid #ddd; }
.header { background: url(logo.png); }
.title div { color: #ff0000; font: bold 4em arial, sans-serif; height: 150px; line-height: 150px; margin-bottom: 8px; text-align: center; }

.navigation { margin-bottom: 4px; }
.navigation a { background-color: #4a91c3; color: #fff; float: left; font: bold 1.2em arial,sans-serif; padding: 8px 0; width: 19%; border-right: 1px solid #fff; text-align: center; text-decoration: none; }
.navigation a:hover { background-color: #000; color: #fff; }
.main { clear: both; padding: 8px 18px; }

.content { float: right; width: 520px; }
.content .item { padding: 6px 12px; border: 1px solid #eee; background: #fff; margin-bottom: 8px; }
.content .descr { color: #333; margin-bottom: 6px; }

.topnavigation { background: #f0f0f0; }

.sidenavigation div, .sidenavigation ul { padding-left: 12px; }
.sidenavigation { background: #eee; border: 1px solid #e5e5e5; float: left; width: 200px; }
.sidenavigation div { color: #666; font-size: 1.2em; height: 20px; margin-top: 1.2em; }
.sidenavigation ul { border-top: 1px solid #fafafa; background: #eee margin: 0; padding: 0; }
.sidenavigation li { border: 1px solid #fafafa; border-top: none; list-style: none; margin: 0; }
.sidenavigation li a { color: #333; display: block; font-size: 0.9em; padding: 3px 6px 3px 14px; text-decoration: none; }
.sidenavigation li a:hover { color: #111; }

.footer { background: #fff; border: 1px solid #eee; color: #666; font-size: 1.1em; margin: 0 auto; text-align: center; width: 720px; }
.footer a { color: #36c; text-decoration: none; }
.footer a:hover { color: #06f; text-decoration: underline; }
.footer .left, .footer .right { padding: 6px 12px; }
.footer .right, .footer .right a { color: #aaa; }
.footer .right a:hover { color: #666; }
.left { float: left; }
.right { float: right; }