Text and Images from Slide
div#links {position: absolute; <br /> top: 81px; <br /> left: 0%; <br /> width: 15%; <br /> height: 50%; <br /> font: bold 80% Verdana, sans-serif; <br /> z-index: 50%}
div#links a {display: block; <br /> text-align: center; <br /> font: bold 1em sans-serif; <br /> padding: 5px 10px; <br /> margin: 0 0 1px; <br /> border-width: 0; <br /> text-decoration: none; <br /> color: #000033; <br /> background: #ccffcc;<br /> border-right: .50% solid #666699}
div#links a:hover {color: #ccffcc; <br /> background: #000033;<br /> border-right: 5px double 66ffff}
div#links a span {display: none}
div#links a:hover span {display: block;<br /> position: absolute; <br /> top: 100%; <br /> left: 0; <br /> width: 90%;<br /> padding: 5px; <br /> margin: 10px; <br /> z-index: 100;<br /> font: 90% serif;<br /> color: #000033; <br /> background: #ccffcc;<br /> text-align: center;}
Navigation Bar CSS
Copyright Karen McCall, Karlen Communications
5