<style>
body

div
{
border-width:5px; 
border-style:ridge;
}
 
 h1
 {
 color:#FFEC8B;
 text-align:center;
 background-color: #8470FF;
 }
 

h2
 {
  color:#8A360F;
  text-align:center;
}

p.font200
{
text-align:center;
font-size:200%
}


h3 
{
text-align:center;
color:#FF4500
}

h4 
{
text-align:center;
color:#0000FF
}

p.orangebackground
{
background-color:#D2691E;
}

p.purple2background
{
background-color:#912CEE;
}

p.melonbackground
{
background-color:#E3A869
}

p.coloredbackground
{
background-color:#EEE9BF;
}

p.purple
{
 color:#FFEC8B;
 text-align:center;
}

p.blue
 {
 color:blue;
 }

 p.brown
 {
text-align:center;
color:#8A360F;
}

.about2
{
position:absolute;
left:350px;
right:350px;
text-align:left;
background-color:#b0e0e6;
}

.Farm
{
position:absolute;
left:250px;
right:200px;
background-color:#b0e0e6;
}

.Farm2
{
position:absolute;
left:350px;
right:350px;
background-color:#b0e0e6;
}

.left
{
position:absolute;
left:270px;
width:400px;
background-color:#b0e0e6;
}


.left2
{
position:absolute;
left:150px;
width:500px;
background-color:#b0e0e6;
}


.left3
{
position:absolute;
left:240px;
width:550px;
background-color:#b0e0e6;
}


.left4
{
position:absolute;
left:175px;
width:550px;
background-color:#b0e0e6;
}

.left5
{
position:absolute;
left:150px;
width:450px;
background-color:#b0e0e6;
}

.leftnocolor
{
position:absolute;
left:200px;
width:400px;

}

.center
{
position:absolute;
left:600px;
width:400px;
background-color:#b0e0e6;
}

.center2
{
position:absolute;
left:600px;
width:400px;
background-color:#b0e0e6;
}

.center3
{
position:absolute;
left:600px;
width:800px;
background-color:#b0e0e6;
}


.center4
{
position:absolute;
left:400px;
width:750px;
background-color:#b0e0e6;
}

.center5
{
position:absolute;
left:500px;
width:400px;
background-color:#b0e0e6;
}

.centernocolor
{
position:absolute;
left:500px;
width:300px;
}


.right
{
position:absolute;
right:250px;
width:400px;
background-color:#b0e0e6;
}

.right2
{
position:absolute;
right:150px;
width:450px;
background-color:#b0e0e6;
}


.right3
{
position:absolute;
right:300px;
width:500px;
background-color:#b0e0e6;
}

.right4
{
position:absolute;
right:175px;
width:500px;
background-color:#b0e0e6;
}

.rightnocolor
{
position:absolute;
right:350px;
width:400px;
}


p
{
color:black;
}

div
{
text-align:center;
}

#map {
  width: 500px;
  height: 300px;
  border: 1px solid black;
}



</style>