* {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;}

body {
    background: #FFE0C8 url("../img/body-bg.png") repeat-x 0 0;
    color: #686662;
    font: 11px/14px Tahoma, Verdana, sans-serif;
}

#wrapper {
    width: 754px;
    margin: 0 auto;
    background: #FFF url("../img/main-bg.gif");
}
#header {
    height: 70px;
    background: url("../img/header-bg.png");
}
#header h1 {
    float: left;
    padding: 9px 0 0 18px;
}
#login {
    float: right;
    width: 342px;
    display: inline;
    margin: 0px 3px 0 0;
    background: url("../img/login-bg.gif") no-repeat 0 70%;
}
#login form * {vertical-align: middle;}
#login form {
    padding: 10px 0 0 55px;
    color: #3E6983;
}
#login form a {color: #3E6983;}
#login form td, #login form th {
    padding: 0 5px 2px 0;
    text-align: left;
    font-weight: normal;
    font-size: 10px;
}
#login form th {
    color: #87A0AF;
    font-size: 11px !important;
}
#login form input {
    width: 110px;
    font-family: Tahoma, Verdana, sans-serif;
    color: #000;
    font-size: 11px;
    background: #FFF;
    padding: 1px 0;
}
#remember, #login form input.button {
    width: auto !important;
    height: auto !important;
    border: none !important;
    padding: 0 !important;
    color: #FFF !important;
    background: none !important;
}

#menu {
    height: 32px;
    overflow: hidden;
    background: #000 url("../img/menu-bg.png");
}
#menu ul {
    float: left;
    padding: 8px 0 0 17px;
    font-size: 12px;
}
#menu ul li {
    float: left;
    display: inline;
    border-left: 1px solid #8D8B88;
    padding: 0 14px;
}
#menu ul li a {
    color: #FFF;
    text-decoration: none;
}
#menu .f {
    padding-left: 0;
    border: none;
}
#menu p {
    float: right;
    padding: 8px 17px 0;
    font-size: 10px;
}
#menu p * {vertical-align: top;}
#menu p a {
    text-decoration: none;
    color: #FFF;
    margin-left: 7px;
}
#menu p img {margin-left: 15px; border: 1px solid #FFF;}

#sj {
    height: 215px;
    overflow: hidden;
    background: url("../img/spl.jpg") no-repeat 0 0;
}
#welcome {
    float: right;
    width: 280px;
    display: inline;
    margin: 30px 30px 0 0;
    color: #535353;
}
#welcome h2 {margin-bottom: 15px;}

#banners {background: #F6F6F6; margin-top: 3px;}
#banners td {
    height: 58px;
    vertical-align: middle;
    text-align: center;
    padding: 0 8px;
}
#banners table {width: 100%;}

#footer {
    line-height: 36px;
    overflow: hidden;
    zoom: 1;
    background: url("../img/footer-bg.gif") no-repeat 0 100%;;
}
#footer p.links {
    float: right;
    padding-right: 17px;
    color: #383838;
}
#footer p.links a {
    color: #383838;
    text-decoration: none;
}
#footer p.cop {
    float: left;
    padding-left: 17px;
    color: #383838;
}

#main {
    overflow: hidden;
    zoom: 1;
    padding: 3px 5px 0;
}
#main .in {
    height: 255px;
    background: #FFCEA5 url("../img/box-bg.png") repeat-x 0 0;
    overflow: hidden;
}
#main .box {float: left; display: inline;}

#members {
    margin: 0 4px 0 4px;
    width: 244px;
}

#features {width: 204px;}

#join {width: 288px;}
#join form {padding: 10px 11px 0;}
#join table {width: 100%;}
#join td, #join th {
    text-align: left;
    padding-bottom: 3px;
    //padding-bottom: 1px;
    font-weight: normal;
}
#join input, #join select {
    width: 100%;
    color: #000;
    position: relative;
    padding: 1px 0;
    background: #FFF;
    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 !important;
}
#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 a {color: #FFF;}
#join .np input {
    width: auto;
    border: none;
}

#features ul {
    padding: 10px 0 0 17px;
}
#features ul li {
    padding: 6px 0 6px 28px;
}
#f1 {background: url("../img/f1.gif") no-repeat 0 50%;}
#f2 {background: url("../img/f2.gif") no-repeat 0 50%;}
#f3 {background: url("../img/f3.gif") no-repeat 0 50%;}
#f4 {background: url("../img/f4.gif") no-repeat 0 50%;}
#f5 {background: url("../img/f5.gif") no-repeat 0 50%;}
#f6 {background: url("../img/f6.gif") no-repeat 0 50%;}
#f7 {background: url("../img/f7.gif") no-repeat 0 50%;}
#f8 {background: url("../img/f8.gif") no-repeat 0 50%;}

#members .in div {
    padding: 10px 11px 0;
}
#members ul li {
    float: left;
    padding: 0 0 8px 19px;
}
#members ul li.f {padding-left: 0;}
#members .img {
    border: 1px solid #B1B2B2;
    display: block;
}
#members .img img {
    border: 3px solid #FFF; 
}
#members span {
    display: block;
    text-align: center;
    font-weight: bold;
}
#members span a {color: #3E3E3E;}

#sj {position: relative;}
#sj .join {
    top: 42px;
    left: 406px;
    position: absolute;
}
#sj .chat {
    top: 176px;
    left: 268px;
    position: absolute;
}
#sj ul {
    position: absolute;
    top: 36px;
    left: 298px;
}
#sj ul li {
    margin-bottom: 10px;
    color: #FFF;
    padding-left: 12px;
    background: url("../img/bullet-stats.gif") no-repeat 0 4px;
}
#sj ul li strong {
    font-size: 10px;
    display: block;
}

#search {
    height: 76px;
    background: url("../img/search-bg.gif");
    width: 742px;
    overflow: hidden;
    border: 1px solid #DADADA; 
    margin: 1px auto 0;
}
#search form {
    padding: 28px 23px 0;
    font-size: 12px;
    color: #000;
}
#search form * {vertical-align: middle;}
#search select {margin: 0 5px;}
#search .btn {
    margin-left: 10px;
}
#search form {float: left;}
#search a {
    float: right;
    display: inline;
    margin: 30px 23px 0 0;
    padding-left: 16px;
    background: url("../img/icn-adv-search.gif") no-repeat 0 50%;
    font-weight: bold;
    color: #0093C2;
}

.join-l {
    position: absolute;
    top: 40px;
    left: 283px;
    line-height: 20px;
    font-size: 20px;
    width: 100px;
    color: #FFF;
    text-decoration: none;
    text-align: center;
}
.join-l span {
    font-size: 18px;
    font-weight: bold;
}