/* -----------------------------------------------------------------------------
 * Revised: 2006 July
 */


/* -----------------------------------------------------------------------------
 *   Properties of the document body.
 *   Note: Margins and padding are all zero so that the menu bar stretches the
 *         full width of the browser window.
 */


/* -----------------------------------------------------------------------------
 *   Properties of the top menu bar.
 */
.menuBar
{
    color:#FFDD00;
    font: normal normal normal 16px/20px arial;
    white-space: nowrap;
    text-decoration:none;

    /* Set the cursor for the menu to link pointer (hand). */
    cursor:pointer;
}

.menuBar:hover
{
    color:#FFDD00;

    /* Set the cursor for the menu to link pointer (hand). */
    cursor:pointer;
}

.menuBar:visited
{
    color:#FFDD00;

    /* Set the cursor for the menu to link pointer (hand). */
    cursor:pointer;
}

/* -----------------------------------------------------------------------------
 * Properties of each menu box.
 * This is the box that holds all the menu items.
 */
.menuBox
{
/*    border: ridge #3300AA 1px; */
    background-repeat: repeat;
    padding: 0px 1px 1px 1px;   /* Safari Fix: This fixes where the mouseout event does not occur. */
    margin: 0px 1px 1px 1px;    /* Safari Fix: This fixes where the mouseout event does not occur. */
    height:1px;         /* IE Fix: Give actual size of image. Needed to display background image. */
    width:1px;          /* IE Fix: Give actual size of image. Needed to display background image. */
    /* IE fix: Fixed in IE 7. */
    /* filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='./images/smoke-glass.png'); */

    /* Set the cursor for the menu to link pointer (hand). */
    cursor:pointer;
}

/* -----------------------------------------------------------------------------
 * Properties of each menu box below the menu bar.  These are the settings
 * required by non-IE browsers.
 *
 * Note: IE ignores styles with [attributes], so it will skip this section.
 */
.menuBox[class]
{
    height:100%;        /* Resize image to resonable values. */
    background-color:#000000;
}


/* -----------------------------------------------------------------------------
 *   Properties of each menu item in the menu box.
 */
.menuItem
{
    color:#FFDD00;
    font: normal normal bold 12px/18px arial;
    white-space:nowrap;
    text-decoration:none;

    margin:0px 0px 0px 0px;
    padding:0em 1em 0em 1em;
    overflow:visible;

/*    border:ridge transparent 1px; */
    border:1px ridge #663300;
    border-style:outset;
    background-image: url(./images/menuBlank.png);

    /* Set the cursor for the menu to link pointer (hand). */
    cursor:pointer;
}

/* Hover properties of each menu item in the menu box. */
.menuItemHover
{
    color: #FFEE00;
    font: normal normal bold 12px/18px arial;
    white-space:nowrap;
    text-decoration:none;

    margin:0px 0px 0px 0px;
    padding:0em 1em 0em 1em;
    overflow:visible;

    border: 1px ridge #DDBB00;
    border-style:inset;
    background-color:#666666;

    /* Set the cursor for the menu to link pointer (hand). */
    cursor:pointer;
}


/* -----------------------------------------------------------------------------
 *   Properties of the sub-menu arrow indicating a link to a sub-menu.
 */
.arrow
{
    position:absolute;
    top: auto;
    bottom: auto;
    right:4px;
    z-index:3;
    margin:3px 0px 0px 0px;
    padding:0px 0px 0px 0px;

    behavior: url("./images/pngbehavior.htc");  /* IE fix: Fixed in IE 7. */
    height:10px;         /* IE fix: Give actual size of image. Needed by pngbehavior.htc. */
    width:20px;          /* IE fix: Give actual size of image. Needed by pngbehavior.htc. */
}


.pngImage
{
    behavior: url("./images/pngbehavior.htc");  /* IE fix: Fixed in IE 7. */
}