body  {
	font: 8px comic sans ms;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
}
.menu0, .menu0 dl {
        font-size: 12px;
	text-decoration: none;
	position: absolute;
	width: 200px;
	margin: 0;
	padding: 0;


}

.menu0 dt {
	background-image: url(images/menu.png);
        background-repeat: no-repeat;
        cursor: pointer;
	margin: 0;
	height: 16px;
	color: black;
	text-align: left;
	font-weight: bold;
	font-size: 13px;
	border: 0;
	padding: 13px;
	
}

.menu0 dl dt {
	background-image: url(images/on.png);
        background-repeat: no-repeat;
        height: 16px;
	text-align: left;
	font-weight: bold;
	font-size: 12px;
	border: 0;
	padding: 10px;
}

.menu0 dd  {
	margin: 0;
	padding: 0;
	width: 210px;
	height: 0px;
}

.menu0 dl dt.active {
	font-weight: bold;
	text-decoration: none;
}

.menu0 a:hover
    {
    color:red;
    font:100%;
    text-decoration: none;
    font-weight: bold;
    }

.menu0 dl {
	position: ablosute;
	left: 790px;
	top: 0px;
}

.menu0 dl dd {
	position: relative;
	left: 170px;
	top: 0px;

}
A
    {

    text-decoration:none;
    }
A:link
    {
    color:black;
    }
A:visited
    {
    color:black;
    }
A:hover
    {
    color:red;
    font:100%;
    text-decoration: none;
    font-weight: bold;
    }
