
 <style>


/* this is a comment */

/* this is the xanthor webpage stylesheet v3.12a */
/* now including more advanced css styling */


  /* default body */
  /* body {bgcolor: white; color: black;} */
 
  body {bgcolor: black; color: gray;}



/* headings */

  h1 {font: 18pt tolkien; color: #9600E1; text-decoration: bold}
  h2 {font: 14pt tolkien; color: #9600E1; text-decoration: bold}


  h1.a {font: 18pt arial; color: gray; text-decoration: bold}


/*
  h1 {font: 18pt Arial; color: black; text-decoration: bold;}
  h1.red {font: 18pt Arial; color: red; text-decoration: bold;}
  h1.blue {font: 18pt Arial; color: blue; text-decoration: bold;}
  h1.green {font: 18pt Arial; color: green; text-decoration: bold;}
  h1.big {font: 22pt Arial; color: black; text-decoration: bold;} 
  h2 {font: 16pt Arial; color: black; text-decoration: bold;} 
  h2.g {font: 16pt Arial; color: #808080; text-decoration: bold;} 
  h3 {font: 14pt Arial; color: black; text-decoration: bold;} 
*/

/* underline? */

  /* ul {font: 8pt Arial; color: black;} */

/* divs */




  div.lef {position:absolute; left:10; top:10;}  /* this is a layer in the top left corner */
  div.8 {font: 8pt Arial; color: black;}    /* 8pt,black */
  div.8g {font: 8pt Arial; color: gray;}    /* 8pt,gray */
  div.w {font: 8pt Arial; color: white;}    /* 8pt,white */


/* spans don''t seem to affect the spacing (vertically) as much as headings or p's... odd. */

  span {font: 12pt arial; color: gray}
 
  span.r {font: 8pt arial; color: red;}    /* 8pt,red  */
  span.gra {font: 8pt arial; color: gray}

  span.rtolk {font: 12pt tolkien; color: gray;}    /* 8pt,red  */
  span.g {font: 8pt arial; color: #00FF00;}    /* 8pt,#00FF00 (green 255)  */

  span.dkg {font: 12pt arial; color: #3B8B0B;}    /* 8pt,#3B8B0B (dark green)  */
  span.pur {font: 12pt arial; color: #9600E1;}    /* 8pt,#9600E1 (purple)  */

  span.n1 {font: 12pt arial; color: #FF0000;}    /* 8pt,#FF0000 (red)  */
  span.n2 {font: 12pt arial; color: #FFFF00;}    /* 8pt,#FFFF00 (yellow)  */
  span.n3 {font: 12pt arial; color: #00FF00;}    /* 8pt,#00FF00 (green)  */
  span.n4 {font: 12pt arial; color: #00FFFF;}    /* 8pt,#00FFFF (cyan)  */
  span.n5 {font: 12pt arial; color: #0000FF;}    /* 8pt,#0000FF (blue)  */
  span.n6 {font: 12pt arial; color: #FF00FF;}    /* 8pt,#FF00FF (magenta)  */

  span.w {font: 8pt arial; color: white;}   /* 8pt,white */
  span.8 {font: 8pt arial; color: black;}   /* 8pt,black */
  span.8g {font: 8pt arial; color: gray;}   /* 8pt,gray */
  span.8r {font: 8pt arial; color: red;}    /* 8pt,red */
  span.h1 {font: 16pt arial; color: black;} /* 16pt,black */


/* p's */

  p {font: 12pt arial; color: gray}

  p.dkg {font: 12pt arial; color: #3B8B0B;}     /* 12pt,dkgreen */
  p.pur {font: 12pt arial; color: #9600E1;}     /* 12pt,purple */


/*
  p.m {font: 10pt Arial; color: black; text-indent: 0.5cm;} /* "margin" 10pt,black with .5cm indent*/
  p.b {font: 10pt Arial; color: black;}       /* 10pt,black */ 
  p.g {font: 10pt Arial; color: #C0C0C0;}     /* 10pt,grey */
  p.9 {font: 9pt Arial; color: black;}        /* 9pt,black */
  p.8 {font: 8pt Arial; color: black;}        /* 8pt,black */
  p.8b {font: 8pt Arial; color: black;}       /* 8pt,black */
  p.8g {font: 8pt Arial; color: #C0C0C0;}     /* 8pt,grey  */
  p.8w {font: 8pt Arial; color: white;}       /* 8pt,white */
  p.6 {font: 6pt Arial; color: black;}        /* 6pt,black */
*/


/* a's */

  
  a {font: 12pt arial; color:rgb(255,0,0); text-decoration:none; }
  a:link    {font: 12pt arial; color:rgb(255,0,0); text-decoration:none; }
  a:visited {font: 12pt arial; color:rgb(150,0,0); text-decoration:none; }
  a:active  {font: 12pt arial; color:rgb(255,0,0); text-decoration:none; }
  a:hover   {font: 12pt arial; color:rgb(0,255,0); text-decoration:none; }

  a.x1:link    {font: 8pt arial; color:rgb(255,0,0); text-decoration:none; }
  a.x1:visited {font: 8pt arial; color:rgb(150,0,0); text-decoration:none; }
  a.x1:active  {font: 8pt arial; color:rgb(255,0,0); text-decoration:none; }
  a.x1:hover   {font: 8pt arial; color:rgb(0,255,0); text-decoration:none; }

  a.g {font: 14pt arial; color: gray; text-decoration: none}

  a.8:hover {font: 8pt Arial; color: #008000; text-decoration: underline;}
  a.8 {font: 8pt Arial; color: #0000FF; text-decoration: none;}

 
  /* orangegreen a's */

  a.og:link    { color:rgb(255,128,0); text-decoration:underline; }
  a.og:visited { color:rgb(255,128,0); text-decoration:underline; }
  a.og:active  { color:rgb(255,128,0); text-decoration:underline; }
  a.og:hover   { color:rgb(0,255,0);   text-decoration:underline; }

  /* redmagenta a's */

  a.rm:link     { color:rgb(255,0,0);   text-decoration:underline; }
  a.rm:visited  { color:rgb(255,0,0);   text-decoration:underline; }
  a.rm:active   { color:rgb(255,0,0);   text-decoration:underline; }
  a.rm:hover    { color:rgb(255,0,255); text-decoration:underline; }

  /* yellowcyan a's */

  a.yc:link     { color:rgb(255,255,0); text-decoration:underline; }
  a.yc:visited  { color:rgb(255,255,0); text-decoration:underline; }
  a.yc:active   { color:rgb(255,255,0); text-decoration:underline; }
  a.yc:hover    { color:rgb(0,255,255); text-decoration:underline; }



/* class "no" does a white hover, or no hover (invisible on white background instead of a lit up outline) (for pictures/non-text links/tables) */

  a.no {font: 10pt Arial; color: #0000FF; text-decoration: none;}
  a.no:hover {font: 10pt Arial; color: #0000FF; background: #FFFFFF; text-decoration: underline;}

/* class "black" does just that */

  a.black {font: 10pt Arial; color: black; text-decoration: none;}
  a.black:hover {font: 10pt Arial; color: black; background: #000000; text-decoration: none;}
  a.black:visited {font: 10pt Arial; color: black; background: #000000; text-decoration: none;}


/* hr's */

  hr.x1 {size="1" ; width="80%"; text-decoration: none;}
  hr.x2 {size="1" ; width="40%"; text-decoration: none;}

 







/* navbar test items*/

#nav {
   float: left;
   list-style: none outside;
   width: 80px;
   padding: 0;
   margin: 0 15px 10px 0;
   background: #b50;
   color: #ffc;
   border: solid 1px #930;
   font: normal 10px geneva, verdana, sans-serif;
   text-align: center;
	}

#nav li {
   padding: 0;
   margin: 0;
   border: none;
   display: block;
   font: normal 10px geneva, verdana, sans-serif;
	}

#nav li a {
   display: block;
   padding: 5px;
   margin: 0;
   background: #b50;
   color: #fc9;
   border-top: solid 1px #d60;
   border-bottom: solid 1px #930;
   font: normal 10px geneva, verdana, sans-serif;
   text-decoration: none;
	}

#nav li a:hover {
   background: #c60;
   color: #ffe;
   border-top: solid 1px #d60;
   border-bottom: solid 1px #930;
   font: normal 10px geneva, verdana, sans-serif;
   text-decoration: none;
	}

#nav li a:active {
   background: #a40;
   color: #ffc;
   border-top: solid 1px #d60;
   border-bottom: solid 1px #630;
   font: normal 10px geneva, verdana, sans-serif;
   text-decoration: none;
	}








</style>




