html, body {
  height:100%;
  background-color:#F9F9F9;
}

body, div, p, td, th, ul, li {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
}

a {
  color:#000;
  text-decoration: none;
}

a:hover {
  color:#FF6600;
}

h1 { 
  color:#0066CC;
  font-size:23px;
}

h3 { 
  color:#BB3332;
  font: bold 16px Verdana, Arial, Helvetica, Sans-Serif;
}


.menuBar
{
    width: 720px;
    BACKGROUND-COLOR:#FFFF00;
    TEXT-ALIGN: center;
    margin-left: auto;
    margin-right: auto;
}

.Bar
{
    BORDER-RIGHT: gray 1px outset;
    BORDER-TOP: gray 1px outset;
    FLOAT: left;
    BORDER-LEFT: gray 1px outset;
    WIDTH: 120px;
    CURSOR: hand;
    TEXT-INDENT: 5px;
    BORDER-BOTTOM: gray 1px outset;
    POSITION: relative;
    BACKGROUND-COLOR: transparent;
    TEXT-ALIGN: center
    color: #FFF
}

.menu
{
    BORDER-RIGHT: buttonhighlight thin outset;
    BORDER-TOP: buttonhighlight thin outset;
    VISIBILITY: hidden;
    BORDER-LEFT: buttonhighlight thin outset;
    WIDTH: 170px;
    LINE-HEIGHT: 140%;
    BORDER-BOTTOM: buttonhighlight thin outset;
    POSITION: absolute;
    BACKGROUND-COLOR: #FFFF00
}
.menuItem
{
    PADDING-RIGHT: 15px;
    PADDING-LEFT: 10px;
    WIDTH: 100%;
    CURSOR: hand;
    LINE-HEIGHT: 20px;
    BORDER-BOTTOM: white 1px solid
}
.ItemMouseOver
{
    PADDING-RIGHT: 15px;
    PADDING-LEFT: 10px;
    WIDTH: 100%;
    CURSOR: hand;
    COLOR: highlighttext;
    LINE-HEIGHT: 20px;
    BORDER-BOTTOM: white 1px solid;
    BACKGROUND-COLOR: gray
}
.ItemMouseOut
{
    WIDTH: 100%
}
.Arrow
{
    FLOAT: right;
    FONT-FAMILY: Webdings;
    POSITION: absolute;
    TEXT-ALIGN: left
}
.barOver
{
    BORDER-RIGHT: black 1px ridge;
    BORDER-TOP: black 1px ridge;
    FLOAT: left;
    BORDER-LEFT: black 1px ridge;
    WIDTH: 120px;
    CURSOR: hand;
    TEXT-INDENT: 5px;
    BORDER-BOTTOM: black 1px ridge;
    POSITION: relative;
    BACKGROUND-COLOR: gray;
    TEXT-ALIGN: center
}