body {
  font-size: 14px;
  font-family: "CG Omega", "Lucida Sans Unicode", "Verdana", "Helvetica", "Trebuchet", sans serif;
  color: 0000a0;
  /*this sets the various default fonts, in order of preference and sets their color to dark blue-violet*/
  
  margin-left: 20%; 
  margin-right: 20%;
  /*this sets the text being centered*/

  background-color: transparent;
  background-image:url('../images/whiteknotwork.gif');
  background-position: top left;
  background-repeat: repeat;
  /*this chooses and sets up the background image*/  
  }
  

a:link    { color:blue; }
a:visited { color:teal; }
a:hover   { color:fuchsia; }
a:active  { color:red; }

/*this sets the hotlinks to a set group of colors*/
/*these particular colors work well for very light background -- the current background is almost white*/

  /*the colors can be changed, but the listed order should be kept as "link, visited, hover, active" -- 
  this is because, according to an online CSS tutorial:
   
  "This has to do with the specificity of the selectors and the fact that a link can be in multiple states simultaneously.
  Because all of these pseudo-classes have the same specificity, the rule that is defined last will take precedence.
  So, for example, if you define the :visited rule after the :active rule, 
  then a link that is visited will never appear active."*/