body {
  background-color: #336699;
  color: #FF9900;
  font-family: verdana, arial, "sans-serif";
  text-align: center;
}

#wrapper {
  margin-left: auto;
  margin-right: auto;
  margin-top: 15px;
  border-collapse: collapse;
}

#title {
  padding-top: 10px;
  padding-bottom: 20px;
  font-family: verdana, arial;
  font-size: 30px;
  font-weight: bold;
  color: #d0d0d0;
}

#topleft {
  height: 20px;
  width: 20px;
  background-image: url('topleft.jpg');
  background-repeat: no-repeat;
  background-position:  right bottom;
  background-color: #000000
}

#top {
  height: 20px;
  background-image: url('top.jpg');
  background-repeat: repeat-x;
  background-color: #000000; background-position-y:100%
}

#topright {
  height: 20px;
  width: 20px;
  background-image: url('topright.jpg');
  background-repeat: no-repeat;
  background-position:  left bottom;
  background-color: #000000
}

#left {
  width: 20px;
  background-image: url('left.jpg');
  background-repeat: repeat-y;
  background-position:  right 50%;
  background-color: #000000
}

#center {
  background-color: #ffffff;
  width: 750px;
}

#right {
  width: 20px;
  background-image: url('right.jpg');
  background-repeat: repeat-y;
  background-position:  left 50%;
  background-color: #000000
}

#bottomleft {
  height: 20px;
  width: 20px;
  background-image: url('bottomleft.jpg');
  background-repeat: no-repeat;
  background-position:  right top;
  background-color: #000000
}

#bottom {
  height: 20px;
  background-image: url('bottom.jpg');
  background-repeat: repeat-x;
  background-color: #000000; background-position-y:0%
}

#bottomright {
  height: 20px;
  width: 20px;
  background-image: url('bottomright.jpg');
  background-repeat: no-repeat;
  background-position:  left top;
  background-color: #000000
}