body {
  font-family: sans-serif;
  font-size: 1em;
  text-align: center;
  color: #000000;
  background-color: rgb(102, 163, 207);
}

.centerbody {
  position: relative;
  margin-left: auto;
  margin-right: auto;
  text-align: left;
  max-width:820px;
  background-image: url(clouds.jpg);
  background-color: rgb(142, 203, 247);
  border-left:5px solid #fff;
  border-right:5px solid #fff;
  border-top:5px solid #fff;
  border-bottom:5px solid #fff;
  padding: 10px;
}

.centerads {
  position: relative;
/*  width: 728px; */
  width:90%;
  margin:auto;
  padding:15px;
}

a:link    {
  color: #0000C0;
  text-decoration: none;
}

a:hover	 {
  color: #9000FF;
  text-decoration: none;
}

a:visited {
  color: #AE00AE;
  text-decoration: none;
}

a:active  {
  color: #FF007F;
  text-decoration: none;
}

h1 {
  font-family: serif;
  font-weight: bold;
  font-size: 2.4em;
  text-align: center;
}

h2 {
  font-family: serif;
  font-weight: bold;
  font-size: 1.8em;
}

h3 {
  font-weight: bold;
}

ul#navigation {
  margin-left: 0;
  padding-left: 0;
  white-space: nowrap;
}

#navigation li {
  display: inline;
  list-style-type: none;
  margin-left: 2px;
  margin-right: 2px;
}

#navigation a { 
  padding: 3px 10px;
}

#navigation a:link, #navigation a:visited {
  color: #fff;
  background-color: #369;
  text-decoration: none;
} 

#navigation a:hover, #navigation a:active {
  color: #fff;
  background-color: rgb(92, 153, 197);
  text-decoration: none;
}

#navigation a#current {
  color: #fff;
  background-color: #00A;
  text-decoration: none;
}

fieldset {
  border: 0;
}

.header {
  font-weight: bold;
  font-size: 1.8em;
}

.title {
  font-weight: bold;
  font-size: 1.2em;
}

.caption {
  font-size: 0.8em;
}

.caption_cent {
  text-align: center;
  vertical-align: middle;
  font-size: 0.8em;
}

.caption_pad_r {
  text-align: center;
  vertical-align: middle;
  padding-right: 20px;
  font-size: 0.8em;
}

table {
  font-family: sans-serif;
  font-size: 1em;
/*  width: 800px; */
  width:97.5%;
}

td.photo320 {
  text-align: center;
  vertical-align: middle;
/*  width: 320px; */
  width:40%;
/*  height: 240px; */
  padding-right: 20px;
}

td.photo240p {
  text-align: center;
  vertical-align: middle;
/*  width: 240px; */
  width:30%;
/*  height: 320px; */
  padding-right: 20px;
}

img.b640 {
/*  width:  640px; */
/*  width:80%; */
  border-style: solid;
  border-width: 10px;
  border-color: white;
}

img.b800 {
/*  width:800px; */
/*  width:97.5%; */
  border-style:solid;
  border-width:10px;
  border-color:white;
}

img.nb640 {
/*  width:640px; */
  width:80%;
  border:0;
}

img.nb320 {
/*  width:  320px; */
/*  width:40%; */
  border: 0;
}

img.b320 {
/*  width:  320px; */
/*  width:40%; */
  border-style: solid;
  border-width: 10px;
  border-color: white;
}

img.b240p {
/*  width:  240px; */
/*  width:30%; */
  border-style: solid;
  border-width: 10px;
  border-color: white;
}

img.b211 {
/*  width: 211px; */
/*  width:25%; */
  border-style: solid;
  border-width: 10px;
  border-color: white;
}

img.graph {
  width:80%;
}

.thumb {
  width:  160px;
  text-align: center;
  vertical-align: middle;
  border-style: solid;
  border-width: 8px;
  border-color: white;
}

/* auto resizing of large images to width of their container */
.scale {
  border:0;
  width:100%;
}