#lgraphic  {
    width: 994px;
    margin-left: 0em;
    padding-left: 0px;
    height: 45px;
    margin-right: auto;
    padding-top: 5px;
}

.borderRight {
    border-right: 1px solid #ffffff;
}
.subnav {
    overflow:visible;
    z-index:99999;
}
#menubar {
    float: left; /* contain li floats by floating the ul left */
    line-height: 1; 
    margin-bottom: 1em;
    width: 100%;
    margin-left: -6em;
}

#menubar a {
    text-decoration: none;
    font-size: .98em;
    color: #fff;
    padding-top: 0.5em;
    padding-right: 0.75em;
    padding-bottom: 0.5em;
    width: 137px;
    display: block;
    padding-left: 0.85em;
}

/* set width of top level menu, float them left and give them position relative so that the 2nd tier menu's will sit under them */
#menubar li {
    float: left;
    width: 14em;
    position: relative;
    list-style: none;
    text-align: center;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10pt;
    font-weight: bold;
    color: #FFFFFF;
    text-decoration: none;
}

/* 2nd tier and lower sub menus move off screen until required */
#menubar li ul {
    display: none;
    margin-left: -1px;
    position: absolute;  
    top: -999em;
    padding-left: 8px;
}

/* give 2nd tier and lower sub menus a width and remove bullets */
#menubar li ul, #menubar ul li {
    list-style: none;
    width: 14em;
    text-align: left;
}

#menubar ul li a {
    border-right: 0;
}

#menubar li:hover ul {
    top: 2em;
}
#menubar li:hover a, #menubar a:hover {
    color: #F4F297;
    }
#menubar a:focus, #menubar a:active, #menubar li.current,  #menubar li ul.subnav{
    color: #F4F297;
}
#menubar li:hover ul, #menubar a:focus ul, body #menubar li.hover, ul.subnav {
    display: block;
    background-image: url(../images/sub_bkg.png);
}

#menubar ul a:hover, #menubar ul a:focus {
    color: #FFFFFF!important;
    overflow:visible;
    z-index:99999;
}


ul#menubar li ul li.first_item {
    background-position: left top;
    padding-top: 5px;
    -webkit-border-top-left-radius: 7px;
    -webkit-border-top-right-radius: 7px;
    -moz-border-radius-topleft: 7px;
    -moz-border-radius-topright: 7px;
    border-top-left-radius: 7px;
    border-top-right-radius: 7px;
}
ul#menubar li ul li.last_item {
    background-position: left bottom;
    padding-bottom: 7px;
}

ul#menubar li a.sf-with-ul .sf-sub-indicator {
    background-image: none;
    margin: 0;
    padding:0;
    display: block;
    width: 10px;
    height: 12px;
    line-height: 1;
    text-indent: -9999em;
    position:fixed;
    top: 15px;
    right: 10px;
    overflow:visible;
}
ul#menubar li,
ul#menubar ul  {
    background-position: -23px bottom;
}

/**** Position of third tier of nav ****/
 /* Note that this rule must appear here in the code order in order for it to override previous
  positioning rules so that this and subsequent nested submenus still remain hidden when the parent 
  submenu is shown. Do not group these selectors with other top:-999em rules */
#menubar li:hover li ul {
    top:-999em; /* hide submenu in screen-reader and search-engine friendly way */
}

/* DO NOT attempt to group these selectors with similar earlier rules. The code order is important 
so the rules override previous ones correctly */
/* This pure CSS hover (below) is overridden by the .superfish rules below which are applied 
only when JavaScript is available. This way, the menu degrades to regular CSS dropdown
when JavaScript is unavailable */ 
#menubar li li:hover ul, 
ul#menubar li  ul#menubar li ul.subnav /* this is the familiar IE6 hover support. With Superfish, 
all browsers use this rule when JS is available. This is because the JS needs to be able to control 
hide and reveal delays and animations without the pure CSS rule intruding.
 Note the tag selector ul#menubar instead of just #menubar - this gives it the most specificity of all 
 and makes it trump all other positioning rules, including the .superfish overrides below */ 
{
    left:12em; /* VARIABLE. Offset *subsequent* submenus to the right by the amount you set for the submenu widths (see #menubar ul rules above) */
    top: 0px; /* position subsequent submenus horizontally aligned to parent li */
    border-top: 1px solid #ffffff;
}

#menubar li {
    width: auto;
}

#newmenu-push {
    display: inline-block;
    width: 70%; 
}
/* Override the top margin of the 'welcome' id from karmastyle.css */
#welcome {
    margin-top: 6px;
}