/*

CURSOR: pointer works in both Mozilla and IE (gives a hand)
CURSOR: hand only works in IE

*/


/*   Menu   */

table.tablemenu
{
    margin-top: -23px;
}

.mainmenu
{
    /**/
    
    font-family: Verdana, san serif;
    font-size: 10pt;
    font-weight: bold;
    color: rgb(0,0,0);
}



.menuBar
{
    background-image: url(menu_bkgd_2.jpg);
    
}
.Bar
{
    /*BORDER-RIGHT: RGB(150, 150, 150) 1px outset;*/
    /*BORDER-TOP: RGB(150, 150, 150) 1px outset;*/
    /*BORDER-LEFT: RGB(150, 150, 150) 1px outset;*/
    /*BORDER-BOTTOM: RGB(150, 150, 150) 1px outset;*/

    FLOAT: left;
    /* orig: 183px; */
    WIDTH: 160px;
    CURSOR: pointer;
    TEXT-INDENT: 10px;
    TEXT-ALIGN: center;
    line-height: 18px;
    height: 20px;

    POSITION: relative;
/*    BACKGROUND-COLOR: RGB(218, 218, 218);*/
    background-image: url(menu_bkgd_2.jpg);
    
}
/*when you hover over the menu bar, this is displayed */
.barOver
{
    /*BORDER-RIGHT: RGB(150, 150, 150) 1px ridge;*/
    /*BORDER-TOP: RGB(150, 150, 150) 1px ridge;*/
    /*BORDER-BOTTOM: RGB(150, 150, 150) 1px ridge;*/
    /*BORDER-LEFT: RGB(150, 150, 150) 1px ridge;*/
    
    FLOAT: left;
    /* orig: 183px; */
    WIDTH: 160px;
    CURSOR: pointer;
    TEXT-INDENT: 10px;
    TEXT-ALIGN: center;
    POSITION: relative;
    COLOR: highlighttext;
    line-height: 18px;
    height: 20px;
    
/*    BACKGROUND-COLOR: RGB(218, 218, 218);*/
    background-image: url(menu_bkgd_2.jpg);
    
}

.barOut
{
    /*BORDER-RIGHT: RGB(150, 150, 150) 1px ridge;*/
    /*BORDER-TOP: RGB(150, 150, 150) 1px ridge;*/
    /*BORDER-BOTTOM: RGB(150, 150, 150) 1px ridge;*/
    /*BORDER-LEFT: RGB(150, 150, 150) 1px ridge;*/

    FLOAT: left;
    /* orig: 183px; */
    WIDTH: 160px;
    CURSOR: pointer;
    TEXT-INDENT: 10px;
    TEXT-ALIGN: center;
    POSITION: relative;
    COLOR: black;
    line-height: 18px;
    height: 20px;
        
    /*    BACKGROUND-COLOR: RGB(218, 218, 218);*/
    background-image: url(menu_bkgd_2.jpg);
}


.menu, .submenu
{
    TEXT-ALIGN: left;
    BORDER-RIGHT: buttonhighlight thin outset;
    BORDER-TOP: buttonhighlight thin outset;
    VISIBILITY: hidden;
    BORDER-LEFT: buttonhighlight thin outset;
    /* can change this width to make the drop-down menu bigger than the menu head */
    WIDTH: 200px;
    LINE-HEIGHT: 140%;
    BORDER-BOTTOM: buttonhighlight thin outset;
    POSITION: absolute;
    /*BACKGROUND-COLOR: RGB(218, 218, 218)*/
    background-image: url(menu_bkgd_2.jpg);
    line-height: 20px;
    
    
    CURSOR: pointer;
}
.menuItem
{
    TEXT-ALIGN: left;
    /*PADDING-RIGHT: 15px;*/
    PADDING-LEFT: 10px;
    WIDTH: 190px;
    CURSOR: pointer;
   line-height: 18px;
    height: 20px;
    /*BORDER-BOTTOM: white 1px solid*/
}
.ItemMouseOver
{
    TEXT-ALIGN: left;
    /*PADDING-RIGHT: 15px;*/
    PADDING-LEFT: 10px;
    WIDTH: 190px;
    CURSOR: pointer;
    COLOR: highlighttext;
    line-height: 18px;
    height: 20px;
      
    background-image: url(menu_bkgd_2.jpg);
 /*   BACKGROUND-COLOR:RGB(200, 200, 200)*/
    /* They had 'highlight' as the word for background-color */
}
.ItemMouseOut
{
    TEXT-ALIGN: left;
    /*PADDING-RIGHT: 15px;*/
    PADDING-LEFT: 10px;
    WIDTH: 190px;
    CURSOR: hand, pointer, default;
    COLOR: black;
    line-height: 18px;
    height: 20px;

    background-image: url(menu_bkgd_2.jpg);
     /*   BACKGROUND-COLOR:RGB(200, 200, 200)*/
    /* They had 'highlight' as the word for background-color */
}
.Arrow
{
    /*FLOAT: right;*/
    /*FONT-FAMILY: Webdings;*/
    font-size: 12pt;
    /*POSITION: absolute;*/
    /*TEXT-ALIGN: left;*/

}