/* body */  
body 
     {
      background-color: #dddddd;
      color:            black;
     }

/* generic classes */
.blue   { color: blue;  }  /* used to make  a list     blue */

/* division */

/* links */
a:link    {  color: navy;    }
a:visited {  color: maroon;  }
a:hover   {  color: fuchsia;  }
a:active  {  color: fuchsia;  }

/* lists */
ul.link  
    { 
     color: blue;
     list-style-type: square; 
    }
/*
ul.toc  
    { 
     color: blue;
     float: right;     
     list-style-type: square; 
     padding:          8px;
    }
*/
ul.toc
    {
    margin: 0; 
    padding: 0; 
    list-style-type: none;
    list-style-image: none;
    text-align:     center;
    }
ul.toc li
    {
    display: inline;
    padding: 5px; 
    }


/* headings */
h1, 
h2
    {
    text-align:     center;
    font-weight:    bold;
    color:          blue;
    }
h3
    {
    text-align:     center;
    color:          blue;
    }

/* tables */
table.page
    {
     border-spacing: 4px;
     width: 100%;
    }
tr.heading
    {
     background-color: silver;
    }
td.link-cell
    {
     background-color: #ffffcc;
     padding:          8px;
     vertical-align:   bottom;
     width:            180px;
    }
td.code-cell
    {
     background-color: #ccffcc;
     padding:          8px;
     vertical-align:   top;
     width:            480px;
    }
td.data-cell
    {
     background-color: #eeeeee;
     padding:          8px;
     vertical-align:   top;
    }