/*this is the css for the vertical version*/ .vertical ul{ list-style-type: none; padding: 0px; border-top: 0px solid; width: 208px; } .vertical li a{ display: block; width: 180px; text-decoration: none; height:1em; padding: .0em 0px; border: 0px solid; border-top: 0px; } .vertical li{ /*Needed for IE. Don't ask me why, It was a lucky guess.*/ display: inline; } .vertical li ul{ position: absolute; margin-top: 0em; margin-left: 200px; margin-bottom: -1.0em; } /*this is the css for the horizontal version*/ .horizontal ul{ list-style-type: 1; padding: 1px; height: 2.1em; height:26px; margin-left: 1px; border: 1px solid; width:950px; display: block; font-color:#000000; border-bottom: 2px solid; } .horizontal li{ float: left; display: inline; font-size: x-small; font-family: Arial; font-color:#000000; height:5px; } .horizontal li a{ text-decoration: none; height:25px; float: left; display: block; width: auto; padding: 2; border: 1px solid; padding-left:-8px; color:#000000; border-top: none; border-bottom: none; border-left: none; } .horizontal li li a{ border-top: none; border-left: 1px solid; } .horizontal li ul{ position: absolute; margin-top: 0em; margin-left: -1px; width: 80px; border:0px solid; display: block; height:5px; border-top: 1px solid; color:#000000; } .horizontal li li ul{ position: absolute; margin-top: .1em; margin-left: 0px; height: 3px; } .horizontal li ul li a{ width: 140px; height:2.1px; } /*This section makes the menu not work in non-javascript enabled browsers by not showing the menu by default-This can be worked around by making top level links point to a sitemap*/ /*Not sure if I recommend this or not*/ .inaccesible li ul{ display: none; } /*Arrow code - looks like Text Arrow can be turned on/off with arrow class*/ .arrow a span{ padding-left: 1em; font-size: 100%; color:#000000; font-color:#000000; } .arrow a:hover span{ padding-left: 2em; } .arrow a span.noshow{ visibility: hidden; } /*Plus code*/ .plus a span{ padding-left: .4em; } /*colors for menu*/ .blackwhite li a{ background-color: white color:#000000; border-color: #ffffff; } .blackwhite li a:hover{ background-color: white; color:#000000; border-color: #ffffff; } .blackwhite ul{ border-color: #7f7e82; } .bluewhite li a{ background-color: white; color: black; border-color:#7f7e82; } .bluewhite li a:hover{ background-color: #A9A9A9; color: #000000; border-color: #7f7e82; } .bluewhite ul{ border-color: #7f7e82; }