/* Last modified: July 2nd 2014 */

  body
  {
  background-color: #DDD; /* 221 which is light gray */
  color: #999;
  margin: 8px;
  }

  a:link
  {
  background-color: inherit;
  color: #87CEEB; /* skyblue */
  }

  a:visited
  {
  background-color: inherit;
  color: #C3C; /* #C3C is slightly lighter than purple */
  }

  a:link:hover
  {
  background-color: white;
  color: #87CEEB; /* skyblue */
  text-decoration: underline;
  }

  a:visited:hover
  {
  background-color: white;
  color: #C3C;
  text-decoration: underline;
  }

  a:focus
  {
  outline-color: white;
  outline-color: invert;
  /*
  outline-color: invert is not supported by gecko-based browsers
  https://bugzilla.mozilla.org/show_bug.cgi?id=359497
  https://developer.mozilla.org/en/CSS/outline-color#Values
  That is why the outline-color is redefined here.
  */
  outline-offset: 4px;
  outline-style: dotted;
  outline-width: 4px;
  }

  h1
  {
  margin: 0px auto;
  text-align: center;
  }

  img#CatOnRoofLooking
  {
  height: auto;
  width: 100%;
  }
  /* ------------------------------------------
  A very important declaration: the image will
  resize as best when the browser window viewport
  is resized. Original physical dimensions
  are 976px w. X 588px h.
  ------------------------------------------- */

  div#sections
  {
  left: 5%;
  position: absolute;
  top: 1em;
  width: 90%;
  }

  h2
  {
  clear: right;
  margin-bottom: 5em;
  }

  h2 > a {padding: 0.75em;}

  .fltLeft {float: left;}

  .fltRight {float: right;}

  #dhtml, #varia {margin-top: 1em;}

  img#firefox, img#kompozer
  {
  border-style: none;
  vertical-align: text-bottom;
  }

  p#validation
  {
  bottom: 0em;
  position: absolute;
  text-align: center;
  width: 97%;
  }

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

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

  h3 {text-align: center;}

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

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

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

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

  /* Last modified: July 2nd 2014 */