/*800px wide box*/
.box1 {
  float:left;  
  position:relative;
  background:url(images/middle1.gif) top left repeat-y;
  padding:0px 0px 0px 0px;
  margin: auto;
  width:830px;
}

.box1top {
  background:url(images/box1.gif) top left;
  height:35px;
  margin:0 0px 0 0px;
}

.box1topblack {
  background:url(images/box1black.gif) top left;
  height:35px;
  margin:0px 0px 0px 0px;
}

.box1bot {
  clear:both;
  background:url(images/box1.gif) bottom left;
  height:25px; 
}

.box1content {
  position:relative;
  margin:-10px -25px -0px 25px;
  width:780px;
}


/*510px wide box*/
.box2 {
  float:left;
  position:relative;
  background:url(images/middle2.gif) top left repeat-y;
  padding:0px 0px 0px 0px;
  margin: auto;
  width:540px;
}

.box2top {
  background:url(images/box2.gif) top left;
  height:35px;
  margin:0px 0px 0px 0px;
}

.box2bot {
  background:url(images/box2.gif) bottom left;
  height:35px; 
}

.box2content {
  position:relative;
  margin:-10px -25px -10px 25px;
  width:490px;
 }
 
 .box2contenttall {
  position:relative;
  margin:-10px -25px -10px 25px;
  width:490px;
  height:285px;
 }


/*260px wide box*/
.box3 {
  float:left;
  position:relative;
  background:url(images/middle3.gif) top left repeat-y;
  padding:0px 0px 0px 0px;
  margin: auto;
  width:290px;
}

.box3top {
  background:url(images/box3.gif) top left;
  height:35px;
  margin:0px 0px 0px 0px;
}

.box3bot {
  background:url(images/box3.gif) bottom left;
  height:35px; 
}

.box3content {
  position:relative;
  margin:-10px -25px -10px 25px;
  width:240px;
}

.box3contenttall {
  position:relative;
  margin:-10px -25px -20px 25px;
  width:240px;
  height:295px;
}