/*** Global Styles ***/

body {
  background: #C7C7C7 url(../images/background.gif) repeat scroll top left;
  font: 10pt Arial, Helvetica, "Nimbus Sans L", "Liberation Sans", FreeSans, Sans-serif;
  color: #000;
  margin: 20px;
}

a { text-decoration: none; color: #663366; font-weight: bold; }
a:hover { text-decoration: underline; }
a, a:link, a:visited, a:hover, a:active { line-height: 15px; cursor: pointer; }

input { font-size: 12px; }

textarea { font-size: 12px; font-family: Arial, Helvetica, "Nimbus Sans L", "Liberation Sans", FreeSans, Sans-serif; }

select { font-size: 12px; }

button { font-size: 12px; background-color: #31395A; color: #fff; }

h2, h2 a, h2 a:link, h2 a:visited, h2 a:hover, h2 a:active { font-size: 20px; line-height: 25px; }
h3, h3 a, h3 a:link, h3 a:visited, h3 a:hover, h3 a:active { font-size: 17px; line-height: 22px; }
h4, h4 a, h4 a:link, h4 a:visited, h4 a:hover, h4 a:active { font-size: 15px; line-height: 20px; }
h5, h5 a, h5 a:link, h5 a:visited, h5 a:hover, h5 a:active { font-size: 11px; line-height: 15px; }

hr.menu { width: 40%; height: 5px; background-color: #31395A; }

div.clear20 { margin-bottom: 20px; }

/*** Chronology-specific ***/
div.chronElement { background-color: #ddd; border: 1px solid #888; margin: 20px; padding: 10px 30px; text-align: justify; border-radius: 15px; box-shadow: 3px 3px 5px 1px #888; }
div.chronElement h3.chronHeader { color: #31395A; width: 100%; border-bottom: 3px double #31395A; }
div.chronElement table tr td { text-align: left; }

/*** FAQ-specific ***/
table.faqCount tr td { font-family: Courier, FreeSerif, Serif; text-align: right; padding: 0; }

/*** Data Display-specific ***/
body#otherRaces img.otherLogo { margin-top: 20px; }
table.dataTab th, table.dataTab td { padding: 3px 5px; }
table.dataTab th { background-color: #31395A; color: #fff; }
table.dataTab td.lightBG { background-color: #ddd; text-align: left; }
table.dataTab td.darkBG { background-color: #C7C7C7; text-align: left; }