BODY
{
}
.menuBar
{
    POSITION: relative;
    BACKGROUND-COLOR: transparent;
    TEXT-ALIGN: center;
    font-weight:bold;


}
.Bar
{
    BORDER-RIGHT: white 1px solid; /*outset*/
    /*border-bottom: white 1px solid;*/
    FLOAT: left;
    /*BORDER-LEFT: white 1px solid; */
    WIDTH: 70px;
    CURSOR: hand;
    TEXT-INDENT: 5px;
    LINE-HEIGHT: 20px;
    POSITION: relative;
    BACKGROUND-COLOR: transparent;
    TEXT-ALIGN: center;
    font-family: arial, sans-serif; font-size: 12px; color: #333333;

}
.menu
{
    BORDER-RIGHT: buttonhighlight thin outset; /*outset*/
    BORDER-TOP: buttonhighlight thin outset;
    VISIBILITY: hidden;
    BORDER-LEFT: buttonhighlight thin outset;
    WIDTH: 200px;
    LINE-HEIGHT: 140%;
    /*BORDER-BOTTOM: buttonhighlight thin outset;*/
    POSITION: absolute;
    BACKGROUND-COLOR: #4A4A4A;
    font-family: arial, sans-serif; font-size: 12px; color: #ffffff;
}
.menuItem
{
    PADDING-RIGHT: 15px;
    PADDING-LEFT: 10px;
    WIDTH: 100%;
    CURSOR: hand;
    LINE-HEIGHT: 20px;
    BORDER-BOTTOM: white 1px solid;
    font-family: arial, sans-serif; font-size: 12px;
    color: #ffffff;
}
.ItemMouseOver
{
    PADDING-RIGHT: 15px;
    PADDING-LEFT: 10px;
    WIDTH: 100%;
    CURSOR: hand;
    
    LINE-HEIGHT: 20px;
    BORDER-BOTTOM: white 1px solid;
    BACKGROUND-COLOR: #858585; /*highlight*/
    font-family: arial, sans-serif; font-size: 12px;
    color: #ffffcc;
}
.ItemMouseOut
{
    WIDTH: 100%
}
.Arrow
{
    FLOAT: right;
    FONT-FAMILY: Webdings;
    POSITION: absolute;
    TEXT-ALIGN: left
}
.barOver
{
    BORDER-RIGHT: white 1px solid; /*ridge*/
    BORDER-TOP: white 1px solid; /*ridge*/
    FLOAT: left;
    BORDER-LEFT: white 1px solid; /*ridge*/
    WIDTH: 70px;
    CURSOR: hand;
    TEXT-INDENT: 5px;
    BORDER-BOTTOM: white 1px solid; /*ridge*/
    POSITION: relative;
    BACKGROUND-COLOR: #4A4A4A;
    TEXT-ALIGN: center;
    font-family: arial, sans-serif; font-size: 12px; color: #ffffff;
}