BODY {
 background: #000;
 color: #fff;
 margin: 10px;
 font: 12px/22px Verdana, Arial, Helvetica, sans-serif;
 }
     
p, td, li { font: 12px/18px Verdana, Arial, Helvetica, sans-serif; }
    
/* LINKS AND NAVIGATION */

a, a:visited { color: #ffcc00; font-weight: bold; text-decoration: none; }
a:hover { font-weight: bold; text-decoration: underline; }

p.navbar a, p.navbar a:visited { color: #cccccc; text-decoration: none; }
p.navbar a:hover { color: #ffcc00; text-decoration:none; }

#sidebar a:hover img { border: 1px solid #cc3300; }


/* TEXT DISPLAY */
h1 { font: bold 20px "Trebuchet MS", Verdana, arial, helvetica; color: #ffcc00; }
    
.caption { font-size: 11px; margin-top: 6px; }
.hint { font-size: 10px; margin: 4px 0px; }
    
.navbar { font-size: 10px; color: #cccccc; text-transform: uppercase; }

#sidebar img { border: 1px solid white; }

HR { color: #cc3300; }


/* ================= FOOTER =================== */

#footer { text-align: center; }

.footer { font-size: 10px; color: #cccccc; text-align:center; }