/* Define STANDARDS */

body {
  margin: 20px;
  background: #b0c4de;
  font-family: "Stylus BT", "comic sans ms", sans-serif;
  font-size: 110%;
  color: #2f4f4f;
  text-align: justify;
}

p {
  font-size: 110%;
  color: #2f4f4f;
  text-indent: 2em;
  text-align: justify;
}

/* Define LINK colors */

a:link {
  color: #00008b;
}
a:visited {
  color: #8b0000;
}
a:hover {
  color: #faf0e6;
}
a:focus {
  color: #faf0e6;
}
a:active {
  color: #8b0000;
}

/* Define TEXT classes */

.standardred{
  font-family: "Stylus BT", "comic sans ms", sans-serif;
  font-size: 110%;
  color: #8b0000;
}
.italic{
  font-family: "Stylus BT", "comic sans ms", sans-serif;
  font-size: 110%;
  color: #2f4f4f;
  font-style: italic;
}
.largeheader{
  font-family: "Stylus BT", "comic sans ms", sans-serif;
  font-size: 300%;
  font-style: italic;
  font-weight: bolder;
  color: #8b0000;
}
.mediumheader{
  font-family: "Stylus BT",  "comic sans ms", sans-serif;
  font-size: 200%;
  font-style: italic;
  font-weight: bold;
  color: #8b0000;
}
.smallheader{
  font-family: "Stylus BT",  "comic sans ms", sans-serif;
  font-size: 150%;
  font-style: italic;
  font-weight: 900;
  color: #8b0000;
}

/* Define PICS TABLE */

table.pics {
  border-collapse: separate;
  background-color: #faf0e6;
  border: 8px solid #8b0000;
  caption-side: bottom;
  font-family: "Stylus BT", "comic sans ms", sans-serif;
  font-size: 110%;
  color: #2f4f4f;
  text-align: justify;
}
table.pics td {
  border: 2px solid #b0c4de;
  margin: 4px;
  padding: 6px;
  vertical-align: middle;
  background: #faf0e6;
  color: #2f4f4f;
  font-size: 110%;
  text-align: center;
}
table.pics thead th {
  background: #faf0e6;
  color: #2f4f4f;
  text-align: center;
  font-size: 125%;
  font-weight: bold;
  padding: 6px;
  border: 2px solid #b0c4de;
}
table.pics th {
  background: #faf0e6;
  color: #2f4f4f;
  text-align: center;
  font-size: 125%;
  font-weight: bold;
  border: 2px solid #b0c4de;
  padding: 6px;
}
table.pics tbody th:hover {
  background-color: #faf0e6;
}
table.pics th a:link, th a:visited {
  color: #8b0000;
  font-weight: normal;
  text-decoration: none;
  border-bottom: 2px dotted #b0c4de;
}
table.pics caption {
  background: #faf0e6;
  color: #2f4f4f;
  padding: 6px;
  text-align: center;
  width: 40%;
  font-weight: bold;
}
table.pics tbody td a:link {
  color: #00008b;
}
table.pics tbody td a:visited {
  color: #8b0000;
}
table.pics tbody td a:hover {
  color: #faf0e6;
  text-decoration: none;
}

/* Define QUOTE TABLE */

table.quote {
  border-collapse: separate;
  background-color: #faf0e6;
  border: 8px solid #8b0000;
  caption-side: bottom;
  font-family: "Stylus BT", "comic sans ms", sans-serif;
  font-size: 110%;
  color: #2f4f4f;
}
table.quote td {
  border: 2px solid #b0c4de;
  margin: 4px;
  padding: 6px;
  vertical-align: middle;
  background: #faf0e6;
  color: #2f4f4f;
  font-size: 110%;
}
table.quote thead th {
  background: #faf0e6;
  color: #2f4f4f;
  text-align: center;
  font-size: 125%;
  font-weight: bold;
  padding: 6px;
  border: 2px solid #b0c4de;
}
table.quote th {
  background: #faf0e6;
  color: #2f4f4f;
  text-align: center;
  font-size: 125%;
  font-weight: bold;
  border: 2px solid #b0c4de;
  padding: 6px;
}
table.quote tbody th:hover {
  background-color: #faf0e6;
}
table.quote th a:link, th a:visited {
  color: #8b0000;
  font-weight: normal;
  text-decoration: none;
  border-bottom: 2px dotted #b0c4de;
}
table.quote caption {
  background: #faf0e6;
  color: #2f4f4f;
  padding: 6px;
  text-align: center;
  width: 40%;
  font-weight: bold;
}
table.quote tbody td a:link {
  color: #00008b;
}
table.quote tbody td a:visited {
  color: #8b0000;
}
table.quote tbody td a:hover {
  color: #faf0e6;
  text-decoration: none;
}

/* Define DIV classes */