body {
 background: url(../images/hatter.png) repeat-x;
 margin: 0px;
}

h1 {
font-family: Verdana;
font-size: 20px;
font-weight: normal;
color: #E1510B;
}

h2 {
font-family: Verdana;
font-size: 16px;
font-weight: normal;
color: #E1510B;
}


p {
font-family: Verdana;
font-size: 14px;
font-weight: normal;
color: #171717;
}

p.apro {
font-family: Verdana;
font-size: 11px;
font-weight: normal;
color: #171717;
}

p.balra {
font-family: Verdana;
font-size: 11px;
font-weight: normal;
color: #171717;
}


#wrapper {
 position: absolute;
 background: url(../images/hatter2.png) repeat-x;
 top: 0px;
 width: 900px;
 height: 800px;
 left: 50%;
 margin-left: -450px;
 z-index: 3;
 }

#header {
 z-index: 4;

}

#header a {
 text-shadow: 2px 2px 1px black;
 text-decoration: none;
 color: #FFA800;
 font-family: verdana;
 font-size: 14px;
}


#logo {
 position: absolute;
 left: 45px;
 top: 23px;
 width: 154px;
 height: 38px;
 background: url(../images/logo.png) no-repeat;
 float: left;
 z-index: 5;
}

#menu {
 position: absolute;
 text-align: right;
 width: 400px;
 top: 23px;
 left: 470px;
 float: left;
 z-index: 6;
}

#shadow {
 position: relative;
 top: 45px;
 left: -15px;
 width: 900px;
 height: 235px;
 background: url(../images/shadow.png) no-repeat;
 }


#cross
{
 position: absolute;
 border-color: #000000; 
 border-style: solid;
 max-width: 840px;
 border-left-width: 1px;
 border-bottom-width:0px;
 border-right-width: 1px;
 border-top-width: 1px;
 top: 70px;
 left: 30px;
 width: 840px;
 height: 225px;
 z-index: 7;
}


#csik
{
 position: absolute;
 background-color: #000000;
 border-color: #A05D5D; 
 border-style: solid;
 border-left-width: 0px;
 border-bottom-width: 0px;
 border-right-width: 0px;
 border-top-width: 2px;
 top: 296px;
 left: 30px;
 width: 842px;
 height: 13px;
}

#csik img {
 position: absolute;
 top: -200px;
 left: 20px;
 border-style: solid;
 border-width: 4px;
 border-color: #eddac4;
 z-index: 15;
}



#box {
 position: absolute;
 top: 310px;
 left: 30px;
 border-color: #000000; 
 border-style: solid;
 font-size: 14px; 
 font-family: verdana;
 border-left-width: 0px;
 border-bottom-width: 0px;
 border-right-width: 1px;
 border-top-width: 1px;
 padding-top: 0px;
 padding-bottom: 15px;
 padding-left: 15px;
 padding-right: 15px;
 width: 530px;
 height: 450px;
 background-color: #ffffff;
}

#box img.csik {
 position: absolute;
 top: 0px;
 left: 0px; 
}

#rightbox {
 position: absolute;
 top: 310px;
 left: 590px;
 border-color: #000000; 
 border-style: solid;
 font-size: 14px; 
 font-family: verdana;
 border-left-width: 0px;
 border-bottom-width: 0px;
 border-right-width: 0px;
 border-top-width: 1px;
 padding-top: 0px;
 padding-bottom: 15px;
 padding-left: 15px;
 padding-right: 15px;
 width: 251px;
 height: 450px;
 background: url(../images/hatterrb.png) repeat-x;
 color: #482725;
}

#rightbox img.csik {
 position: absolute;
 top: 0px;
 left: 281px; 
}

#rightbox li {
 margin: 0;
 margin-left: 20px;
 list-style: disk;
}

#rightbox a {
 text-decoration: none;
 color: #482725;
}


#footer
{
 position: relative;
 border-color: #555555; 
 border-style: dotted;
 border-left-width: 0px;
 border-bottom-width: 0px;
 border-right-width: 0px;
 border-top-width: 0px;
 top: 0px;
 left: 30px;
 width: 840px;
 height: 33px;
 font-family: Verdana;
 font-size: 10px;
 text-align: center;
}