1@charset "ISO-8859-1"; 2 3/* from http://denilsonsa.selfip.org/~denilson/menu/menu.html 4*/ 5 6#nav { 7 list-style: none; 8 margin: 0; 9 padding: 0; 10} 11 12#nav + *{ 13 clear: left; 14} 15 16#nav ul { 17 padding: 0; 18 margin:0; 19 list-style: none; 20 z-index:99; 21 position:relative; 22 overflow:visible; 23} 24 25#nav > li ul { 26 text-align: left; 27} 28#nav li { /* Appearance settings (eye candy) */ 29 position: relative; 30 background: url("../icons/menu-bg.png") left top; 31 color: #00F; 32 border: solid 1px #AAA; 33 height: auto; 34 max-width: 12em; 35 overflow: visible; 36} 37#nav ul ul { 38 width: 8em; 39} 40#nav > li { 41 margin: 0; 42 float: left; 43 text-align: center; 44 height: 1.6em; 45} 46 47 48#nav a { 49 text-decoration: none; 50 padding: 0 0.5em; 51 line-height: 1.6em; 52 background: transparent; 53 color: inherit; 54 overflow: hidden; 55} 56#nav li li a { 57 line-height: normal; 58 padding: 0.15em 0.25em; 59} 60 61#nav ul, #nav li, #nav a{ 62 display: block; 63} 64 65 66#nav ul{ 67 visibility: hidden; 68} 69 70/* (sub-)submenus */ 71#nav ul ul, #nav ul ul ul{ 72 position:absolute; 73 top: 0; 74 left: 95%; 75 visibility: hidden; 76} 77 78/* Shadow! */ 79 80#nav li:hover { 81 background: url("../icons/menu-bg-highlight.png") left top; 82 color: #F00; 83} 84#nav > li ul { 85/* background: #666;*/ 86 background: transparent url("../icons/black40.png"); 87} 88#nav > li > ul { 89 margin: -1px; /* This is to make the width equal to parent li width. */ 90 position: relative; 91/* top: 4px; */ 92 left: 4px; 93} 94#nav > li ul li { 95 position: relative; 96/* top: -4px; */ 97 left: -4px; 98} 99/* end shadow */ 100 101 102/* Enlarger */ 103/* #nav > li {width: 8em;} */ /* popping disappears if we use a fixed-width */ 104/* 105#nav > li:hover { 106 margin: -0.2em; 107 padding: 0.2em; 108 z-index: 2; /* Opera does not seem to respect this. */ 109} 110#nav > li:hover > a { 111 margin: -0.2em; 112 padding: 0.2em 0.7em; 113} 114*/ 115/* end enlarger */ 116 117 118/* Interactive lines: show/hide menus */ 119#nav li:hover ul ul, #nav li:hover ul ul ul{ 120 visibility: hidden; 121} 122 123#nav li:hover ul, #nav ul li:hover ul, #nav ul ul li:hover ul{ 124 visibility: visible; 125} 126 127.skipnav { 128 display: none; 129} 130 131#nonav { 132 display: block; 133 background: transparent; 134 height: 1px; 135 border: 0; 136 margin: 0 0 -1px 0; 137 padding: 0; 138} 139