/***********************************************************************************************
    
    Copyright (c) 2005 - Alf Magne Kalleland post@dhtmlgoodies.com
    
    Get this and other scripts at www.dhtmlgoodies.com
    
    You can use this script freely as long as this copyright message is kept intact.
    
    ***********************************************************************************************/
    #mainMenu{
        background-color: #4D4D4D; /* Background color of main menu */
        border-bottom:1px solid #000000;    /* Bottom border of main menu */
        height:30px;    /* Height of main menu */
        position:relative;  /* Don't change this position attribute */
    }
    #mainMenu a{
        background-color:#222222;
        text-decoration:none;
        width:120px;
        text-align: center;
        padding-left: 1px; padding-right: 1px;
        border-left: 1px solid Black;
        line-height: 30px;
        font-weight:bold;
        float: right;
        /* Don't change these two options */
        bottom:-1px;    /* Change this value to -2px if you're not using a strict doctype */
        color: #40529f;    /* Text color */
    }


    #submenu div{
        white-space:nowrap; /* Don't change this option */
        
    }
    /*
    Style attributes of active menu item 
    */
    #mainMenu .activeMenuItem{
        /* Border options */
        background-color: #444444;  /* Background color */
        cursor:pointer; /* Cursor like a hand when the user moves the mouse over the menu item */
        color: #FFF;
    }
    
    #mainMenu .activeMenuItem img{
        position:absolute;
        bottom:0px;
        right:0px;
    }
        
    /*
    Style attributes of inactive menu items
    */
    #mainMenu .inactiveMenuItem {
        cursor:pointer; /* Cursor like a hand when the user moves the mouse over the menu item */
    }
    
    #submenu {
        background-color: #4D4D4D; /* Background color of main menu */
        border-bottom:1px solid #000000;    /* Bottom border of main menu */
        height:30px;    /* Height of main menu */
        position:relative;  /* Don't change this position attribute */
    }

    #submenu a{
        background-color: #222222;
        padding-left: 1px; padding-right: 1px;
        text-align:center;
        width:120px;
        border-left: 1px solid Black;
        text-decoration:none;
        float:right;
        line-height: 30px;
    }
    
    .go_away {
        background-color: #ABCDEF;
        display: none;
    }
    #submenu a:hover{
        color: #FFF;
    }