@font-face {
    font-family: ArnoPro Regular;
    src: local("ArnoPro Regular"),
    url("arnopro.ttf");
}

.clear {
    clear: both;
}

body {
    background-color: black;
    color: #392d26;
    font: 13pt  ArnoPro Regular;
}

a {
    color: #f06804;
}

#wrap {
    width: 1340px;
    margin: 0 auto;
}

#header {
    /*background: url("../images/hat.png") no-repeat;*/
    height: 405px;
    width: 1340px;
    margin: 0 auto;
}

#wrapper {
    position: relative;
    z-index: 1;
    width: 1004px;
    margin: -25px 163px;
    min-height: 1250px; 
    padding: 10px;
    background: url("../images/tree_border.png");
}

#pergament {
    width: 1003px;
    margin: -20px auto;
    min-height: 1160px;
    background: url("../images/pergament.png") repeat-y;
    padding-top: 2px;
    padding-bottom: 107px;
    behavior: url(/pie/ie.htc);
}

#navigation_top ul {
    margin-left: -40px;
    list-style-type: none;
}

#navigation_top li {
    position: relative;
    float: left;
    display: block;
    padding: 5px 2%;
    text-transform: uppercase;
    height: 50px;
}

.separator {
    float: left;
    border-right: 1px #cfa973 inset;
    border-left: 1px #f3dab5 inset;
    height: 30px;
}

#navigation_top li a {
    display: block;
    font: 13pt  ArnoPro Regular;
    text-decoration: none;
    color: #492611;
    text-shadow: 2px 2px 2px #b6a88f;
    padding-bottom: 20px;
}

#navigation_top li:hover a, #navigation_top li.current a{
    color: #ffff84;
    text-shadow: 2px 2px 2px #b6a88f;
}

#navigation_top li:hover, #navigation_top li.current{
    background: url("../images/fire_hover.png") no-repeat top;
    margin-top: -5px;
    z-index: 1;
}
#pergament2Top{
    position: relative;
    width: 795px;
    height: 55px;
    float: left;
    z-index:2;
    margin-top: -34px;
    background: url("../images/pergament2Top.png");
}
#pergament2Bottom{
    position: relative;
    width: 795px;
    height: 55px;
    float: left;
    z-index:2;
    background: url("../images/pergament2Bottom.png");
}
#pergament2 {
    float: left;
    position: relative;
    z-index: 2;
    width: 785px;
    min-height: 1100px; 
    padding: 0 5px 0 5px;
    background: url("../images/pergament2cut.png") repeat-y;

}
#frameTop {
    background: url("../images/frameTop.png") no-repeat;
    z-index: 3;
    margin-top: -40px;
    width: 760px;
    height: 35px;
    margin-left: 10px;
    position: relative;
}
#frameBottom {
    background: url("../images/frameBottom.png") no-repeat;
    z-index: 2;
    width: 760px;
    height: 55px;
    margin-left: 10px;
    position: relative;
}
#frame {
    position: relative;
    z-index: 2;
    margin-left: 10px;
    width: 640px;
    min-height: 1100px;
    padding: 0 60px;
    background: url("../images/frameCut.png") repeat-y;
}

#content_bg { 
        background: black;
            filter:alpha(opacity=35); /* IE */
                -moz-opacity:0.35; /* Mozilla */
                    opacity: 0.35; /* CSS3 */
                        position: absolute;
                            top: 0; left: 0;
                                height: 100%; width:100%;
}
#content {
    position: relative;
    z-index: 1;
    width: 700px;
    padding: 4px 4px 5px 5px;
    word-wrap: break-word;
    margin: 0 0 0 -40px;
    /*height: 5000px;*/

}

#figure {
    width: 180px;
    height: 185px;
    background: url("../images/figure.jpg");
    position: relative;
    top: -180px;
    z-index: 0;
    float:left;
    margin-left: 3px;
}

#right {
    margin-top: -49px;
    margin-left: 10px;
    float: left;
    position: relative;
    z-index: 2;
}

#right #navigation {
    float: left;
    /*background: url("../images/navigation_right.jpg") no-repeat;*/
    padding: 55px 2px 5px 2px;
    background: url("../images/navigation_right.jpg") no-repeat;
    width: 185px;
}

