body {
  font-family: Verdana, Helvetica, Arial, sans-serif;
  margin: 0;
  padding: 0;
  background-color: #ffffff;
}
#masthead {
  width: 100%;
  border-bottom: #cccccc 1px solid;
}

#sitebranding {
  font-family: "Trebuchet MS", Helvetica, Arial, sans-serif;
  font-size: 60px;
  font-weight: bold;
  background-color: navy;
  color: #0000ff;
  padding-top: 0em;
  padding-bottom: 0em;
  padding-left: 25px;
  margin: 0;
  vertical-align: bottom;
  background: white url(backgrounds/image79.jpg) repeat-y right bottom;
}

#sitebranding img {
  border: 0px solid #000;
  vertical-align: bottom;
  margin: 0 50 0 0px;
  padding-right: 25px;
}

#tagline p {
  font-style: italic;
  font-family: Georgia, Times, serif;
  color: #0000ff;
  border-top: 2px solid #ccc;
  border-bottom: 3px solid #ccc;
  padding-top: .2em;
  padding-bottom: .2em;
  padding-left: .8em;
  margin: 0;
  background: #e8e8e8 url(backgrounds/tagline-fadee.html) repeat-y right;
}

#wrapper {
// margin : top, right, bottom, and left margin;
  margin: 0 0 0 20px;
  padding: 0;
}
#left {
  float: left;
  width: 128px;
  border: #cccccc 10px solid;
}

#rightnav {
 float: right;
 width: 140px;
 margin: 0 0 0 20px;
 padding: 0.5em;
 background-color: #eee;
 font-size: 75%;
 border: #cccccc 1px solid;
 border-top: 0px;
}

#content        { width: 79%; padding-right:10px; padding-left: 140px; }

#center {
  margin-left: 148px;
  margin-right: 10px;
  font-size: .8em;
  background-color: #fff;
}
.center IMG { display: block; margin-left: auto; margin-right: auto; border: 1px #000;}
.headings { margin-left: 0px; color: #00f; font-weight: bold; font-family: Arial, Helvetica, sans-serif; }

.report         { PADDING-RIGHT: 0px; PADDING-LEFT: 10px; PADDING-BOTTOM: 10px; PADDING-TOP: 0px; }

.reportcentre H3 { text-align: center; }

.reportcentre P { text-align: center; }

.reportcentre IMG { display: block; margin-left: auto; margin-right: auto; }

.report P       { margin: 10px 2% 1em 2%; text-align: justify; }

.report Table   { margin: 10px 2% 20px 2%; }

.gallery        { width: 100%; margin: 1em 0; padding: 0px 0em; BORDER: #cccccc 0px solid; text-align: center; }

.gallery     h1 { font-size: 2em; color: #00f; text-align: center; }

.gallery     ul { margin: 0; padding: 0; list-style-type: none; }

.gallery     li { float: left; width: 14%; font-weight: bold; text-align: center; border: 0px solid #0000ff; }

.gallerytitle   { text-decoration:none; color: #00f; font-size: 2em; font-weight: bold; text-align: center; }

.galleryhead li { float: left; width: 70%; }

.galleryhead A  { font-size: 1.6em; text-decoration:none; color: #00f; }

.gallerylink A  { position: relative; top: 0.5em; text-decoration:none; color: #00f; }

.gallery2l      { width: 49%; float: right; text-align: right; position: relative; right: 2em; border: 0px solid #ff0000; }

.gallery2r      { width: 49%; float: right; text-align: left; position: relative; left: 2em; border: 0px solid #ff0000; }

.gallery3l      { width: 33%; float: right; text-align: right; border: 0px solid #0000ff; }

.gallery3       { width: 33%; float: right; text-align: center; border: 0px solid #0000ff; }

.gallery3r      { width: 33%; float: right; text-align: left; border: 0px solid #0000ff; }

.containingbox  { width: 100%; BORDER: #cccccc 0px solid; min-height:220px; }

.containingbox100  { width: 80%; BORDER: #cccccc 0px solid; min-height:120px; }

.photos2 {
width: 49%;
float: right;
text-align: center;
padding-top: 10px;
padding-bottom: 10px;
border: 0px solid #ff0000;
}

.photos3 {
width: 33%;
float: right;
text-align: center;
padding-top: 10px;
padding-bottom: 10px;
border: 0px solid #0000ff;
}

#clear {
  clear: both;
}
#footer {
  background: #ccc;
  margin: 20px;
  text-align: center;
}
#siteInfo {
  clear: both;
  margin-top: 10px;
  margin-left: 10px;
  margin-right: 10px;
  border: #cccccc 1px solid;
  padding-top: 5px;
  padding-bottom: 5px;
  padding-left: 10px;
  font-size: 75%;
  color: #ccc;
}

/* Removes default top margin from left/right column paragraphs in Mozilla */
div > p {
  margin-top: 0;
}