body
{
    behavior:url(../style/hover.htc);
    }
.menu
{
}
.htmlmenu
{
    margin:15px 35px 0 15px;
    padding:0;
    list-style:none;
    border-top:1px solid #5087d7;
    }
.htmlmenu li 
{
    border-bottom:1px solid #5087d7;
    }
.htmlmenu li a
{
    color:#fff;
    font-size:1.1em;
    text-decoration:none;
    display:block;
    width:100%;
    padding:5px 0;
    }
.htmlmenu li a:hover
{
    background:#c1ee61 url(../images/menu_button.jpg) repeat-y;
    color:#000;
    }
        
.htmlmenu li ul
{
    border:6px solid #c1ee61;
    }
.htmlmenu li li
{
    border-bottom:1px solid #5087d7;
    }
.htmlmenu li li a
{
    color:#fff;
    font-size:1.1em;
    text-decoration:none;
    display:block;
    width:180px;
    padding:5px;
    }
    /***********DROPDOWN************/

.htmlmenu ul { /* all lists */
	padding: 0;
	margin: 0;
	list-style: none;
}

.htmlmenu li { /* all list items */
	float: left;
	width: 100%; /* width needed or else Opera goes nuts */
	position:relative;
}

.htmlmenu li ul { /* second-level lists */
	position: absolute;
	width: 190px;
	z-index:50;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
	top:-999em;
	background:#366eb8;
}

.htmlmenu li:hover ul, .htmlmenu li.sfhover ul { /* lists nested under hovered list items */
	left: 171px;
	top:0px;
}