#right #navigation ul {
    height: auto;
    padding: 0;
    margin: 0;
    list-style: none;
    position: relative;
    z-index: 1;
 }

#right #navigation li {
    margin-top: 10px;
    margin-left: 2px;
    padding: 3px 0;
    width: 180px;
    float: left;
}

#right #navigation li:hover {
    background: #fdeac8;
}

.marker {
    float: left;
    width: 10px;
    height: 10px;
    margin-top: 5px;
    margin-left: 10px;
    background: url("../images/marker.jpg") no-repeat;
}

#right #navigation a {
    display: block;
    font: 12pt  ArnoPro Regular;
    text-transform: uppercase;
    text-decoration: none;
    color: #937f5c;
    margin-left: 30px;

}

#right #navigation ul ul li {
    padding: 0;
    margin-top: 2px;
    border-bottom: 1px dotted grey;
}

#right #navigation ul ul a {
    color: #b4a487;
    font: 9pt ArnoPro Regular;
}

#right #news {
    margin-top: 10px;
    background: url("../images/news_right.jpg") no-repeat;
    width: 185px;
    height: 695px;
}

#footer {
    position: relative;
    z-index: 0;
    margin-top: 20px;
    margin-left: 160px;
    background: url("../images/footer.jpg") ;
    width: 1050px;
    height: 138px;
}

#left_bg {
    position: absolute;
    z-index: 2;
    top: 413px;
    left: 5px;
   /* height: 1372px; */
    width: 165px;
   /* background: url("../images/left_bg.jpg") repeat-y; */
    background: url("../images/left_bg.jpg") no-repeat;
    background-size: 165px 50000px;
    overflow: hidden;
}

#right_bg {
    position: absolute;
    z-index: 0;
    top: 413px;
    right: 0;
    /* height: 1372px; */
    width: 165px;
   /* background: url("../images/right_bg.jpg") repeat-y; */
    background: url("../images/right_bg.jpg") no-repeat;
    background-size: 165px 50000px;
    overflow: hidden;
}

#footer #navigation ul{
    list-style: none;
    margin-left: -40px;
    padding-top: 4px;
}

#footer #navigation li {
    border-bottom: 3px #100805 solid;
    float: left;
    display: block;
    padding: 5px 15px;
}

#footer #navigation li:hover {
    border-bottom: 3px #ff9870 solid;
    cursor: pointer;
}

#footer #navigation a {
    color: #ff9870;
    font: 13pt ArnoPro Regular;
    display: block;
    text-decoration: none;
}

#news_list {
    padding-top: 37px;
    padding-left: 5px;
}

.news_item {
    width: 170px;
    border-top: 2px solid #fde7bd;
    border-bottom: 2px solid #e7ca95;
    padding-bottom: 10px;
    padding-left: 5px;
    padding-top: 5px;
    color: #7c7364;
}

.date {
    color: #bcab8e;
    font-size: 10pt;
    margin-left: 105px;
}

.news_item a {
    color: #7c7364;
    text-decoration: none;
}

.news_item a:hover { 
    text-decoration: underline;
}

.plash {
    width: 693px;
    height: 118px;
    background: url("../images/plash.png");
}

.plash p.p1 {
    display: block;
    position: relative;
    top: 18px;
    left: 100px;
    width: 260px;
    font-size: 9pt;
    font-weight: bolder;
}

.plash p.p2 {
    display: block;
    position: relative;
    top: -60px;
    left: 478px;
    width: 260px;
    font-size: 9pt;
    font-weight: bolder;
}

#slider {
    width: 720px;
    height: 295px;
    /*background: url("../images/slider.png") no-repeat;*/
}

#slider li {
    color: #fff2c0;
    position: relative;
    top: 40px;
    margin-left: 30px;
}

#slider li p {
    width: 400px;
    font-size: 11pt;
}

.more_button {
    display: block;
    text-indent: -99999;
    width: 95px;
    height: 25px;
    background: url("../images/more_button.png");
    cursor: pointer;
    text-decoration: none;
}