/* Main menu settings */
#centeredmenu
{
    background: url(../_art/site/menuGrade.gif);
    height: 38px;
    clear: both;
    float: left;
    margin: 0;
    padding: 0;
    width: 100%;
    font-family: "Segoe UI", "Lucida Grande", "Trebuchet MS", Tahoma, sans-serif; /* Menu font */
    z-index: 1000; /* This makes the dropdown menus appear above the page content below */
    position: relative;
}

/* Top menu items */
#centeredmenu ul
{
    margin: 0;
    padding: 0;
    list-style: none;
    float: right;
    position: relative;
    right: 50%;
}

#centeredmenu > ul { height: 38px; }

#centeredmenu > ul > li
{
    height: 38px;
    margin: 0 0 0 1px;
    padding: 0;
    float: left;
    position: relative;
    left: 50%;
}

#centeredmenu ul li a
{
    display: block;
    margin: 0;
    padding: .6em .5em .4em;
    font-size: 1em;
    line-height: 1em;
    background: url(../_art/site/menuGrade.gif);
    text-decoration: none;
    color: #ffffff;
    font-weight: normal; /* override bold for non-menu "a" tags */
}

#centeredmenu > ul > li > a
{
    height: 19px;
    padding: 1em 0.5em 0.4em;
}

#centeredmenu ul li a:hover
{
    background: #2a89b1; /* Top menu items background colour */
    color: #ffffff;
}

#centeredmenu ul li:hover a,
#centeredmenu ul li.hover a { /* This line is required for IE 6 and below */
    background: #2a89b1; /* Top menu items background colour */
    color: #ffffff;
}

/* Submenu items */
#centeredmenu ul ul
{
    display: none; /* Sub menus are hidden by default */
    position: absolute;
/*    top: 2em;*/
    top: 38px;
    left: 0;
    float: left;
    right: auto; /*resets the right:50% on the parent ul */
    width: 10em; /* width of the drop-down menus */
}

#centeredmenu ul ul li
{
    left: auto;  /*resets the left:50% on the parent li */
    margin: 0; /* Reset the 1px margin from the top menu */
    clear: left;
    float: left;
    width: 100%;
}

#centeredmenu ul ul li a,
#centeredmenu ul li.active li a,
#centeredmenu ul li:hover ul li a,
#centeredmenu ul li.hover ul li a { /* This line is required for IE 6 and below */
    font-weight: normal; /* resets the bold set for the top level menu items */
    background: #084e69;
    color: #ffffff;
    line-height: 1.4em; /* overwrite line-height value from top menu */
    border-bottom: 1px solid #ddd; /* sub menu item horizontal lines */
    float: left;
    width: 100%;
}

#centeredmenu ul ul li a:hover,
#centeredmenu ul li.active ul li a:hover,
#centeredmenu ul li:hover ul li a:hover,
#centeredmenu ul li.hover ul li a:hover { /* This line is required for IE 6 and below */
    background: #2a89b1; /* Sub menu items background colour */
    color: #ffffff;
    float: left;
}

/* Flip the last submenu so it stays within the page */
#centeredmenu ul ul.last
{
    left: auto; /* reset left:0; value */
    right: 0; /* Set right value instead */
}

#centeredmenu ul ul.last li
{
    float: right;
    position: relative;
    right: .8em;
}

/* Make the sub menus appear on hover */
#centeredmenu ul li:hover ul,
#centeredmenu ul li.hover ul { /* This line is required for IE 6 and below */
    display: block; /* Show the sub menus */
}