1*f4a2713aSLionel Sambuc/* From 'A list apart', 'dropdowns' */ 2*f4a2713aSLionel Sambuc 3*f4a2713aSLionel Sambuc#nav { 4*f4a2713aSLionel Sambuc clear: left; 5*f4a2713aSLionel Sambuc margin:0; 6*f4a2713aSLionel Sambuc padding:0; 7*f4a2713aSLionel Sambuc font-weight: bold; 8*f4a2713aSLionel Sambuc width:100%; 9*f4a2713aSLionel Sambuc background-color: #EBF0FA; 10*f4a2713aSLionel Sambuc border-bottom: 1px solid; 11*f4a2713aSLionel Sambuc font-size: 80%; 12*f4a2713aSLionel Sambuc} 13*f4a2713aSLionel Sambuc#nav a { 14*f4a2713aSLionel Sambuc text-decoration: none; 15*f4a2713aSLionel Sambuc} 16*f4a2713aSLionel Sambuc#nav a:hover { 17*f4a2713aSLionel Sambuc text-decoration: underline; 18*f4a2713aSLionel Sambuc} 19*f4a2713aSLionel Sambuc.menubar ul { 20*f4a2713aSLionel Sambuc list-style: none inside; 21*f4a2713aSLionel Sambuc} 22*f4a2713aSLionel Sambuc.menubar li { 23*f4a2713aSLionel Sambuc margin: 0; 24*f4a2713aSLionel Sambuc padding: 5px; 25*f4a2713aSLionel Sambuc text-align: left; 26*f4a2713aSLionel Sambuc text-indent: 0px; 27*f4a2713aSLionel Sambuc list-style-position: inside; 28*f4a2713aSLionel Sambuc list-style:none; 29*f4a2713aSLionel Sambuc float: left; 30*f4a2713aSLionel Sambuc position: relative; 31*f4a2713aSLionel Sambuc width: 13em; 32*f4a2713aSLionel Sambuc cursor: default; 33*f4a2713aSLionel Sambuc background-color: #EBF0FA; 34*f4a2713aSLionel Sambuc} 35*f4a2713aSLionel Sambuc.menubar li ul /* second level lists */ { 36*f4a2713aSLionel Sambuc display: none; 37*f4a2713aSLionel Sambuc position: absolute; 38*f4a2713aSLionel Sambuc left: 0; 39*f4a2713aSLionel Sambuc} 40*f4a2713aSLionel Sambuc.menubar li>ul { 41*f4a2713aSLionel Sambuc border-left: 1px solid; 42*f4a2713aSLionel Sambuc border-right: 1px solid; 43*f4a2713aSLionel Sambuc border-bottom: 1px solid; 44*f4a2713aSLionel Sambuc padding: 0; 45*f4a2713aSLionel Sambuc margin: 5px 0; 46*f4a2713aSLionel Sambuc left:auto; 47*f4a2713aSLionel Sambuc font-weight: normal; 48*f4a2713aSLionel Sambuc} 49*f4a2713aSLionel Sambuc.menubar li:hover ul, li.over ul { /* lists nested under hovered list items */ 50*f4a2713aSLionel Sambuc display: block; 51*f4a2713aSLionel Sambuc} 52*f4a2713aSLionel Sambuc 53