body {
 margin:0;
 background:#9cb07e;
}

html {
background:#9cb07e;
}

#header {
 background:#657d3f url('header.png') repeat-x;
 height:100px;
 border-bottom:1px solid #fff;
}

#header-content {
 margin:0 auto;
 width:800px;
}

h1 {
 color:#cde0ae;
 padding-top:30px;
 text-align:center;
 margin:0;
 padding:30px 0;
 height:40px;
 width:800px;
 float:left;
}

h1  span {
 color:#bbcf9d;
}

#menu {
  height:35px;
  background:#502b19 url('menu.png') repeat-x;
}

#menu ul {
 margin:0 auto;
 width:800px;
  height:35px;
  background:url('menuul.png') repeat-x;
 padding:0;
}

#menu ul li {
  width:160px;
  float:left;
  text-align:center;
  list-style-type:none;
}

#menu ul li a {
 position:relative;
 top:3px;
 color:#fff;
}

a {
  text-decoration:none;
  font-weight:900;
}

a:hover {
  text-decoration:underline;
}

#content {
 height:auto;
 position:relative;
 background:#ffffff url('sidebar.png') repeat-y top right;
 margin:0 auto;
 width:800px;
}

#main {
 padding:0 10px 0 20px;
 width:570px;
 background:url('left.png') repeat-y top left;
 float:left;
 text-align:justify;
}

#top-left {
 height:6px;
 width:6px;
 position:absolute;
 top:-5px;
 left:0;
 background:url('left-top.png') no-repeat;
}

#sidebar {
 position:absolute;
 top:-5px;
 right:0;
 width:200px;
 padding-top:5px;
 float:left;
 height:20px;
 background: url('sidebar-top.png') no-repeat;
}

#sidebar p {
  margin:10px;
  padding:5px;
}

#sidebar ul {
 margin:10px 5px 10px 2px;
 padding:0;
 list-style-type:none;
 border-top:1px dotted #9cb07e;
}

#sidebar li {
 padding:5px;
 border-bottom:1px dotted #9cb07e;
}

.clear {
 clear:both;
}

#bar {
  height:40px;
  background:#502b19 url('bar.png') repeat-x;
}

#bar-center {
 margin:0 auto;
 width:800px;
}

#bar-left {
 width:600px;
 height:40px;
 float:left;
 background:#3f1500 url('bar-main.png') repeat-x;
}

#bar-left-tip {
 width:30px;
 height:40px;
  background:#502b19 url('bar-left-tip.png') no-repeat;
}

#bar-right {
 width:200px;
 height:40px;
 float:left;
 background:#58301c url('bar-right.png') no-repeat;
}

#footer {
 position:relative;
 margin:0 auto;
 width:800px;
 height:100px;
 font-size:12px;
 color:#bbb;
 background:#6e7377  url('footer-left.png') no-repeat;;
}

#footer-left {
 position:absolute;
 width:580px;
 float:left;
 left:0;
 top:0;
 text-align:center;
 padding:15px;
}

#footer-right {
 position:absolute;
 background:#898f93 url('footer-right.png') no-repeat;
 width:200px;
 float:left;
 height:100%;
 text-align:center;
 right:0;
 top:0;
}

#donate {
 padding-top:25px;
}

a img {
 border:0;
}

a {
 color:#9cb07e;
}

#rank-find {
 background:#7e945c url('rank-background.png') no-repeat;
 margin:0 auto;
 width:500px;
 height:60px;
 padding-left:50px;
 padding-top:40px;
}

input#url {
 border:0;
 height:18px;
 padding:1px 2px;
 width:197px;
 background:#fff url('textbox.png') no-repeat;
}

input#submit {
 border:0;
 color:#fff;
 font-weight:900;
 height:20px;
 width:60px;
 background:#58250c url('check.png') no-repeat;
}

div > input#submit {
 margin-bottom:-2px;
}