<style type="text/css">
/* I learned CSS from http://www.w3schools.com/css 
       You can find examples here:
       http://www.w3schools.com/css/css_examples.asp
       */
/* this is an id-tag - useful with any element;
   Use it with something like <p id="right"> or <table id="right"> */
#right {text-align: right}

/* This is a class attribute - useful with the parent element;
   Use it with something like <p class="right"> */
p.right {text-align: right}

/* Grouping:  Assign the same styles to multiple selectors, like:
   h1, h2, h3, h4, h5, h6
   {
     color: green
   }
*/

/* Here's a body.  You can have all sorts of stuff in it.  Like:
   background  (sets all the background properties, but doesn't work well)

   background-color -- background color. :)
   background-image -- can be of type url("URL"), or none.
       
   background-repeat -- applies to background images.  Sets if/how it'll be
       repeated, like repeat-x, repeat-y, no-repeat, or just repeat
       (default?).
       
   background-attachment -- can be 'scroll' or 'fixed'; tells whether the
       background image scrolls with the page or not

   background-position -- Starting position of a bgimage.  Things like:
       top left
       top center
       center left
       bottom right
       x-% y-%
       x-pos y-pos
*/       
body {
   color: yellow;
   background-color: black;
   background-image: url("images/characters/JC/Foot-dark-watercolor.gif");
   background-position: 10% 10%;
}

   a:active {color: pink} /* selected link */
   a:visited {color: gold} /* visited link */
   a:link {color: lightgreen}    /* unvisited link */
   a:hover {color: white}   /* mose over link */

/* TEXT STUFF
   You can set text styles, too.  Here's what you can define:
   color: color
   direction: ltr or rtl (IE 5.0 only, CSS2 thing)
   letter-spacing: normal and /length/ (NN 6.0 and IE 4)
   text-align: left, right, center, justify
   text-decoration: none, underline, overline, line-through, blink
   text-indent: length or %
   text-transform: none, capitalize, uppercase, lowercase
   white-space: normal, pre, nowrap
   word-spacing: normal, or length
*/
/* FONT STUFF
   font: sets all the properties for a font
       caption, icon, menu, message-box, small-caption, status-bar
   font-style -- normal, italic, oblique
   font-variant -- normal, small-caps
   font-weight -- normal, bold, bolder, lighter, 100, 200, ... 900
   font-stretch -- normal, wider, narrower, ultra-condensed,
       extra-condensed, condensed, semi-condensed, semi-expanded, expanded,
       extra-expanded, ultra-expanded
       
   font-size -- xx-small, x-small, small, medium, large, x-large, xx-large,
       smaller, larger, length, and %
       
   font-family -- family-name and generic-family
*/
/* BORDER STUFF
   border: generic setting
   border-width -- thin, medium, thick, length
   border-style -- none, hidden, dotted, dashed, solid, double, groove,
       ridge, inset, outset
   border-color --
   border-bottom: generic (NN 6.0)
   border-bottom-width (NN 4.0)
   border-bottom-color (NN 6.0)
   border-bottom-style (NN 6.0)
   border-left: ditto
   border-right:
   border-top:
*/       
/* MARGIN STUFF
   margin: generic
   margin-top -- auto, length, %
   margin-right -- ditto
   margin-bottom -- ditto
   margin-left -- ditto
*/
/* PADDING STUFF
   padding: generic
   padding-top -- length, %
   padding-bottom --
   padding-left --
   padding-right --
   padding-top --
*/
/* LIST STUF
   list-style: generic
   list-style-type -- none, disc, circle, square, decimal,
       decimal-leadig-zero, lower-roman, upper-roman, lower-alpha,
       upper-alpha, lower-greek, lower-latin, upper-latin, hebrew,
       armenian, gregorian, cjk-ideographic, hiragana, katakana,
       hiragana-iroha, katakana-iroha
   list-style-image -- none, url (NN 6.0)
   list-style-position -- inside, outside (NN 6.0)
*/
/* DIMENSION
   height -- auto, length, %
   line-height -- normal, number, length, %
   max-height -- none, length, %
   max-width -- none, length, %
   min-height -- length, %
   min-width -- length, %
   width -- auto, %, length
*/
/* CLASSIFICATION
   clear -- left, right, both, none (as in: br clear=both)
   cursor -- url, auto, crosshair, default, pointer, move, e-resize,
       ne-resize, nw-, n-, se-, sw-, s-, w-, text, wait, help
   display -- none, inline, block, list-item, run-in, compact, marker,
       table, inline-table, table-row-group, table-header-group,
       table-footer-group, table-row, table-column-group, table-column,
       table-cell, table-caption
   float -- left, right, none
   position -- static, relative, absolute, fixed
   visibility -- visible, hidden, collapse
*/
/* POSITION
   bottom -- auto, %, length
   clip -- shape, auto (NN 6)
   left -- auto, %, length
   overflow -- visible, hidden, scroll, auto (NN 6)
   right -- auto, %, length
   top -- auto, %, length
   vertical-align: baseline, sub, super, top, text-top, middle, bottom,
       text-bottom, length, %
   z-index -- auto, number (NN 6)
*/       
/* Pseudo-classes and CSS classes
   Pseudoclasses: selector :pseudo-class {property: value}
   CSS classes:  selector .class:pseudo-class {property: value}
   a:active {color: color} /* selected link */
   a:visited {color: color} /* visited link */
   a:link {color: color}    /* unvisited link */
   a:hover {color: color}   /* mose over link */

   e.g.:
   a.silly:visited {color: red}
       
   special pseudoclass: :first-child .. applies to the first child of
       the given element.  Like:
   div:first-child p { text-indent: 25px }
   

*/   
  

table.plain {
   margin-left: -4%
   font-family: default;
   background: transparent;
   border-width: 0;
   border-color: black;
   cellpadding: 10;
}

table {
   margin-left: -4%
   font-family: sans-serif;
   background: transparent;
   border-width: 2;
   border-color: white;
   cellpadding: 10;
}
th.plain {
     color: default;
	 background: transparent;
     font-family: default;
}
th { 
     color: yellow;
     font-family: sans-serif;
     background: rgb(0, 155, 0);
}
td.plain { 
	 vertical-align: top;
     color: default;
     font-family: default;
     background: transparent;
}
td.icon { 
	 vertical-align: top;
     horizontal-align: right;
	 width: 200px;
     color: default;
     font-family: default;
     background: transparent;
}
td { 
     color: yellow;
     font-family: sans-serif;
     background: rgb(20, 100, 20);
}
</style>


