BODY
{
}
.menuBar
{
    POSITION: relative;
    BACKGROUND-COLOR: transparent;
    TEXT-ALIGN: left;

    font: Areal Black;
    font-size: 14px;
    font-weight: regular

 }
.Bar
{
    FONT: Areal Black;
    FONT-SIZE: 14px;
    FONT-WEIGHT: regular;

    BORDER-RIGHT: blue 1px outset;
    BORDER-TOP: blue 1px outset;
    FLOAT: left;
    BORDER-LEFT: blue 1px outset;
    WIDTH: 100px;
    CURSOR: hand;
    TEXT-INDENT: 5px;
    BORDER-BOTTOM: blue 1px outset;
    POSITION: relative;
    BACKGROUND-COLOR: deepskyblue;
    TEXT-ALIGN: left


}
.menu
{
   FONT: Areal Black;
    FONT-SIZE: 14px;
    FONT-WEIGHT: regular;

    BORDER-RIGHT: buttonhighlight thin outset;
    BORDER-TOP: buttonhighlight thin outset;
    VISIBILITY: hidden;
    BORDER-LEFT: buttonhighlight thin outset;
    WIDTH: 150px;
    LINE-HEIGHT: 140%;
    BORDER-BOTTOM: buttonhighlight thin outset;
    POSITION: absolute;
    BACKGROUND-COLOR: deepskyblue
}
.menuItem
{
     FONT: Areal Black;
    FONT-SIZE: 14px;
    FONT-WEIGHT: regular;
    PADDING-RIGHT: 15px;
    PADDING-LEFT: 10px;
    WIDTH: 100%;
    CURSOR: hand;
    LINE-HEIGHT: 20px;
    BORDER-BOTTOM: white 1px solid    
}
.ItemMouseOver
{
   FONT: Areal Black;
    FONT-SIZE: 14px;
    FONT-WEIGHT: regular;

    PADDING-RIGHT: 15px;
    PADDING-LEFT: 10px;
    WIDTH: 100%;
    CURSOR: hand;
    COLOR: highlighttext;
    LINE-HEIGHT: 20px;
    BORDER-BOTTOM: white 1px solid;
    BACKGROUND-COLOR: highlight
     }
.ItemMouseOut
{
    WIDTH: 100%
}
.Arrow
{
    FLOAT: right;
    FONT-FAMILY: Webdings;
    POSITION: absolute;
    TEXT-ALIGN: left
}
.barOver
{
   FONT: Areal Black;
    FONT-SIZE: 14px;
    FONT-WEIGHT: regular;
    BORDER-RIGHT: blue 1px ridge;
    BORDER-TOP: blue 1px ridge;
    FLOAT: left;
    BORDER-LEFT: blue 1px ridge;
    WIDTH: 100px;
    CURSOR: hand;
    TEXT-INDENT: 5px;
    BORDER-BOTTOM: blue 1px ridge;
    POSITION: relative;
    BACKGROUND-COLOR: deepskyblue;
    TEXT-ALIGN: left
}