@import url("base.css");

@import url("layout.css");

#wrapper {
  margin: 0 auto;
  width: 995px;
}

#navigation {
  float: right;
  width: 787px;
  height: 104px;
/*  background: url("../images/sub/menu.gif") no-repeat left top;*/
/*  text-indent: -2000px;*/
}

/*- SIDEBAR - layout */
#sidebar {
  float: left;
  margin-bottom: 20px;
  width: 193px;
}

.nav-box {
  margin-top: 0;
}

.nav-box h2 {
  background: url("../images/member/img_register.gif") no-repeat left
    top;
}

#sidebar .sub-title {
  margin-left: 15px;
  width: 178px;
  height: 81px;
  background: #FFF url("../images/member/img_register.gif") no-repeat left top;
}

/* BLOCK INFO - setup content layout */
#content {
  float: right;
  width: 787px;
  position: relative;
  margin-bottom: 20px;
  background: #FFF url("../images/member/img_content_bg.gif") repeat-y left top;
}

#content .top {
  background: url("../images/member/img_content_tbg.gif") no-repeat left top;
}

#content .bottom {
  min-height: 400px;
  background: url("../images/member/img_content_bbg.gif") no-repeat left bottom;
}

strong.star { color: #FF8A00; }


  
/* INFO - SETUP FOOTER LAYOUT */
#footer {
  width: 100%;
  clear: both;
  padding: 15px 0 0 10px;
}

#footer .gutter {
  position: relative;
  background: url("../images/img_footer_bg.gif") no-repeat left top;
  padding: 11px 0 0 20px;
  height: 90px;
}

#footer h2 {
  width: 57px;
  height: 46px;
  background: url("../images/img_logo.gif") no-repeat left top;
  text-indent: -2000px;
}

#footer .copyright {
  width: 220px;
  height: 85px;
  position: absolute;
  left: 85px;
  top: 35px;
  background: url("../images/img_copyright.jpg") no-repeat left top;
  text-indent: -2000px;
}

#footer .site-menu {
  font-size: 90%;
  position: absolute;
  left: 85px;
  top: 14px;
  letter-spacing: -1px;
}

#footer .banner {
  width: 560px;
  height: 40px;
  position: absolute;
  right: 30px;
  top: -20px;
/*  background: url("../images/banner.gif") no-repeat left top;*/
}  

* html #content .bottom {
  height: 400px;
}