ul#menu {
		padding: 0px;
		font-size: 10px;
		clear: both;
        z-index: 22;
}

/* Define menu item font's here. */
#menu a {
    width: 110px;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
    padding: 3px 2px;
	display: block;
	background-color: #a00;
    color: #eee;
    margin: 0px;
	border-bottom: 2px solid #000;
}

/* Colorize menu text (links) here */
#menu a:link {
	color: #FFF;
}

#menu a:visited {
	color: #FFF;
}

#menu a:active {
	color: #FFF;
}

#menu a:hover {
	background-color: #c00; 
}

/* Override
 *
 * mark.ord: added. menu items when hover */
#menu li ul li a{
	color: #fff;
    font-weight: normal;
	background-color: #611;
	border: none;
}


#menu li ul li a:hover {
	color: #fff;
    background-color: #811;
    text-decoration: none;
    font-weight: normal;
}


#menu li ul {
        z-index: 20;
        width: 114px;
        background-color: #000;
		border: 1px solid #000;
		border-top: none;
		border-bottom-width: 2px;
}


/*
 * Menu structure.
 *
 *  All of these styles are required for operating the pure CSS
 *  menu system.
 */

/*
 * Remove list style. This applies to both the menubar item
 * lists, and any list that is a child of it.
 */
ul#menu, #menu ul {
	list-style: none;
	padding: 0px;
	margin: 0px;
}


/* menu items */
#menu li li a {
	display: block;
}

/* mark.ord: added. menu items when hover */
#menu li li a:hover {
	display: block;
}



#menu li {
    z-index: 21;
	float: left;
	position: relative;
	text-align: center;
	cursor: default;
	margin: 0px;
}


#menu li ul {
	display: none;
	position: absolute;
	top: 100%;         
}

#menu li li {
	display: block;
	float: none;
	background-color: transparent;
	border: 0;
	position: relative;
}

#menu li:hover ul, #menu li.over ul {
	display: block;
}