body {
   behavior: url(/css/csshover.htc); /* WinIE behavior call */
}

#subnav { 
   width: 750px;
   background-color: #FFF;
   border-bottom: 1px solid #999;   
}

#subnav .nav-item-alpha,
#subnav .nav-item { 
   float: left;
   padding: 4px 20px; 
}

#subnav a { 
   font: bold 12px Arial, Verdana, Helvetica, sans-serif; color: #666;
   text-decoration: none;
}

#subnav a:hover { 
   color: #36F; text-decoration: none;
}

body.application a#applicationmenu, body.industry a#industrymenu, body.region a#regionmenu, body.alpha a#alphamenu, body.slashsheet a#slashsheet,
body.techpapers a#techpapersmenu, body.thickness a#thicknessmenu, body.demo a#demomenu, body.appnotes a#appnotesmenu,
body.events a#eventsmenu, body.newsarchive a#newsarchivemenu, body.downloads a#downloadsmenu, 
body.benefits a#benefitsmenu, body.joblisting a#joblistingmenu,
body.history a#historymenu, body.locations a#locationsmenu, body.mgmt a#mgmtmenu { 
   color: #039;
}

#subnav ul {
   margin: 0;
   padding: 0;
   background-color: #FFF;
   border: 1px solid #999;
   border-width: 0 1px;
   display: none;
   float: none;
   position: absolute;
}

#subnav ul.sublevel1 {
   border-top: 1px solid #999;
}

#subnav li {
   position: relative;
   list-style: none;
   margin: 0;
   width: 150px;
   border-bottom: 1px solid #999;
   z-index: 9;
}

#subnav li:hover {
   background-color: #CCC;
}

#subnav li.submenu {
   background: url(/images/submenu.gif) 99% 50% no-repeat;
}

#subnav li.submenu:hover {
   background-color: #CCC;
   z-index: 10;
}

#subnav li a {
   display: block;
   font: normal 11px Arial, Verdana, Helvetica, sans-serif; color: #000;
   width: 135px;
   padding: 2px;
}

#subnav>ul a {
   width: auto;
}

#subnav ul ul {
   position: absolute;
   width: 150px;
   display: none;
}

#subnav li.submenu li.submenu:hover {
   background-color: #CCC;
   z-index: 11;
}

/** alpha, sublevel3 for product file listings */
#subnav div.nav-item:hover ul.sublevel1,
#subnav div.nav-item-alpha:hover ul.sublevel1,
#subnav div.nav-item-alpha:hover ul.sublevel1 li.submenu:hover ul.sublevel-alpha,
#subnav ul.sublevel1 li.submenu:hover ul.sublevel2, 
#subnav ul.sublevel2 li.submenu:hover ul.sublevel3 {
   display: block;
}

#subnav ul.sublevel2 {
   top: -1px;
   left: 150px;
   border-top: 1px solid #999;
}

#subnav ul.sublevel3 {
   top: 3px;
   left: -148px;
   border-top: 1px solid #999;
}

#subnav ul.sublevel-alpha {
   top: -1px;
   left: -152px;
   border-top: 1px solid #999;
}