<style type="text/css">
<!-- 
a:link { 
color: red; 
text-decoration: underline; 
cursor: hand; 
} 
a:visited { 
color: darkred; 
text-decoration: underline; 
cursor: hand; 
} 
a:hover { 
color: white; 
text-decoration: none; 
cursor: hand; 
background: darkblue; 
} 
BODY { 
scrollbar-arrow-color:white; 
scrollbar-face-color:red;
scrollbar-base-color:black;
scrollbar-highlight-color:black;
scrollbar-shadow-color:black;
scrollbar-3dlight-color:black; 
scrollbar-darkshadow-color:black;
padding : 3%;
}
BODY, BLOCKQUOTE, P, TABLE { 
FONT-FAMILY: Comic Sans MS, Arial, Sans-Sarif; 
FONT-SIZE: 12px; 
FONT-STYLE: Normal; 
TEXT-ALIGN: justify; 
} 
BODY, BLOCKQUOTE { 
background-image:url("cloudsky.jpg");
} 
H1 { 
FONT-SIZE: 20px; 
font-weight: bold; 
text-align: center; 
} 
H2 { 
FONT-SIZE: 18px; 
font-weight: bold; 
text-align: center; 
} 
H3 { 
FONT-SIZE: 14px; 
font-weight: bold; 
} 
SUB, SUPER { 
FONT-SIZE: 8px; 
} 
HR { 
COLOR: red; 
} 
DIV { 
padding:3%; 
border-top: thin solid red; 
border-bottom: thin solid red; 
margin-top:10;
} 
DIV.c1 { background:#FFFF80} 
DIV.c2 { background:#ff9966} 
DIV.c3 { background:#80FF80} 
DIV.c4 { background:#80FFFF} 
DIV.c5 { background:#FF80C0} 
DIV.c6 { background:#FF8040} 
DIV.c7 { background:#8080FF} 
DIV.c8 { background:#C0C0C0}
DIV.sad { 
color: white; 
background: purple;
border: thin solid black;
}
DIV.sad a:link, DIV.sad a:visited { 
color: white; 
text-decoration: underline; 
cursor: hand;
} 
--> 
</style>