<style type="text/css">
<!--

img {
  width: 75%
}

.section {
  padding: 2em 0 2em 0;
}

.section h1 {
  text-align: center;
}
    
.section h2 {
   text-align: center;
}  
  
#wrapper {
  width: 720px;
  border: 0;
  padding: 0;
  margin: 0;
  background-color: #ffffff;
}

#notebox {
  border: 2px solid black;
  margin: 1em;
  background-color: #FFFFCC;
  padding: 1em 1em 2em 1em;
}

.allpic {
  width: 100%;
  padding: 4px;
  top-margin: 1em;
  right-margin: 1em;
  text-align: center;
  font-style: italic;
}

.leftpic {
  float: left;
  width: 350px;
  padding: 4px;
  top-margin: 1em;
  right-margin: 1em;
  text-align: center;
  font-style: italic;
}

.rightpic {
  float: right;
  width: 350px;
  padding: 4px
  top-margin: 1em;
  text-align: center;
  font-style: italic;
}

.leftpic img {
  width: 288px;
}

.rightpic img {
  width: 288px;

--/>
</style>

