BODY.back { background-color: lightskyblue; color: black; font-size: 130%; background-image: url(clouds.jpg) }
BODY.color { background-color: #CCFFCC; color: black; font-size: 130%}
BODY.lightcyan_s { background-color: lightcyan; color: black; font-size: 130%}
BODY.lightgreen_s { background-color: #CCFFCC; color: black; font-size: 90%}
BODY.white { background-color: #FFFFFF; font-size: 130% }

A:link { color: blue }
A:visited { color: green }
A:active { color: maroon }
A:hover { color: salmon } 

H1 { font-style: italic; text-align: center }
H2.center { text-align: center }
H3.center { text-align: center }
H4.center { text-align: center }

OL.no { list-style-type: none }
OL.number { list-style-type: decimal }
OL.l_alpha { list-style-type: lower-alpha }
OL.u_alpha { list-style-type: upper-alpha }
OL.l_roman { list-style-type: lower-roman }
OL.u_roman { list-style-type: upper-roman }

UL.no { list-style-type: none }
UL.disc { list-style-type: disc }
UL.circle { list-style-type: circle }
UL.square { list-style-type: square }

SPAN.U { text-decoration: underline }

P.center { text-align: center }
P.right { text-align: right }
DIV.center { text-align: center }

DIV.font15 { font-size: 120% }
SPAN.font15 { font-size: 120% }
SPAN.font90 { font-size: 90% }
SPAN.font_at { font-size: 90%; color: red }
span.point:hover { color: #00ff00; cursor: pointer;	}

IMG.left { float: left; margin-right: 20px }
IMG.right { float: right; margin-left: 20px }
IMG.border0 { border-width: 0px }

BUTTON.cyan { font-size: 150%; background-color: cyan }
BUTTON.pink { font-size: 150%; background-color: pink }
BUTTON.pink_s { font-size: 100%; background-color: pink; text-align: left }
BUTTON.yellow_s { font-size: 100%; background-color: yellow; text-align: left }
BUTTON { font-size: 100%; text-align: left }