html {
  background-color: #FFFFFF;
}

body {
  margin: 0;
  padding: 0;
  font-family: Tahoma, Arial, Helvetica, sans-serif;
  font-size: 11px;
  color: #000000;
}

.title {
  color: #000000;
  font-family: Tahoma, Arial, Helvetica, sans-serif;
  font-size: 18px;
  font-weight: bold;
  text-decoration: none;
}

.larger {
  color: #000000;
  font-family: Tahoma, Arial, Helvetica, sans-serif;
  font-size: 13px;
  text-decoration: none;
}

.white {
  color: #FFFFFF;
  font-family: Tahoma, Arial, Helvetica, sans-serif;
  font-size: 12px;
  text-decoration: none;
}

.blue {
  color: #3B5998;
  font-family: Tahoma, Arial, Helvetica, sans-serif;
  font-size: 12px;
  text-decoration: none;
}

a {
  color: #538ADC;
  font-family: Tahoma, Arial, Helvetica, sans-serif;
  font-size: 11px;
  text-decoration: none;
}

a:hover {
  color: #77C9F3;
  text-decoration: underline;
}

a:visited {
  color: #3B5998;
}

.menu {
  color: #FFFFFF;
  font-family: Tahoma, Arial, Helvetica, sans-serif;
  font-size: 11px;
  text-decoration: none;
}

.menu:visited {
  color: #FFFFFF;
}

.menu:hover {
  color: #77C9F3;
  text-decoration: none;
}

/* tables and borders */
.bordertable {
  border: 1px solid #3B5998;
}

.dashedtable {
  border: 1px dashed #3B5998;
}

.bottomborder {
  border-style: solid;
  border-color: #3B5998;
  border-width: 0 0 1px 0;
}

.top-border {
  border-style: solid;
  border-color: #3B5998;
  border-width: 1px 0 0 0;
}

td {
  color: #000000;
  border: 0;
  font-family: Tahoma, Arial, Helvetica, sans-serif;
  font-size: 11px;
  text-decoration: none;
}

.td0 {
  color: #000000;
  background-color: #D9DFEA;
  border: 0;
  font-family: Tahoma, Arial, Helvetica, sans-serif;
  font-size: 11px;
}

.td1 {
  color: #000000;
  background-color: #86A1CE;
  border: 0;
  font-family: Tahoma, Arial, Helvetica, sans-serif;
  font-size: 11px;
}

/* form elements */
.inputtext {
  border: double;
  border-width: 1px;
  border-color: #555555;
  background-color: #D9DFEA;
  font-size: 11px;
  color: #000000;
  font-family: Tahoma, Arial, Helvetica, sans-serif;
}

.inputsubmit {
  border-style: solid;
  border-width: 1px 2px 2px 1px;
  border-top-color: #D9DFEA;
  border-bottom-color: #3B5998;
  border-right-color: #3B5998;
  border-left-color: #D9DFEA;
  background-color: #538ADC;
  font-family: Tahoma, Arial, Helvetica, sans-serif;
  font-size: 11px;
  color: #FFFFFF;
  cursor: pointer;
}

.inputsubmit:hover {
  background-color: #3B5998;
}

/* content styles */
h2 {
  color: #3B5998;
  font-family: Tahoma, Arial, Helvetica, sans-serif;
  font-size: 14px;
  font-weight: bold;
  margin: 0.5em 0;
}

h3 {
  color: #3B5998;
  font-family: Tahoma, Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-weight: bold;
  margin: 0.5em 0;
}

h4 {
  color: #3B5998;
  font-family: Tahoma, Arial, Helvetica, sans-serif;
  font-size: 11px;
  font-weight: bold;
  margin: 0.5em 0;
}

p {
  margin: 0.5em 0;
  line-height: 1.4;
}

ul {
  margin: 0.5em 0;
  padding-left: 20px;
}

li {
  margin: 0.25em 0;
}

pre {
  background-color: #D9DFEA;
  border: 1px solid #3B5998;
  padding: 8px;
  font-family: "Courier New", Courier, monospace;
  font-size: 11px;
  overflow: auto;
  margin: 0.5em 0;
}

code {
  background-color: #D9DFEA;
  font-family: "Courier New", Courier, monospace;
  font-size: 11px;
  padding: 1px 3px;
}

strong {
  color: #3B5998;
}

section {
  margin: 1em 0;
  padding-top: 0.5em;
  border-top: 1px dashed #3B5998;
}

section:first-of-type {
  border-top: none;
  padding-top: 0;
}

article {
  padding: 8px;
}

.footer-link {
  color: #538ADC;
  font-size: 11px;
}

.footer-link:hover {
  color: #77C9F3;
  text-decoration: underline;
}

.footer-text {
  color: #3B5998;
  font-size: 11px;
}

/*
so familiar?
#3B5998 - main blue
#D9DFEA - grey background
#538ADC - link normal
#77C9F3 - link hover
#86A1CE - alternate blue
*/