body {
  margin:0;
  padding:2%;
  font-family: Arial;
  font-size:12pt;
  color:#000000;
  background-color: #D9CB9E;
}

div.title {
  text-align:center;
  width: 100%;
  font-size:24pt;
  font-style: italic;
  color:#0000FF;
}

div.page-num {
  text-align:center;
  font-weight: bold;
  color:#0000FF;
  width: 100%;
  padding: 0 0 2% 0;
}

div.info_image1 {
  width: 750px;
  height: 300px;
}
div.info1 {
  float: left;
  width: 250px;
  height: 300px;
  padding:20% 10% 10% 10%;
  text-align: left;
  text-indent: 10px;
  color:#FFFFFF;
  background-image: url("../bgb.bmp");
  :link {color:white};
  :hover {color:white};
  :visited {color:white};
  :active {color:white};
}
div.image1 {
  float: right; 
  width: 500px;
  height: 300px;
}

div.info_image2 {
  width: 750px;
  height: 300px;
}
div.info2 {
  float: left;
  width: 250px;
  height: 300px;
  padding:20% 10% 10% 10%;
  text-align: left;
  text-indent: 10px;
  color:#FFFFFF;
  background-image: url("../bgb.bmp");
  :link {color:white};
  :hover {color:white};
  :visited {color:white};
  :active {color:white};
}
div.image2 {
  float: right;
  width: 65%;
}

div.info_image3 {
  width: 750px;
  height: 300px;
}
div.info3 {
  float: left;
  width: 250px;
  height: 300px;
  padding:20% 10% 10% 10%;
  text-align: left;
  text-indent: 10px;
  color:#FFFFFF;
  background-image: url("../bgb.bmp");
  :link {color:white};
  :hover {color:white};
  :visited {color:white};
  :active {color:white};
}
div.image3 {
  float: right;
  width: 65%; 
}

div.clear {
  clear: both;
}

div.footer {
  text-align:center;
  font-weight: bold;
  font-size:12pt;
  color:#0000FF;
}
 
div.nav {
  font-size: 1em;
  margin: .75em 30px;
  text-align: center;
}