* {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: #B6B6B6 url("../img/body-bg.png") repeat-x 0 0;
    font: 11px/14px Tahoma, Verdana, sans-serif;
    color: #787878;
}

#container {
    width: 874px;
    margin: 0 auto;
}
#header {height: 115px;}
#header h1 {
    float: left;
    padding: 17px 0 0 30px;
}

#login { text-align: right; float: right; width: 650px; margin-right: 10px; }
#login form {
	padding: 80px 0 0;
}
#login label {
	margin: 0 0 0 8px;
}
#login .inp {
	background: #FFF;
	border: 1px solid #B6B6B6;
	padding: 1px 0;
	width: 100px; 
}
#login * {vertical-align: middle;}
#login a {color: #777; margin-left: 8px; text-decoration: none;}
#login .btn {margin-right: 5px;}

#menu {
    height: 30px;
    background: url("../img/menu-bg.png") no-repeat;
}
#menu ul {float: right; padding: 8px;}
#menu ul li {
    background: url("../img/m-sep-bg.gif") no-repeat 0 50%;
    float: left;
    padding: 0 15px 0 17px;
}
#menu .f {background: none;}

#join {
    height: 269px;
    background: url("../img/join-bg.jpg") no-repeat;
}
#join form {
    float: right;
    display: inline;
    margin: 30px 25px 0 0;
    width: 280px;
    color: #FFF;
}
#join h2 {margin-bottom: 10px;}
#join table {width: 100%;}
#join td, #join th {
    text-align: left;
    padding-bottom: 3px;
    font-weight: normal;
}
#join input, #join select {
    width: 100%;
    font-size: 10px;
    color: #585858;
    position: relative;
    background: #FFF;
    font-family: Tahoma, Verdana, sans-serif;
}
#join .nb input, #join .nb select {
    width: auto;
}
#join input.button {
    width: auto;
    border: none;
    background: none !important;
    font-size: 11px !important;
    margin: 5px 0 0;
}
#join a {color: #FFDAE3;}
#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: #5A5B4A;}
#join .np input {
    width: auto;
    border: none;
}

#main {
    height: 234px;
    background: url("../img/main-bg.jpg") no-repeat;
    position: relative;
}

#news {
    float: left;
    display: inline;
    margin: 25px 0 0 245px;
    width: 290px;
}
#news td {padding-bottom: 12px;}
#news .img {padding-right: 15px;}
#news .img img {border: 1px solid #C7C5C5;}
#news .title {
    font-size: 10px;
    color: #3876F7;
}

#members {
    float: right;
    width: 250px;
    padding-top: 25px;
}
#members ul {
    zoom: 1;
    overflow: hidden;
}
#members ul li {
    float: left;
    display: inline;
    margin: 0 14px 12px 0;
}
#members ul li img {
    display: block;
    border: 1px solid #C7C5C5;
    margin-bottom: 4px;
}
#members ul li a {
    color: #353332;
    text-decoration: none;
}

#footer {
    overflow: hidden;
    zoom: 1;
    line-height: 20px;
    color: #FFF;
}
#footer p.links {
    float: left;
    color: #CDCDCD;
}
#footer p.cop {
    float: right;
    padding-right: 20px;
}
#footer a {color: #FFF; text-decoration: none;}

#features {
    position: absolute;
    top: -102px;
    left: 0;
    width: 188px;
    height: 331px;
    background: url("../img/features-bg.jpg") no-repeat;
}
#features ul {
    padding: 51px 0 0 49px;
}
#features ul li {
    color: #FFF;
    padding: 6px 0;
}