/* Provides for accessible, CSS based, dynamic pulldown menus.  IE6 support is accomplished using the JS in the file js/scripts.js */

#topMenu li a { display: block; height: 34px;}

#topMenu li.explore-off,
#topMenu li.explore-section { width: 177px; }
#topMenu li.experiment-off,
#topMenu li.experiment-section { width: 163px; }
#topMenu li.buzz-off,
#topMenu li.buzz-section { width: 126px; }
#topMenu li.about-off,
#topMenu li.about-section { width: 194px; }

#topMenu li.explore-off a { width: 177px; background: url(../images/topnav-explore-on.gif) left top no-repeat; }
#topMenu li.explore-off:hover img {display:none; }
#topMenu li.experiment-off a { width: 163px; background: url(../images/topnav-experiment-on.gif) left top no-repeat; }
#topMenu li.experiment-off:hover img {display:none; }
#topMenu li.buzz-off a { width: 126px; background: url(../images/topnav-buzz-on.gif) left top no-repeat; }
#topMenu li.buzz-off:hover img {display:none; }
#topMenu li.about-off a { width: 194px; background: url(../images/topnav-about-on.gif) left top no-repeat; }
#topMenu li.about-off:hover img {display:none; }
#topMenu li:discover-off a { width: 141px; background: url(../images/topnav-discover-on.gif) left top no-repeat; }
#topMenu li:.discover-off:hover img {display:none; }

#topMenu li img { position: relative; } /* don't put z-index 10 else CS div overlay */
/* #topMenu li:hover img, #topMenu li.sfhover img { display: none; } */
#topMenu li.hold:hover img { display: inline;}