/* The 90% width keeps the menubar from wrapping prematurely, 
but overlays the upgrade button in some browsers. Still
looking for a good fix. 
100% stretches the bar and creates a horizontal scroll. Suckage. */
#NavMenuList {
    position: relative;
    display: table; 
    width: 150px;
    margin: 0px; 
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 0px;
    padding-bottom: 0px;
   list-style-type: none;
    clear: both;
    border: 0px solid red;
    text-align: left;
    font-size: 12pt;
    font-weight: normal;
    font-family: 'Times New Roman';
	text-align: left;
}
#NavMenuList li {
    display: table-row;
    list-style: none; 
    margin: 0px; 
    padding: 0px;
}
#NavMenuList a {
    display: table-cell;
    width: 150px;
    height: auto;
    color: #FFFFFF; 
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 2px;
    padding-bottom: 1px;
    margin: 0px;
    text-decoration: none;
    float: left; 
    border-top: 0px solid #FFF;
    border-bottom: 0px solid #000;
    vertical-align: top;
   background: url("e/button.png") 0px 0px no-repeat;
}
#NavMenuList a:hover {
   background: url("e/button-hi.png") 0px 0px no-repeat;
}
#NavMenuList a.on{
   background: url("e/button-on.png") 0px 0px no-repeat;
}
#NavMenuList a.on:hover {
   background: url("e/button-on-hi.png") 0px 0px no-repeat;
}

#NavMenuList a.menutop{
   background: url("e/button-home.png") 0px 0px repeat-y;
}
#NavMenuList a.menutop:hover {
   background: url("e/button-home-hi.png") 0px 0px repeat-y;
}
#NavMenuList a.menutop-on{
   background: url("e/button-home-on.png") 0px 0px repeat-y;
}
#NavMenuList a.menutop-on:hover {
   background: url("e/button-home-on-hi.png") 0px 0px repeat-y;
}

#NavMenuList a.menuscholar{
   background: url("e/button-scholar.png") 0px 0px no-repeat;
}
#NavMenuList a.menuscholar:hover {
   background: url("e/button-scholar-hi.png") 0px 0px no-repeat;
}
#NavMenuList a.menuscholar-on{
   background: url("e/button-scholar-on.png") 0px 0px no-repeat;
}
#NavMenuList a.menuscholar-on:hover {
   background: url("e/button-scholar-on-hi.png") 0px 0px no-repeat;
}

#NavMenuList a.menuwarrior{
   background: url("e/button-warrior.png") 0px 0px no-repeat;
}
#NavMenuList a.menuwarrior:hover {
   background: url("e/button-warrior-hi.png") 0px 0px no-repeat;
}
#NavMenuList a.menuwarrior-on{
   background: url("e/button-warrior-on.png") 0px 0px no-repeat;
}
#NavMenuList a.menuwarrior-on:hover {
   background: url("e/button-warrior-on-hi.png") 0px 0px no-repeat;
}

#NavMenuList a.menubottom {
   background: url("e/button-end.png") 0px 0px no-repeat;
}
#NavMenuList a.menubottom:hover {
   background: url("e/button-end-hi.png") 0px 0px no-repeat;
}
#NavMenuList a.menubottom-on {
   background: url("e/button-end-on.png") 0px 0px no-repeat;
}
#NavMenuList a.menubottom-on:hover {
   background: url("e/button-end-on-hi.png") 0px 0px no-repeat;
}


#NavMenuList .NavSubMenuList {
    display: table; 
    position: relative; 
    margin: 0px; 
    padding: 0px; 
    border: 0px;
    clear: both;
    font-size: 8pt;
    font-family: 'Arial';
}
#NavMenuList .NavSubMenuList li a {
    width: 150px;
    color: #000000;
    padding-left: 15px;
    padding-right: 5px;
    margin: 0px; 
    float: left; 
    border: 0px;
   background: url("e/button-2.png") 0px 0px repeat-y;
}
#NavMenuList .NavSubMenuList li a:hover {
   background: url("e/button-2-hi.png") 0px 0px repeat-y;
}

#NavMenuList .NavSubSubMenuList {
    display: table; 
    position: relative; 
    margin: 0px; 
    padding: 0px; 
    border: 0px;
    clear: both;
    font-size: 7pt;
    font-family: 'Arial';
}
#NavMenuList .NavSubSubMenuList li a {
    width: 150px;
    color: #000000;
    padding-left: 20px;
    padding-right: 0px;
    margin: 0px; 
    float: left;
    border: 0px;
   background: url("e/button-3.png") 0px 0px repeat-y;
}
#NavMenuList .NavSubSubMenuList li a:hover {
   background: url("e/button-2-hi.png") 0px 0px repeat-y;
}