<style type="text/css">
.class1 A:link
{
    COLOR: navy;
    TEXT-DECORATION: none
}
.class1 A:visited
{
    COLOR: navy;
    TEXT-DECORATION: none
}
.class1 A:active
{
    COLOR: navy;
    TEXT-DECORATION: none
}
.class1 A:hover
{
    COLOR: white;
    BACKGROUND-COLOR: navy;
    TEXT-DECORATION: none
}
.class2 A:link
{
    COLOR: white;
    TEXT-DECORATION: none
}
.class2 A:visited
{
    COLOR: white;
    TEXT-DECORATION: none
}
.class2 A:active
{
    COLOR: white;
    TEXT-DECORATION: none
}
.class2 A:hover
{
    COLOR: red;
    TEXT-DECORATION: underline
}
.class3 A:link
{
    COLOR: navy;
    TEXT-DECORATION: none
}
.class3 A:visited
{
    COLOR: navy;
    TEXT-DECORATION: none
}
.class3 A:active
{
    COLOR: navy;
    TEXT-DECORATION: none
}
.class3 A:hover
{
    COLOR: navy;
    TEXT-DECORATION: underline
}
.class4 A:link
{
    COLOR: black;
    TEXT-DECORATION: none
}
.class4 A:visited
{
    COLOR: black;
    TEXT-DECORATION: none
}
.class4 A:active
{
    COLOR: black;
    TEXT-DECORATION: none
}
.class4 A:hover
{
    FONT-WEIGHT: bold;
    COLOR: maroon;
    BACKGROUND-COLOR: navy;
    TEXT-DECORATION: none
}
.menutitle
{
    PADDING-RIGHT: 2px;
    PADDING-LEFT: 2px;
    FONT-WEIGHT: normal;
    FONT-SIZE: 8pt;
    BACKGROUND-IMAGE: url(COLPIX2.JPG);
    MARGIN-BOTTOM: 1px;
    PADDING-BOTTOM: 2px;
    WIDTH: 100%;
    CURSOR: pointer;
    COLOR: white;
    PADDING-TOP: 2px;
    FONT-FAMILY: ARIAL;
    BACKGROUND-COLOR: blue;
    TEXT-ALIGN: left
}
.submenu
{
    MARGIN-BOTTOM: 0.5em
}
</style>

