a:link  { font-family: "Trebuchet MS", Verdana, Arial; font-size: 15px; text-decoration: none; font-weight: bold; color: #44241D }
a:visited  { color: #44241D; text-decoration: none; font-weight: bold; font-family: "Trebuchet MS", Verdana, Arial; font-size: 15px }
a:hover  { color: #EA6720; text-decoration: none; font-weight: bold; font-family: "Trebuchet MS", Verdana, Arial; font-size: 15px }
/* Next hover has a bkg color, call it out with <a class="bkg" href="1.htm">Test</a> embed the class in the a tag */
a.bkg:hover  { color: #EA6720; background:#EBCA8C; text-decoration: none; font-family: "Trebuchet MS", Verdana, Arial; font-size: 15px }
a:active  { color: #FF9900; text-decoration: none; font-weight: bold; font-family: "Trebuchet MS", Verdana, Arial; font-size: 15px }
body  {
	text-decoration: none;
	font-family: "Trebuchet MS", Verdana, Arial;
	font-size: 15px;
	color: #44241D;
	background-image:url('bkg01.png');
	margin-top: 0pt;
	text-align: center
	  }
table  { text-decoration: none; font-family: "Trebuchet MS", Verdana, Arial; font-size: 15px; color: #44241D; text-align:center }
/* Use the H tags as normal text and search engines find the text much better, h1, h2, h3, etc */
h1  { text-decoration: none; font-family: "Trebuchet MS", Verdana, Arial; font-size: 14px; color: #004000 }
h3  { text-decoration: none; font-family: "Trebuchet MS", Verdana, Arial; font-size: 20px; color: #004000; margin-top: 0px; margin-bottom: 0px }
h6  { text-decoration: none; font-family: "Trebuchet MS", Verdana, Arial; font-size: 20px; color: #EA6720; margin-top: 0px; margin-bottom: 0px }
h5  { text-decoration: none; font-family: "Trebuchet MS", Verdana, Arial; font-size: 26px; color: #004000; font-variant: small-caps; margin-top: 0px; margin-bottom: 0px }
h4  { text-decoration: none; font-family: "Trebuchet MS", Verdana, Arial; font-size: 6px; color: #00000A }
ul  { text-decoration: none; font-family: "Trebuchet MS", Verdana, Arial; font-size: 15px; color: #44241D }
ol  { text-decoration: none; font-family: "Trebuchet MS", Verdana, Arial; font-size: 15px; color: #44241D }

/* IDs and Stuff */
#para1
{
text-align:center;
color:red;
} 

/* To use this do this
<p id="para1">Hello World!</p>
*/

/* Classes */
/* Any element calling out class="tan1" 
   for example <table class="tan1"></table>
*/
.tan1 { color: #EBCA8C }

/* Paragraphs calling for class="brown"
  for example <p class="brown">
*/
p.tan { color: #C9A57D }
p.tan1 { color: #EBCA8C }

/* So by this you can see that you can have a global class named brown AND a specific paragraph class named brown
   and they can both have different colors.  If you specify a table to be class="brown" it will be the color of the
   global class named brown. If you specify a paragraph to be class="brown" it will be the color of the specific 
   paragraph class even though you type exactly the same thing, class="brown" in both.
*//* CSS Document */
/*
     FILE ARCHIVED ON 03:10:03 Jul 19, 2025 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 13:16:41 Oct 23, 2026.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
/*
playback timings (ms):
  capture_cache.get: 0.53
  load_resource: 259.498
  PetaboxLoader3.resolve: 104.779
  PetaboxLoader3.datanode: 112.021 (2)
  loaddict: 87.514
*/