html {
  font-size: 16px;
}
body {
  margin: 0px;
  padding: 0px;
  border: 0px;
  font-family: "Trebuchet MS", sans-serif;
  background-image: url('http://www.lilesnet.com/elks/_rotation_backgrounds/rotate.php');
  background-repeat: repeat;
}
#container {
  width: 980px;
  margin: 0px auto;
  padding: 0px;
  border: 0px;
  border: 2px solid black;
  background-color: #fff;
}
/* Masthead */
#masthead {
  width: 980px;
 height: 90px;
  /*overflow: hidden; */
  margin: 0px;
  padding: 0px;
  border: 0px;
  text-align: center;
  background-color: #fff;
  background-image: url("../bpoe.png");
  background-repeat: no-repeat;
}
#masthead h1 {
  color: #000;
  margin: 0px;
}
#masthead h3 {
  color: #9a9;
  margin-top: 0.5em;
}
/* Navigation */
#navigation {
  width: 980px;
  /*overflow: hidden; */
  margin: 0px;
  padding: 0px;
  border: 0px;
  border-top: 2px solid black;
  border-bottom: 2px solid black;
  background-color: #cdc;
}
#navigation .divider {
  clear: both;
  height: 1px;
  width: 100%;
  color: black;
  border-color: black;
  margin: 0px;
  padding: 0px;
}
#navigation ul {
  list-style-type: none;
  /* (for cross-browser compatibility add two lines) */
  padding: 0px;
  margin: 0px;
}
#navigation li {
  float: left;
  padding: 3px 8px 3px 8px;
}
#navigation a {
  font-weight: normal;
  font-size: large;
  text-decoration: none;
  color: #000;
}
/* mouse over link */
#navigation a:hover {
  font-weight: normal;
  text-decoration: none;
  color: #fff;
  background-color: #FF0000;
}
#content {
  position: relative;
  float: left;
  margin: 0px;
  width: 950px;
  padding: 15px;
  border: 0px;
  background-color: #fff;
  font-size: x-large;
}
#footer {
  width: 100%;
  overflow: auto;
  clear: both;
  margin: 0px;
  padding: 0px;
  border: 0px;
  text-align: center;
  padding-bottom: 2px;
}
html > body #footer {
  text-align: center;
  padding-bottom: 0;
}
/* Site typography */
h1 {
  font-size: xx-large;
  color: #c77;
}
h2 {
  font-size: x-large;
  color: #800000;
}
h3 {
  font-size: large;
  color: #FF0000;
}
h4 {
  font-size: medium;
  color: #c77;
}
ul {
  font-size: 1em;
  color: #000;
}
ol {
  font-size: 1em;
  color: #000;
}
blockquote {
  font-size: 1em;
  color: #000;
}
h5 {
  font-size: x-small;
  color: #c77;
}
h6 {
  font-size: xx-small;
  color: #c77;
}
/* Footer */
#footer p {
  font-size: small;
  color: #c77;
}
/* Links */
a {
  color: #c55;
  text-decoration: underline;
}
a:hover {
  color: #9c9;
  text-decoration: none;
}
.didYouKnow {
  border: #000 medium solid;
  border-radius: 25px;
  font-size: x-large;
  background-color: #FFC;
  padding: 10px;
  margin: auto 50px;
  line-height: 125%;
}

.didYouKnowBrown {
  border: #000 medium solid;
  border-radius: 25px;
  font-size: x-large;
  background-color: SandyBrown;
  padding: 10px;
  margin: auto 50px;
  line-height: 125%;
}


.didYouKnowGreen {
  border: #000 medium solid;
  border-radius: 25px;
  font-size: x-large;
  background-color: greenyellow;
  padding: 10px;
  margin: auto 50px;
  line-height: 125%;
}
.didYouKnowRed {
  border: #000 medium solid;
  border-radius: 25px;
  font-size: x-large;
  background-color: orangered;
  color: white;
  padding: 10px;
  margin: auto 50px;
  line-height: 125%;
}
/* 
Common styles used on
http://www.lilesnet.com
Paul Liles, Webmaster
Updated 5/1/2008
*/
.alignParagraphTop {
  margin-top: 0px
}
.imageCentered {
  margin-left: auto;
  margin-right: auto;
  display: block;
  text-align: center;
}
.imageCenteredWithXLargeCaption {
  margin-left: auto;
  margin-right: auto;
  display: block;
  font-size: small;
  font-style: italic;
  color: maroon;
  text-align: center;
  margin-bottom: 15px
}
.imageCenteredWithMediumCaption {
  margin-left: auto;
  margin-right: auto;
  display: block;
  font-size: medium;
  font-style: italic;
  color: maroon;
  text-align: center;
  margin-bottom: 15px
}
.imageCenteredWithXLargeCaption {
  margin-left: auto;
  margin-right: auto;
  display: block;
  font-size: x-large;
  font-style: italic;
  color: maroon;
  text-align: center;
  margin-bottom: 15px
}
.imageLeft {
  float: left;
  margin-right: 20px;
  margin-top: 0px;
}
.imageLeftWithCaption {
  float: left;
  margin-right: 20px;
  font-size: small;
  font-style: italic;
  color: maroon;
  text-align: center;
  margin-bottom: 15px
}
.clearBoth {
  clear: both
}
.clear {
  clear: both
}
.whatsnew {
  font-size: small;
  font-style: italic;
}
.indent-40 {
  margin-left: 40px;
}
.indent-80 {
  margin-left: 80px;
}
.block40 {
  margin-left: 40px;
  margin-right: 40px;
}
.normalWidth {
  width: 750px;
}
.notification {
  background-color: #FCC;
  margin: 3px 25px 3px 25px;
  border: 2px black solid;
  padding: 10px;
  font-size: medium;
}
.frameIt {
  border: #000 thick groove;
  padding: 10px;
}
.textNavigation {
  border: #000 thin solid;
  padding: 10px;
  background-color: #FF9;
  text-align: center;
  margin: 1px 25px;
}