* {margin: 0; padding: 0;}
h1, h2, h3, h4, h5, h6, pre, code, input, select, textarea {font-size: 100%;}
ul, ol {list-style: none;}
input.button {cursor: pointer; cursor: hand;}
img, fieldset {border: none;}
table {border-collapse: collapse; border: none;}

html {background: #3B1F00 url("../img/html-bg.png") repeat-x 0 0; height: 100%;}
body {
    font: 11px/14px Tahoma, Verdana, sans-serif;
    color: #4D4D4D;
    height: 100%;
    min-height: 100%;
}

#wrapper {
    width: 833px;
    margin: 0 auto;
    overflow: hidden;
    padding-bottom: 40px;
}
#header {
    height: 116px;
    position: relative;
    z-index: 999;
}
#header h1 {
    position: absolute;
    top: 131px;
    left: 25px;
}
#menu {
    position: absolute;
    right: 0;
    width: 514px;
    height: 70px;
    top: 70px;
}
#menu ul {
    padding: 1px;
}
#menu ul li {
    float: left;
    padding: 0 12px 0 60px;
    line-height: 63px;
    background-repeat: no-repeat;
    background-position: 0 50%;
}
#menu a {
    color: #FFF;
    font-weight: bold;
    position: relative;
}
#m1 {background-image: url("../img/m1.png");}
#m2 {background-image: url("../img/m2.png");}
#m3 {background-image: url("../img/m3.png");}
#m4 {background-image: url("../img/m4.png");}
* html #menu li {
    filter: expression(
        runtimeStyle.filter = 'progid:DXImageTransform.Microsoft.AlphaImageLoader(src=img/'+ (currentStyle.backgroundImage).match(/[a-z0-9]+\.png/gi) +', sizingMethod=crop)',
        runtimeStyle.background = 'none !important'
    );
}


#login {
    height: 70px;
    overflow: hidden;
    background: url("../img/login-bg.gif") no-repeat 100% 0;
    position: relative;
    z-index: 100;
}
#login form {
    padding: 37px 0 0 362px;
    font-size: 10px;
}
#login form * {vertical-align: middle;}
#login .inp {
    width: 82px;
    border: none;
    background: url("../img/login-input-bg.gif");
    margin-right: 5px;
    height: 19px;
    padding: 0 7px;
    line-height: 19px;
    color: #404E55;
}
#login .s {margin: 0 10px;}
#login a {
    margin-left: 10px;
    color: #4D4D4D;
}

#join {
    height: 363px;
    overflow: hidden;
    background: url("../img/join-bg.jpg");
}
#join form {
    float: right;
    width: 315px;
    display: inline;
    margin: 35px 41px 0 0;
    color: #FFF;
}
#join h2 {
    margin-bottom: 15px;
}
#join table {width: 100%;}
#join td, #join th {
    text-align: left;
    padding-bottom: 5px;
    //padding-bottom: 3px;
    font-weight: normal;
}
#join input, #join select {
    width: 100%;
    font-size: 10px;
    color: #585858;
    position: relative;
    border: 1px solid #FFF;
    background: #FFF;
    padding: 2px 0;
    font-family: Tahoma, Verdana, sans-serif;
}
#join .nb input, #join .nb select {
    width: auto;
}
#join input.button {
    width: auto;
    border: none;
    font-size: 11px !important;
    margin: 5px 0 0;
    background: none;
}
#join a {color: #FFF;}
#join .nbc td {
    font-size: 10px;
}
#join .nbc input {
    width: auto;
    border: none;
}
#join .np {
    font-size: 10px;
    padding-bottom: 0;
}
#join .np input {
    width: auto;
    border: none;
}

#members {
    height: 129px;
    background: #FFF url("../img/members-bg.gif") no-repeat 0 100%;
}
#members ul {
    padding: 11px 0 0 45px;
}
#members ul li {
    float: left;
    padding-right: 15px;
}
#members img {
    display: block;
    position: relative;
    margin: 0 0 7px -5px;
    border: 1px solid #FFF;
}
#members a {color: #594439;}

#footer {
    height: 38px;
    overflow: hidden;
    background: url("../img/footer-bg.gif");
    margin: -10px 0 0;
    line-height: 38px;
}
#footer .links {
    float: right;
    font-size: 10px;
    color: #AF7D75;
    padding-right: 35px;
}
#footer .links a {color: #FFF;}
#footer p.cop {
    float: left;
    padding-left: 35px;
    color: #FFF;
}