/* Style for W3C/WAI List of Web Accessibility Evaluation Tools
 *
 * Copyright © 2006 W3C® (MIT, ERCIM, Keio). All Rights Reserved.
 * See http://www.w3.org/Consortium/Legal/ipr-notice.html#Copyright
 *
 * Author: W3C Team
 * Contributors: Bert Bos, Shadi Abou-Zahra, Shawn Henry
 */

#hMenu { margin: 1.5em 0; text-align: center; font-weight: bold; }
#hMenu ul { list-style: none; margin: 0; padding: 0; }
#hMenu li { float: left; width: 10em; background: #f2f2f2; border: solid 1px #000000; }
#hMenu div { margin: 0; padding: 0.5em; background: #ffffff; }
#hMenu a { margin: 0; padding: 0.5em; display: block; text-decoration: underline; }
#hMenuSelection { color: #000000; text-decoration: none; background: #ffffff; }
#hMenu a:hover { text-decoration: underline; }

/* HACK: 'overflow: hidden' makes the height include floats, except in IE6 */
#hMenu ul { height: 1px; } /* For WinIE6 */
#hMenu>ul { height: auto; overflow: hidden; } /* The standard way */

/* The above is sufficient, but the following is better. It gives the
   LIs equal height, no matter how long the content is, and doesn't
   double the border between them. However, the removal of 'float:
   left' must be hidden from MacIE and WinIE6, which don't understand
   'display: table'. */

#hMenu { display: table; border-collapse: collapse; }
#hMenu ul { display: table-row; }
#hMenu ul>li { display: table-cell; /*\*/ float: none; /**/ }