/* Provides for accessible, CSS based, dynamic pulldown menus.  IE6 support is accomplished using the JS in the file js/scripts.js */
ul#nav { height: 32px; z-index: 20; }
ul#nav li { float: left; width: auto; line-height: 1.0em; }
ul#nav li li { float: none; width: auto; font-size: 1.1em; }
ul#nav { margin: 0 0 0 10px; padding: 0; height: 30px; }
#nav,
#nav ul { padding: 0; margin: -6px 0 0 0; list-style: none; }
#nav a { display: block; background: none; height: 32px; font-weight: normal; }
/*top buttons*/
#nav li { float: left; width: 130px; }
#nav li.whoweare a { width: 87px; }
#nav li.whatwedo a { width: 93px; }
#nav li.research a { width: 87px; }
#nav li.mediacenter a { width: 106px; }
#nav li.partners a { width: 84px; }
#nav li.resources a { width: 84px; }
#nav a:hover { background-image: none; text-decoration: none; }
#nav li.whoweare:hover { background: url(/topnav-whoweare-on.gif) left top no-repeat; }
#nav li.whatwedo:hover { background: url(/topnav-whatwedo-on.gif) left top no-repeat; }
#nav li.research:hover { background: url(/topnav-research-on.gif) left top no-repeat; }
#nav li.mediacenter:hover { background: url(/topnav-mediacenter-on.gif) left top no-repeat; }
#nav li.partners:hover { background: url(/topnav-partners-on.gif) left top no-repeat; }
#nav li.resources:hover { background: url(/topnav-resources-on.gif) left top no-repeat; }
/*dropdowns*/
#nav li ul { position: absolute; z-index: 10; left: -999em; background: #fff url(/topnav-widget.gif) top right no-repeat; }
#nav li ul { border-right: 4px solid #daf2ff; border-left: 4px solid #daf2ff; border-bottom: 4px solid #daf2ff; top: 38px; padding: 10px; }
#nav li.whoweare ul { background-position: 79px 0; }
#nav li.whatwedo ul { background-position: 85px 0; }
#nav li.research ul { background-position: 79px 0; }
#nav li.mediacenter ul { background-position: 98px 0; }
#nav li.partners ul { background-position: 76px 0; }
#nav li.resources ul { background-position: 76px 0; }
#nav li li a { font-size: 0.9em; color: #404040; text-decoration: none; padding: 7px 0; border-width: 1px 0; height: auto; }
#nav li li a:hover { background: #fff; /*color: #369;*/ font-weight: bold; letter-spacing: -0.8px; }
#nav li.whoweare li a,
#nav li.whatwedo li a,
#nav li.research li a,
#nav li.mediacenter li a,
#nav li.partners li a,
#nav li.resources li a { width: 130px; }
#nav li:hover ul, #nav li.sfhover ul { left: auto; position: absolute; z-index: 20; }
* html #nav li ul { top: 38px; }
* html .nav-search #nav li li { margin-left: 2px; }
#nav li:hover img { position: relative; left: -999em }
