/* CSS Document */

* {margin: 0; padding: 0; font-family: Verdana, sans}
ul {list-style: none}
a {color: #002E5C}
a:hover {color: #333}
hr {color: transparent; background: transparent; border: none; border-bottom: 1px solid #002E5C; margin: 10px 40px}
img {border: none}

body {background: #fff; color: #161616; font-size: 11px}
#container {margin: auto; width: 864px; position: relative}
#header {height: 77px; width: 876px; background: url(../images/header-back.png) top center no-repeat}
#RSS {text-transform: uppercase; font-weight: bold}

#logo {position: absolute; top: 20px; left: 20px}
#hints {position: absolute; text-align: right; right: 80px; top: 20px}
#hints a {font-size: 13px; color: #002E5C; display: block; text-decoration: none}
#hints a:hover {color: #333;}

#main {width: 890px; margin: -5px 0 0 0}

#leftBox {float: left; width: 232px; height: 100%; background: url(../images/menu-header.jpg) top no-repeat;padding: 75px 0 0 0}
#menu {width: 232px; height: 100%; background: url(../images/menu-middle.jpg)}
#menu-finish {width: 232px; height: 100%; background: url(../images/menu-footer.jpg) bottom no-repeat; padding-bottom: 215px}
#menu span {font-size: 15px}

#leftBox h2 {border-top: 1px solid #002E5C; font-size: 8px; padding: 2px 0 10px 0; margin: 10px 20px 0 20px; text-align: right}

#menu a {color: #293C50; display: block; height: 26px; line-height: 26px; width: 212px; text-decoration: none; margin: 0 10px 0 10px; background: url(../images/menu-item.gif) 50%}
#menu a:hover {color: #333; background: url(../images/menu-item.gif) bottom}
#menu #actual {color: #000; background: url(../images/menu-item.gif) top}
#menu a span {margin: 0 10px 0 40px}

#rightBox {position: relative; width: 642px; height: 100%; margin-left: 232px; background: url(../images/main-body.png) top}
#rightBox h1, #rightBox h2, #rightBox h3 {color: #002E5C; text-transform: uppercase; padding: 15px 0 10px 0}
#rightBox h1 {font-size: 15px}
#rightBox h2 {font-weight: bold; font-size: 13px}
#rightBox h3 {font-size: 13px}
#rightBox div {margin: 5px 20px}
#rightBox div#footer {margin: 0; font-size: 11px; color: #333}

#footer div {position: absolute}
#ucty {top: 25px; font-size: 12px}
#copyright {width: 400px; top: 110px}
#design {right: 0px; top: 110px}

#sponzor a, #sponzor a:hover, #mpartner a, #mpartner a:hover {display: block; height: 100%; background: none; text-align: center}

.clanky {background: #ddd; background: url(../images/news.gif) top left no-repeat; padding: 20px 0 0 0; margin-top: 30px !important; font-size: 12px}
.question, .list_more {font-size: 9px}
#navig {color: #eee; margin: 10px 40px 0 40px; text-align: center; font-size: 11px; padding-top: 10px; border-top: 1px solid #ccc}
#navig a, #navig span {margin: 0 20px}
#navig span {color: #002E5C}

#footer {height: 150px; width: 642px; background: url(../images/main-bottom.jpg) bottom; position: relative; left: 1px}

.jumper, .type {position: absolute; left: -1000px; top: -1000px; width: 1px; height: 1px; overflow: hidden}
.jumper2 {display: none !important}
.vcard {margin: 0 0 20px 0 !important}
.vcard div {margin: 5px 0 !important}
dt {float: left; margin: 0 10px 0 5px; color: #002E5C; font-weight: bold} 

#content {min-height: 300px}
#content p {margin: 0 0 5px 0}
#content ul {list-style: square outside; margin: 5px 0 10px 15px}
#content img {border: 1px solid black; float: left; margin: 5px 10px 10px 0px}

div.thumb_lister {width: 520px; overflow: auto; margin-top: 10px; padding-top: 10px; height: 130px}