/* Last modified: May 5th 2025 */

  body
  {
  background-color: #DDD; /* 221 which is light gray */
  color: black;
  line-height: 1.5;
  /*
  Long lines are hard to read, short lines are more easily read. (...)
  Generally, if the measure is wide, the leading of a text should be increased
  http://en.wikipedia.org/wiki/Measure_%28typography%29#Measure_and_Legibility

  Web Content Accessibility Guidelines 2.0, Success Criterion 1.4.8 Visual
  Presentation: For the visual presentation of blocks of text, a mechanism
  is available to achieve the following: (Level AAA)
  Line spacing (leading) is at least space-and-a-half within paragraphs, and
  paragraph spacing is at least 1.5 times larger than the line spacing.
  http://www.w3.org/TR/WCAG/#visual-audio-contrast-visual-presentation
  */
  }

  div#navigation {font-family: sans-serif;}

  div#navigation > a {padding: 0.5em;}

  h1, h2 {line-height: 1.4;}
  /*
  See slides 43-57 at
  http://www.maxdesign.com.au/articles/css-line-height/
  */

  a {font-weight: bold;}

  a:link
  {
  background-color: inherit;
  color: blue;
  }

  a:visited
  {
  background-color: inherit;
  color: purple;
  }

  a:link:hover
  {
  background-color: white;
  color: blue;
  }

  a:visited:hover
  {
  background-color: white;
  color: purple;
  }

  a:focus, button:focus, input:focus {outline: black dotted 2px;}

  img.IEico
  {
  border: none;
  height: 25px;
  padding-left: 16px;
  vertical-align: top;
  width: 23px;
  }

  img.NSico
  {
  border: none;
  height: 25px;
  padding-left: 16px;
  vertical-align: top;
  width: 25px;
  }

  img.FlagSm
  {
  background-color: transparent;
  color: black;
  height: 20px;
  padding: 2px;
  vertical-align: middle;
  width: 40px;
  }

  img.floatRight
  {
  float: right;
  padding: 12px;
  }

  del {display: none;}

  table
  {
  border: black outset 4px;
  border-spacing: 4px;
  }

  caption
  {
  font-size: 1.5em;
  line-height: 1.5;
  }

  thead, tfoot
  {
  background-color: white;
  color: inherit;
  }

  th, td
  {
  border: black solid 2px;
  padding: 8px;
  }

  select { color: inherit; }
  /* Firefox uses #31363B in forms.css at line 185: "color: -moz-ComboboxText;" */

  code, kbd {font-size: 1.2308em;}
  /*
  See Bug 437531 - raise non-CJK 12px monospace defaults to
  13px on *nix to match Mac & Win
  https://bugzilla.mozilla.org/show_bug.cgi?id=437531
  but also to have font-size consistency between
  monospace system font and non-monospace system fonts
  I fail to see why every browser manufacturers set the
  default font-size of monospace system font set to 13px
  when the default font-size of non-monospace system
  fonts are set to 16px.
  There is a bug here under Firefox 22, Chrome 28.
  Normally, the computed font-size of parent should
  be inherited: so, it should be 16px if font-size is
  1em. I need to set 1.2308em instead (which is 1 + (3/13)).
  There is definitely a bug here.
  */

  p#footer
  {
  font-size: 140%;
  text-align: center;
  }

  p#footer > a, p#validation > a {padding: 1em 0em;}

  p#footer img, p#validation img
  {
  margin: 1em;
  vertical-align: middle;
  }

  p#validation {word-spacing: 4em;}

  /* Last modified: May 5th 2025 */