body {
        padding: 0px 0px 0px 0px;
        margin: 0;
        font-family: Arial, Sans-serif;
        font-size: 100%;
	color: black;
}

p { color: white; font-family: Arial}
h1 { font-size: 130%; margin: 0; font-family: arial }
h2 { font-size: 110%; font-family: arial; color: darkblue; font-weight: bolder; margin: 5px}
h3 { font-size: 100%; font-family: arial; color: darkblue; font-weight: bolder; margin: 5px}
h4 { font-size: 100%; font-family: arial; color: darkblue; font-weight: bolder; margin: 5px}
li { font-size: 80%; font-family: arial; color: black}
li li { font-size: 100%; font-family: arial;  color: black}
.smallertext { font-size: 75% }
a {  color: blue }
a:visited { color: darkblue }
a:hover, a:active { color: yellow }

DIV {
        font-family : Ariel, sans-serif;
}

.clsCMOn {
        color: darkblue;
        font-size : 12px;
        text-decoration : none;
        padding: 2px 4px;
}

.clsCMOver {
        color: black;
        font-size : 12px;
        font-weight : bolder;
        text-decoration : none;
        padding: 2px 4px;
}
#coolmenu{
border: 1px solid black;
width: 170px;
background-color: #E6E6E6;
}
                                                                                     
#coolmenu a{
font: bold 13px Verdana;
padding: 2px;
padding-left: 4px;
display: block;
width: 100%;
color: black;
text-decoration: none;
border-bottom: 1px solid black;
}
                                                                                     
html>body #coolmenu a{
width: auto;
}
                                                                                     
#coolmenu a:hover{
background-color: black;
color: white;
}
                                                                                     
#tabledescription{
width: 100%;
height: 3em;
padding: 2px;
filter:alpha(opacity=0);
-moz-opacity:0;
}

#layer1  { position: absolute; top: 459px; left: 257px; width: 252px; height: 180px;
visibility: visible; display: block }