body {
    background-color: #111111;
    margin: 0;
    padding: 0;
    text-align: center;
    font-family: sans-serif;
    font-size: 95%;
    color: #FFFFFF;
}
#wrapper {
    margin: 0 auto 0 auto;
    text-align: center;
    width: 792px;
    background: #111111 url("/images/tiennovy.jpg") 0 0 repeat-y;
}
#header {
    width:820px;
    height: 180px;
    background: #000000 url("/images/chessvariants.jpg") 50% 0 no-repeat;
    margin: 0 auto 0 auto;
}
#vlajky {
    height: 13px;
    position: relative;
    right: 10px;
    top: 95px;
}
#vlajky img {
    float: right;
    margin: 0 10px 0 10px;
}
#menu {
    background: url("/images/menubgzluty.png") 0 0 repeat-x;
    margin-top: 165px;
    height: 37px;
    text-align: left;
    color: #000000;
}
#menu h1{
    font-size: 120%;
    display: inline;
    margin-left: 5px;
    margin-right: 5px;
    position: relative;
    bottom:13px;
}
#menu h1.active{
    color: #888800;
}
#menu a {
    text-decoration: none;
    color: #000000;
}
#menu a:hover{
    color: #888800;
}
#menu img {
    height: 37px;
    width: 2px;
}



#menu2 {
    background: url("/images/menubgzluty.png") 0 0 repeat-x;
    height: 37px;
    text-align: left;
    color: #000000;
}
#menu2 h1{
    font-size: 120%;
    display: inline;
    margin-left: 5px;
    margin-right: 5px;
    position: relative;
    bottom:13px;
}
#menu2 h1.active{
    color: #888800;
}
#menu2 a {
    text-decoration: none;
    color: #000000;
}
#menu2 a:hover{
    color: #888800;
}
#menu2 img {
    height: 37px;
    width: 2px;
}


#main {
    width:820px;
    margin: 70px auto 0 auto !important;
    margin: -5px auto 0 auto;
    background-color: #111111;
}
#leftmenu {
    width: 190px;
    float:left;
    background-color: #111111;
    text-align:left;
}
#content {
    margin-left: 190px;
    background-color: #111111;
    color: #00FFFF;
    text-align:left;
}
#leftmenu div {
    background-color: #222222;
    margin: 5px;
    padding: 5px;
}
#leftmenu a {
    color: #ff0000;
text-decoration: none;
}
#leftmenu a:hover {
    color: #ff8888;
text-decoration: none;
}
#content div {
    background: url("/images/contentblack2.png") 0 0 no-repeat;
    margin-left:10px;
    margin-right:10px;
    position: relative;
    top: 5px;
    padding: 5px 17px 5px 17px;
}
#leftmenu h2 {
    font-size: 120%;
    margin:4px;
    color:#ff0000;
    /*background-color: #ff0000;*/
}
#leftmenu div ul{
    border-top:1px solid #aaaa50;
    list-style-type:none;
    margin:0 0 20px 0;
    padding: 0 0 0 8px;

}
#leftmenu div ul li{
    border-bottom:1px solid #aaaa50;
    color: #777777;
    list-style-type:none;
    padding:4px 0 4px 5px;

}
img {border: none}
#foot {
    height:22px;
    background-color: #ef0909;
    margin: 0 6px 0 6px;
    color: #8dded6;
    font-size: 80%;
    padding-top:5px;
}
#content div h1, #content div h2{
    font-size: 150%;
    color: #ff0000;
    margin: 6px 6px 6px 0;
}
#content div p {
    text-align:justify;
}
.mono{
    font-family:monospace;
}
th{text-align:left;}
.posta{color:green}
