body{
  background: #dddecd url('http://rayformdesign.com/v3/images/side.jpg') repeat-y;
  font-family: Verdana, Arial, Helvetica, sans-serif;
}

a img{
  border: 0px none;
}

#content{
  height: 517px;
  margin: 50px 10% 0 10%;
  position: relative;
  width: 780px;
}

#left{
  height: 512px;
  left: 0;
  padding-top: 40px;
  position: absolute;
  top: 0;
  width: 303px;
}

#middle{
  background: url('http://rayformdesign.com/v3/images/header.jpg');
  height: 512px;
  left: 303px;
  margin: 5px 5px 0 5px;
  position: absolute;
  top: 0;
  width: 212px;
}

#right{
  height: 512px;
  left: 525px;
  margin: 6px 5px 0 5px;
  position: absolute;
  top: 0;
  width: 239px;
}

#bottom{
  background: url('http://rayformdesign.com/v3/images/message.jpg');
  height: 123px;
  left: 530px;
  position: absolute;
  top: 388px;
  width: 239px;
}

ul{
  font-family: Arial;
  font-size: 11px;
  height: 140px;
  left: 315px;
  list-style: none;
  margin: 0;
  overflow: hidden;
  padding: 0;
  position: absolute;
  top: 364px;
  width: 198px;
}

li a{
  background-color: #b4d300;
  color: #fefefe;
  display: block;
  font-weight: 800;
  height: 14px;
  margin-top: 5px;
  padding: 1px 0 0 10px;
  text-decoration: none;
  width: 100%;
}

li a.selected{
  background-color: #00d3ce;
}

li a:hover{
  background-color: #00d3ce;
}

h1{
  color: #b4d300;
  font-family: Arial;
  font-size: 12px;
  font-weight: 800;
  margin: 0;
  padding: 8px 0 0 7px;
}

h2{
  color: #fefefe;
  font-family: Arial;
  font-size: 12px;
  font-weight: 200;
  margin: 0;
  padding: 8px 7px 0 7px;
}

h2 a{
  color: #b4d300;
  text-decoration: none;
}

h2 a:hover{
  color: #00d3ce;
  text-decoration: none;
}