<STYLE TYPE="text/css">
  <!--
    BODY.back { background: lightskyblue; color: black; font-size: 130%; background-image: url(clouds.jpg) }
    BODY.color { background: #CCFFCC; color: black; font-size: 130%}
    BODY.lightcyan_s { background: lightcyan; color: black; font-size: 130%}
    BODY.lightgreen_s { background: #CCFFCC; color: black; font-size: 90%}
    BODY.white { 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.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.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 }
  -->
</STYLE>
