html, body{
margin: 0; padding: 0;
font: normal 10pt "Trebuchet MS", Arial, Tahoma;
height: 100%;
text-align: left;
}
body{
height: 100%;
background: #5C8ECD url(../gfx/horse.jpg) 0 0 no-repeat;
}
#body_container{
min-height: 100%;
height: auto;
position: relative;
background: url(../gfx/footer_background4.jpg) 100% 100% repeat-x;
}
#header_container{
height: 204px;
background: url(../gfx/header.jpg) 90% 100% no-repeat;
}
#header_container h1{
margin: 0; padding: 0;
}
#header_container h1 a{
position: absolute;
top: 0;
right: 0;
width: 700px;
height: 210px;

}
#header_container h1 a span{
display: none;
}
#top_container{
height: 30px;
background: url(../gfx/top_background.gif) 0 0 repeat-x;
}
#center_container{
margin: 30px 220px 0 10px;
padding-bottom: 100px;
}
#bottom_container{
background: url(../gfx/paddock_background4.jpg) 0 0 no-repeat;
width: 225px;
height: 210px;
position: absolute;
right: 0;
bottom: 0;
z-index: 50;
}
#right_container{
float: right;
width: 180px;
padding: 0 20px 210px 20px;
/* margin-top: 50px; */
}
#clearing{
clear: both;
}

/* ostatnio ododane */

#right_container p{
text-align: center;
}
#right_container p.title{
color: #FFF;
font-size: 1.2em;
}
img{
border: 0;
}

/* menu */

#top_container ul.level1{
margin: 0; padding: 0 0 0 10px;
background: url(../gfx/top_background2.jpg) 100% 0 no-repeat;
height: 30px;
}
#top_container ul.level1 li{
display: block;
float: left;
}

#top_container ul.level1 li a{
font: 14pt "Trebuchet MS", Verdana;
color: #FFF;
padding: 0 10px;
text-decoration: none;
display: block;
float: left;
height: 30px;
line-height: 30px;
}
#top_container ul.level1 li a.passive:hover{
text-decoration: underline;
}
#top_container ul.level1 li.active{
margin-top: 15px;
background: #A5BFE4 url(../gfx/menu_left.jpg) 0 100% no-repeat;
}

#top_container ul.level1 li a.active{
background: url(../gfx/menu_right.jpg) 100% 100% no-repeat;
cursor: default;
}

/* inne */

h2.title{
display: none;
}
h1{
font-size: 20pt;
}
h2{
font-size: 15pt;
}
h1, h2, h3, h4{
color: #FFF;
}
h1 a, h2 a, h3 a, h4 a{
color: #FFF;
}
a{
color: #FFF;
}
a:hover{
text-decoration: none;
}
a.active{
font-weight: bold;
text-decoration: none;
}

p.copy{
position: absolute;
width: 170px;
right: 0;
bottom: 120px;
font-size: 0.8em;
z-index: 60;
}

/* galeria */

td.miniaturka{
width: 150px;
height: 100px;
padding: 15px;
background: url(../gfx/image_background.jpg) 0 0 no-repeat;
}

/* credits */

#jigsaw{
display: block;
width: 60px;
height: 40px;
background: url(../gfx/credits/jcmpowered3a.png) 0 0 no-repeat;
position: absolute;
bottom: 25px;
right: 10px;
z-index: 70;
z-index: 70;
}
#jigsaw span{
display: none;
}

#jrwd{
display: block;
width: 80px;
height: 30px;
background: url(../gfx/credits/jrwd3a.png) 0 0 no-repeat;
position: absolute;
bottom: 30px;
right: 80px;
z-index: 70;
z-index: 80;
}
#jrwd span{
display: none;
}