BODY
{
}
.menuBar
{
    POSITION: 		relative;
    top:		0;
    left:		0;
    font-family:	verdana, arial, helvetica, sans-serif;
    font-size:		11px;
    width:		100%;
    TEXT-ALIGN: 	center;
    z-index:		1000;
    white-space:	nowrap;
    display:		inline-table;
}
<!-- Main title bar -->
.Bar
{
    BORDER-RIGHT: 	black 0px solid;
    BORDER-TOP: 	black 0px;
    BORDER-LEFT: 	black 1px solid;
    BORDER-BOTTOM: 	black 0px;
    BORDER-LEFT-COLOR:	#efefef;
    PADDING-TOP: 	9px;
    PADDING-BOTTOM: 	9px;
    PADDING-LEFT: 	12px;
    PADDING-RIGHT: 	12px;
    FLOAT: 		left;
    CURSOR: 		hand;
    POSITION: 		relative;
    TEXT-ALIGN: 	center;
    font-family:	verdana, arial, helvetica, sans-serif;
    font-weight:	normal;
    font-size:		11px;
    color:		black;
    BACKGROUND-COLOR: 	#FCFEFC;
    z-index:		1000;
    white-space:	nowrap;
}
<!-- Main title bar MOUSEOVER -->
.barOver
{
    BORDER-RIGHT: 	black 0px solid;
    BORDER-TOP: 	black 0px;
    BORDER-LEFT: 	black 1px solid;
    BORDER-BOTTOM: 	black 0px;
    BORDER-LEFT-COLOR:	#efefef;
    PADDING-TOP: 	9px;
    PADDING-BOTTOM: 	9px;
    PADDING-LEFT: 	12px;
    PADDING-RIGHT: 	12px;
    FLOAT: 		left;
    CURSOR: 		hand;
    POSITION: 		relative;
    BACKGROUND-COLOR: 	#FCFEFC;
    TEXT-ALIGN: 	center;
    font-family:	verdana, arial, helvetica, sans-serif;
    font-weight:	normal;
    font-size:		11px;
    color:		#006600;
    z-index:		1000;
    white-space:	nowrap;
}
<!-- Sub title bar -->
.menu
{
    VISIBILITY: 	hidden;
    BORDER-RIGHT: 	black 1px outset;
    BORDER-TOP: 	black 1px outset;
    BORDER-LEFT: 	black 1px outset;
    BORDER-BOTTOM: 	black 1px outset;
    BORDER-BOTTOM-COLOR:grey;
    WIDTH: 		180px;
    LINE-HEIGHT: 	140%;
    POSITION: 		absolute;
	TOP:		50;
	LEFT:		150;
    BACKGROUND-COLOR: 	white;
    z-index:		1001;
    white-space:	nowrap;
}
<!-- Sub title bar -->
.menuItem
{
    PADDING-RIGHT: 	15px;
    PADDING-LEFT: 	10px;
    PADDING-TOP: 	2px;
    PADDING-BOTTOM: 	2px;
    WIDTH: 		180px;
    CURSOR: 		hand;
    LINE-HEIGHT: 	17px;
    BORDER-BOTTOM: 	black 1px solid;
    font-family:	arial, helvetica, sans-serif;
    font-weight: 	normal;
    font-size:		11px;
    background-color:	#fff;
    z-index:		1001;
    white-space:	nowrap;
}
<!-- Sub title bar MOUSEOVER -->
.ItemMouseOver
{
    PADDING-RIGHT: 	15px;
    PADDING-LEFT: 	10px;
    PADDING-TOP: 	2px;
    PADDING-BOTTOM: 	2px;
    WIDTH: 		180px;
    CURSOR: 		hand;
    COLOR: 		white;
    LINE-HEIGHT: 	17px;
    BORDER-BOTTOM: 	black 1px solid;
    font-family:	arial, helvetica, sans-serif;
    font-weight: 	normal;
    font-size: 		11px;
    color: 		white;
    background-color: 	#006600;
    z-index: 		1001;
    white-space:	nowrap;
}
.ItemMouseOut
{
    WIDTH: 100%
    white-space:	nowrap;
}
.Arrow
{
    FLOAT: 		right;
    FONT-FAMILY: 	Webdings;
    POSITION: 		absolute;
	LEFT:		110px;
    TEXT-ALIGN: 	right;
    line-height:	10px;
}