* { margin: 0; padding: 0; }
html, body { height: 100%; }
#body { min-height: 100%; }
img { border: 0; }
.clear { clear: both; }
body { font-family: Verdana; font-size: 0.75em; color: #ffffff; background: url(../img/index-bg.jpg) #9EA7A6 0 0 no-repeat; }
p { line-height: 1.5em; margin-top: 1em; }
li { line-height: 1.5em; }
a { color: #ffffff; }

#logo { float: left; margin: 20px; }

.menu li { float: left; list-style: none; }
.menu div { overflow: hidden; }
.menu a { display: block; }
.menu .events { margin-top: 10px; margin-left: 20px; }
.menu .events div { width: 160px; height: 36px; }
.menu .events a:hover { margin-top: -36px; }
.menu .history { margin-top: 100px; margin-left: -160px; }
.menu .history div { width: 160px; height: 36px; }
.menu .history a:hover { margin-top: -36px; }
.menu .archive { margin-top: 20px; margin-left: 20px; }
.menu .archive div { width: 160px; height: 36px; }
.menu .archive a:hover { margin-top: -36px; }
.menu .contacts { margin-top: 70px; margin-left: -110px; }
.menu .contacts div { width: 160px; height: 36px; }
.menu .contacts a:hover { margin-top: -36px; }
.menu .trs { margin-top: 10px; margin-left: 40px; }
.menu .trs div { width: 90px; height: 132px; }
.menu .trs a:hover { margin-left: -90px; }
.menu .comments { margin-top: 110px; margin-left: -185px; }
.menu .comments div { width: 160px; height: 36px; }
.menu .comments a:hover { margin-top: -36px; }

.login { float: right; width: 245px; }
.login .link { text-align: center; }
.login label { width: 70px; display: block; float: left; }
.login div { margin: 10px; }

#content { padding-bottom: 50px; }
#content .login { float: none; margin: auto; }

h1 { text-align: center; }
.text { margin: 50px; }
.text .dt { margin: 5px 0; font-weight: bold; }
.text .post { margin: 5px 0; }
.text .answer { margin: 5px 0; font-style: italic; font-weight: bold; color: #0000FF; }
.form label { width: 160px; display: block; float: left; }
.form div { margin: 10px 0 0 35%; }