BODY { background-image: url(bckgnd.jpg); }

 .table7 { background-color: white }

p {font-family: Arial, sans-serif; color: #FFFF00; font-size: 80%; }
p.solid {border-style: solid; border-color: #00FF00; border-width: 1px; }

a:link {color: #0033FF;}
a:visited {color: #006600;}
a:hover {color: #660000;}
a:focus {color: #000000;}
a:active {color: #000066;}

h1 {font-family: Verdana, sans-serif; color: #990000; font-size: 185%; }
h2 {font-family: Verdana, sans-serif; color: #990000; font-size: 140%; }
h3 {font-family: Verdana, sans-serif; color: #993300; font-size: 100%; }

.numb {font-family: Arial, san-serif; font-size: 125%; color: #000066; }
.story {font-family: Arial, san-serif; font-size: 100%; color: #000000; }
.blurb {font-family: Arial, san-serif; font-size: 80%; color: #000000; }
.where {font-family: Arial, san-serif; font-size: 70%; color: #000000; }
.warn {font-family: Arial, san-serif; font-size: 70%; color: #CC0000; }
.credit {font-family: Arial, san-serif; font-size: 80%; color: #003300; }
.claim {font-family: Arial, san-serif; font-size: 80%; color: #000033; }
.date {font-family: Arial, san-serif; font-size: 100%; color: #000000; }

/* comment insert one of these: 
<link rel="stylesheet" type="text/css" href="storystyle.css">
<link rel="stylesheet" type="text/css" href="indexstyle.css">
 */

/* comment huh?: 
div#navigation {width: 200px; background: gray; padding: 10px; }
<div style="border: 2px limesolid;">text</div>
 */