BODY
{

}
.menuBar
{
    POSITION: relative;
    BACKGROUND-COLOR: transparent;
    TEXT-ALIGN: center
}
.Bar
{
	BORDER-RIGHT: 1px outset;
	BORDER-TOP: 1px outset;
	FLOAT: left;
	BORDER-LEFT: 1px outset;
	WIDTH: 100px;
	CURSOR: hand;
	TEXT-INDENT: 5px;
	BORDER-BOTTOM: 1px outset;
	POSITION: relative;
	TEXT-ALIGN: center;
	background-color: #333399;
	color: #FFCC00;
	left: 10%;

}
.menu
{
    BORDER-RIGHT: buttonhighlight thin outset;
    BORDER-TOP: buttonhighlight thin outset;
    VISIBILITY: hidden;
    BORDER-LEFT: buttonhighlight thin outset;
    WIDTH: 150px;
	left: 10%;
    LINE-HEIGHT: 140%;
    BORDER-BOTTOM: buttonhighlight thin outset;
    POSITION: absolute;
    BACKGROUND-COLOR: #333399;
}
.menuItem
{
	PADDING-RIGHT: 15px;
	PADDING-LEFT: 10px;
	WIDTH: 100%;
	left: 10%;
	CURSOR: hand;
	LINE-HEIGHT: 20px;
	color: #FFCC00;
	BORDER-BOTTOM: white 1px solid;
	background-color: #000080;

}
.ItemMouseOver
{
    PADDING-RIGHT: 15px;
    PADDING-LEFT: 10px;
    WIDTH: 100%;
	left: 10%;
    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
{
    BORDER-RIGHT: blue 1px ridge;
    BORDER-TOP: blue 1px ridge;
    FLOAT: left;
    BORDER-LEFT: blue 1px ridge;
    WIDTH: 100px;
	left: 10%;
    CURSOR: hand;
    TEXT-INDENT: 5px;
    BORDER-BOTTOM: blue 1px ridge;
    POSITION: relative;
    BACKGROUND-COLOR: #333399;
	color: highlighttext;
    TEXT-ALIGN: center
}