body {
  font: 100%/1.45 verdana, arial, sans-serif;
  margin: 0;
  padding: 0;
  background-color: #183816;
  color: #333;
}
a {
  text-decoration: underline;
  color: #4e5043;
}
a:hover {
  color: #fff;
  background-color: #183816;
}
ul {
  font-size: 85%;
}

.clr:after {
  content: "."; 
  display: block; 
  height: 0; 
  clear: both; 
  visibility: hidden;
}

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

#main {
  float: left;
  width: 470px;
  margin: 0 25px;
  display: inline;
}
#sidebar {
  float: right;
  width: 239px;
  margin-right: 25px;
  display: inline;
}

.side_item {
  background-color: #e1e2da;
  margin-bottom: 15px;
}
.side_item h4 {
  margin: 0;
  padding: 4px 0 5px 0;
  text-align: center;
  background: url("images/sidebar_head.jpg") left top no-repeat;
}
.side_item p {
  padding: 2px 12px 4px 12px;
  margin: 0;
  border-color: #4e5043;
  border-width: 0 2px;
  border-style: solid;
  text-align: center;
  font-size: 85%;
}

.side_bottom {
  font-size: 5px;
  background: #f3f3f3 url("images/sidebar_bottom.jpg") 0 0 no-repeat;
}

#content {
  margin-top: 20px;
  padding: 10px 0 25px 0;
  background: #f3f3f3 url("images/content_corners.gif") top no-repeat;
}

#footer {
  width: 740px;
  background-color: #f8f8f8;
  padding: 15px 25px 10px 25px;
  border-top: 1px solid #c0c0c0;
  border-bottom: 1px solid #c0c0c0;
  font-size: 80%;
  text-align: right;
}