body {
 background: #ffffcc; 
 color: black
} 
p, ul , dl, ol {
 margin-left: 5%; 
 margin-right: 5%
}

p.center {
 text-align: center
}

p.clear {
 clear: right
}

p.clearleft {
 clear: left
}

a:hover {
color: rgb(224, 0, 0);
}

dt {
 font-weight: bold
}

img.left {
 float: left;
 margin: 15px
}

img.right {
 float: right;
 margin: 15px
}

img.top {
 vertical-align: top;
 margin: 15px
}

hr {
 width: 80%
}

.heading {
 font-size: larger;
 font-weight: bold;
 margin-left: 5%
}

.photos {
 margin-left: 0%; 
 margin-right: 0%;
 text-align: center
}

.note {
  color: red;
  background: transparent
}