/*The empty space behind the menu bar that pushes the content down. */
#menu-area-without-menu {

    /*
    border-style:dashed;
    border-color:yellow;
    border-width:1px;  
        */

    height:50px;
    width:inherit;         
}

/*///////////////////////////////
// MENU BAR
///////////////////////////////*/

#menubar {     
                   
    height:76px;           
    width:900px;
    margin:0px auto;
    padding:0px 0px 0px 0px;

    position:fixed;
    top: -24px;
    left: 50%;           
    margin-left: -450px; /* Negative half of width. */    

    background-color:transparent;
}
        
/*///////////////////////////////  
// MENU BORDER
///////////////////////////////*/

#menubar-border-left {
    position:absolute;   
    background-image:url(/_content/menu_left.png?asset_version=2);

    height:60px;
    top:0px;
    left:0px; 
    width:16px;
}

#menubar-border-right {
    position:absolute;   
    background-image:url(/_content/menu_right.png?asset_version=2);

    height:60px;
    top:0px;
    right:0px;    
    width:16px;
}

#menubar-border-bottom-right {
    position:absolute;   
    background-image:url(/_content/menu_bottom_right.png?asset_version=2);

    bottom:0px;
    right:0px;    
    height:16px;
    width:16px;
}

#menubar-border-bottom-left {
    position:absolute;   
    background-image:url(/_content/menu_bottom_left.png?asset_version=2);

    bottom:0px;
    left:0px;    
    height:16px;
    width:16px;
}

#menubar-border-bottom-left {
    position:absolute;   
    background-image:url(/_content/menu_bottom_left.png?asset_version=2);

    bottom:0px;
    left:0px;    
    height:16px;
    width:16px;
}

#menubar-bottom {
    position:absolute;   
    background-image:url(/_content/menu_bottom.png?asset_version=2);

    top:60px;
    left:16px;    
    height:16px;         
    width:868px;
}

#menubar-fill {
    position:absolute;   
    background-color:#162f16;

    height:60px; 
    top:0px;
    left:16px;    
    width:868px;
}