BODY { 
    background-color: white; /* Will be used if images aren't displayed */

    color: black;
    font-family: sans-serif;
}

EM {
    font-style: normal;
    font-weight: bolder;
}

/* This ensures that images as hyperlinks won't have a nasty 
 * border around them when the mouse hovers over them.
*/
A IMG { 
    vertical-align: text-bottom; 
}

/* Change appearence when the mouse hovers over it */

/* *****************************************************************/
/* Normal hyperlinks                                               */
/* *****************************************************************/
A { 
    text-decoration: underline; 
}

/* In general, we don't want hyperlinks underlined. */
A:link { 
    color: blue; 
} 

A:hover { 
    color: black;
    text-decoration: underline;
    background-color: yellow;
}

/* active link - i.e. currently being selected */
A:active { 
    color: white; 
    background-color: #9898ff; 
}

/* visited link */
A:visited { 
    color: #cc0000; 
}

/* *****************************************************************/
/* External links                                                  */
/* *****************************************************************/
/* Links to external websites should not be as prominent as the internal
 * ones. So they get the same appearance as visited links.
 */
A.external { text-decoration: none; }

/* Stuff that appears inside boxes */
.box { background-color: #bdbdbd; }

/* *****************************************************************/
/* The navigation bar at the top/bottom (prev, up & next           */
/* *****************************************************************/
.horiznavbar { font-size : 70%; }
/* .horiznavbar A { text-decoration: none; } */
/* .horiznavbar A:link { color: black; } */
/* .horiznavbar A:active { color: blue; } */
/* .horiznavbar A:visited { color: black; } */

/* *****************************************************************/
/* The navigation bar on the left                                  */
/* *****************************************************************/
.navbar { font-size: 70%; }
/* .navbar A:link { color: black; } */
/* .navbar A:active { color: blue; } */
/* .navbar A:visited { color: black; } */
/* .navbar A:hover { color: black; background-color: yellow; } */
.navbarCurrent { font-weight: bold; }

/* *****************************************************************/
/* Smallprint - the stuff at the bottom of the pages               */
/* *****************************************************************/
.smallprint {
    color: #777777; 
}

tr.smallprint { 
    font-size: 70%;
}

A.smallprint { color: #777777; }
A.smallprint:visited { color: #777777; }
A.smallprint:hover { color: black; }