/* MENU ELEMENT */

#menu li, #menuSub li { display: inline; }

#menu a { color: #d6d6d6; }

#menu .standalone {
    background: url('../gfx/menu_main_standalone.png'); }

#menu .withsub {
    background: url('../gfx/menu_main.png'); }


/* MAIN MENU */
/* See also: fcMac.css. A little fix for Macintosh users */

#menuMain {
    width: 852px; height: 24px;
    padding-left: 10px; padding-right: 10px; }
    
#menuMain .line {
    width: 830px; }

#menuMain .line li a {
    display: block; position: relative; float: left;
    padding-left: 10px; padding-right: 10px;
    padding-top: 4px; padding-bottom: 5px;
    margin-right: 3px; }
    
#menuMain .line li:hover a, #menuMain .line .selected a {
    background: url('../gfx/menu_main_hover.png');
    text-decoration: none;
    color: #323232; }


/* DROPDOWN */

#menuMain .dropdown {
    float: right;
    margin-top: -20px;
    display: block;
    list-style: none;
    width: 20px; }

#menuMain .dropdown li {
    position: relative; }
    
#menuMain .dropdown ul {
    position: absolute;
    left: 20px;
    top: 0;
    display: none;
    margin-top: 12px;
    margin-left: -20px;}
    
#menuMain .dropdown li a {
    display: block;
    text-decoration: none;
    background: url('../gfx/menu_main_standalone.png') -10px 0px;
    padding: 5px;
    border-bottom: 0; }

#menuMain .dropdown li a:hover {
    background: url('../gfx/menu_main_hover.png');
    color: #323232; }
    
#menuMain li:hover ul {
    display: block; }
    
#menuMain #main_dropdown_image {
    width: 15px; height: 24px;
    background: url('../gfx/dropmenu_icon.png') 0px 0px; }
    
#menuMain #main_dropdown_image:hover {
    width: 15px; height: 24px;
    background: url('../gfx/dropmenu_icon.png') 0px 24px; }


/* SUB MENU */

#menuSub a { font-size: 11px; }

#menuSub {
    width: 852px; height: 21px;
    padding-left: 10px; padding-right: 10px;
    background: url('../gfx/menu_sub.png'); }
    
#menuSub li a, #menuSub li span {
    display: block; position: relative; float: left;
    padding-right: 10px; padding-left: 10px;
    padding-bottom: 4px; padding-top: 3px;
    margin-right: 3px; }
    
#menuSub li span {
    color: #d6d6d6;
    font-size: 11px; }
    
#menuSub li:hover a, #menuSub .selected a {
    background: url('../gfx/menu_sub_hover.png');
    text-decoration: none; color: #323232; }