* {margin: 0; padding: 0;}
h1, h2, h3, h4, h5, h6, pre, code, input, select, textarea {font-size: 100%;}
ul, ol {list-style: none;}
label, input.button {cursor: pointer; cursor: hand;}
img, fieldset {border: none;}
table {border-collapse: collapse; border: none;}

body {
  color: #4C4C4C;
  font: 11px/14px Tahoma, Verdana, sans-serif;
  background: #FFF;
}


#wrapper {
  width: 760px;
  margin: 0 auto;
}


#header {
  height: 73px;
  overflow: hidden;
}
#header h1 {
  float: left;
  padding: 17px 0 0 9px;
}
#header form {
  float: right;
  width: 341px;
  margin-top: 20px;
  background: url("../img/login-bg.gif") no-repeat 0 50%;
}
#header form * {vertical-align: middle;}
#header form a {color: #BCC1AC;}
#header form table {margin-left: 53px;}
#header form td {
  padding: 0 5px 2px 0;
  color: #BCC1AC;
  font-size: 10px;
}
#header form input {
  height: 19px;
  line-height: 19px;
  width: 111px;
  background: #E8E7DB url("../img/login-input-bg.gif") no-repeat 0 0;
  border: none;
  font-family: Tahoma, Verdana, sans-serif;
  color: #A3A893;
}
#remember, #header form input.button {
  width: auto !important;
  border: none !important;
  padding: 0 !important;
  color: #BCC1AC !important;
  background: none !important;
}


#menu {
  height: 30px;
  overflow: hidden;
  background: #F56722 url("../img/menu-bg-tilex.gif") repeat-x 0 0;
  font-size: 12px;
}
#menu ul {
  margin-left: 18px;
  height: 30px;
  overflow: hidden;
  background: url("../img/menu-bg-tr.gif") no-repeat 100% 0;
  position: relative;
}
#menu ul li {
  float: left;
  display: inline;
  line-height: 30px;
  padding: 0 14px 0 15px;
  margin: 0 15px 0 -15px;
  background: url("../img/menu-li-bg.gif") no-repeat 0 50%;
}
#menu ul li a {
  color: #FFF;
  text-decoration: none;
}


#join {
  margin-top: 3px;
  height: 313px;
  background: #E8EACB url("../img/join-bg.jpg") no-repeat 0 0;
}
#join form {
  padding: 15px 25px 0 395px
}
#join h2 {margin-bottom: 15px;}
#join table {width: 100%;}
#join td, #join th {
  text-align: left;
  padding-bottom: 5px;
  font-weight: normal;
  color: #6E6E6E;
}
#join input, #join select {
  width: 100%;
  border: 1px solid #A4AB8C;
  font-size: 10px;
  color: #585858;
  padding: 2px 0;
  position: relative;
  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;
}
#join a {color: #6E6E6E;}
#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;
}


#content {
  width: 100%;
  overflow: hidden;
  margin-top: 5px;
}

div.clear {height: 5px; overflow: hidden; clear: both;}
#content .box2 {
  background: url("../img/box-bg-l.gif") no-repeat 0 0;
  height: 171px;
}
#content .box2 .in {
  height: 171px;
  background: url("../img/box-bg-r.gif") no-repeat 100% 0;
}
#stats {
  float: left;
  width: 359px;
}
#stats dl {padding-top: 5px;}
#stats dl dt {
  padding: 20px 25px 0;
  font-weight: bold;
}
#stats dl dd {
  padding: 0 25px;
  color: #F66E22;
}
#stats .more, #stats .more a {
  color: #7CC100;
  white-space: nowrap;
}


#search {
  float: left;
  width: 730px;
}
#search h2 {padding: 25px 25px 15px;}
#searchf {padding: 0 25px 0 15px;}
#search th, #search td {
  font-weight: normal;
  text-align: left;
  padding-right:15px;
}
#search2 td {width: 50%;}
#search th {
  white-space: nowrap;
  padding: 5px 5px 5px 10px;
}
#search .nb input, #search .button, #search .photo_req {border: none !important; padding: 0 !important;}
#search select {width: 100%; position: relative;}
#search .np select {width: auto !important;}
#search h3 {
  padding: 20px 25px 15px;
}
#searchn {
  padding: 0 25px;
}
#searchn * {vertical-align: middle;}
#searchn input.i {
  width: 165px;
}
#search input, #search select {
  font-family: Tahoma, Verdana, sans-serif;
  font-size: 10px;
  border: 1px solid #CACACA;
  padding: 2px 0;
}

#features {
  clear: both;
  float: left;
  width: 359px;
  height: 229px;
  background: #ADC716 url("../img/features-bg.jpg") no-repeat 0 0;
  color: #FFF;
}
#features h2, #members h2 {padding: 10px 25px 10px;}
#features ul {
  padding: 0 25px;
  color: #EEFF75;
}
#features ul li {
  padding: 3px 23px;
}
#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%;}


#members {
  float: right;
  width: 365px;
  height: 229px;
  background: #EEB500 url("../img/members-bg.png") no-repeat 0 0;
  color: #FFF;
}
#members ul a {
  color: #EE1023;
}
#members ul {
  font-weight: bold;
  color: #2C2C2C;
  padding: 0 0 0 28px;
}
#members ul img {
  display: block;
  border: 3px solid #F9E575;
  position: relative;
}
#members .from {
  font-weight: normal;
  display: block;
}
#members ul li {
  float: left;
  display: inline;
  margin-right: 20px;
}


#banners {
  margin-top: 10px;
}
#banners table {width: 100%;}
#banners td {
  height: 80px;
  vertical-align: middle;
  text-align: center;
  padding: 0 10px;
}


#footer {
  font-size: 10px;
  color: #70725F;
}
#footer p {
  margin: 12px 0;
}
#footer a {color: #F36122;}
#footer ul {
  width: 100%;
  overflow: hidden;
  position: relative;
}
#footer ul li {
  float: left;
  display: inline;
  padding: 3px 0;
  border-left: 1px solid #DCDCD7;
  padding: 0 9px 0 8px;
  margin: 0 8px 0 -8px;
}