#wrap {
width : 1210px;
margin : 0 auto;
padding : 0;
background-color : #ffffff;
}


.top1 {
position : relative;
float : left;
width : 1200px;
margin : 0 5px 0 5px;
background-image: url(johnimgs/headpic1.png);
background-repeat: no-repeat;
}

.top2 {
position : relative;
float : left;
width : 1200px;
margin : 0 5px 0 5px;
background-image: url(johnimgs/headpic2.png);
background-repeat: no-repeat;
}

.side1 {
position : relative;
float : left;
text-align : right;
width : 320px;
margin : 20px 30px 0 30px;
}

.side2 {
position : relative;
float : left;
width : 710px;
margin : 0px;
}

.side3 {
position : relative;
float : left;
width : 320px;
margin : 0px;
padding : 5px 5px 5px 20px;
background-color : #c6dae7;
}

.side4 {
position : relative;
float : left;
width : 300px;
margin : 0px 0px 0 30px;
padding : 5px 20px 5px 20px;
background-color : #cedfd5;
}

.side5 {
position : relative;
float : left;
width : 200px;
margin : 0px 0px 0 30px;
}

.main {
position : relative;
float : left;
width : 1210px;
margin : 0px;
}

.mid1 {
position : relative;
float : left;
text-align : center;
width : 700px;
margin : 0px 250px 0px 250px;
}

.mid2 {
position : relative;
float : left;
text-align : left;
width : 700px;
margin : 20px 250px 20px 250px;
padding : 20px;
background-color : #c6dae7;
}

.mid3 {
position : relative;
float : left;
text-align : left;
width : 700px;
margin : 0px 250px 0px 250px;
padding : 5px 20px 5px 20px;
background-color : #cedfd5;
}

.mid4 {
position : relative;
float : left;
text-align : left;
width : 700px;
margin : 20px 20px 0px 250px;
padding : 5px 20px 5px 20px;
background-color : #fbebb7;
}

.mid5 {
position : relative;
float : left;
text-align : left;
width : 200px;
margin : 0px;
}