#leftNav ul { list-style: none; margin: 0; padding: 0; border: none; } #leftNav li { width: 180px; margin: 0; padding: 0; font-weight: bold; letter-spacing: 0.1em; } #leftNav li a:link, #leftNav li a:visited { display: block; padding: 5px; border-left: 12px solid #ccc; text-decoration: none; background-color: #e9e9e9; border-bottom: 1px solid #ccc; border-right: 1px solid #ccc; color: #666; } #leftNav li a:hover { border-left: 12px solid #ffcc00; background-color: #feff00; display: block; } #leftNav ul ul a:link, #leftNav ul ul a:visited { border-left: 12px solid #ffcc00; background: #f7f7f7 url(../images/arrow.gif) no-repeat 12px center; padding-left: 29px; border-bottom: 1px solid #ffcc00; border-right: 1px solid #ffcc00; font-size: 90%; display: block; } #leftNav ul ul a:hover { color: #000; background: #fff url(../images/arrowGray.gif) no-repeat 12px center; display: block; } /*=====Highlighting current section====*/ /*--Important: separate elements by comma except for the last one!--*/ /*---To highlight the top level navigation, you give an ID to the body tag and an ID to the corresponding link. --*/ body#homePage ul a#home, body#aboutPage ul a#about, body#codehawkPage ul a#codehawk, body#solutionsPage ul a#sol, body#newsPage ul a#news, body#testPage ul a#test, body#publicationsPage ul a#pub, body#contactPage ul a#contact { border-left: 12px solid #ffcc00; background-color: #feff00; font-weight: bold; color: #000; border-bottom: 2px solid #ffcc00; border-top: 2px solid #ffcc00; border-right: 1px solid #ffcc00; } /*---Hides all the second level navigation---*/ ul.aboutSub, ul.solutionsSub {display: none;} /*---Shows the second level navigation when on a top level link that has sub-links underneath---*/ /*body#aboutPage ul.aboutSub,*/ /*body#competenciesPage ul.competenciesSub, (JJA commented out this line)*/ body#solutionsPage ul.solutionsSub {display: block; margin-left: 0; padding-left: 0;} /*---To hi-light the second level navigation, you give the body tech a CLASS corresponding to the page. Your body tag will then contain an ID and a Class, e.g. . This will hi-light the first level navigation, "Solutions," using the ID and the second level, "Solution 1," using the CLASS identifier.---*/ body.tech ul ul a#tech, body.bus ul ul a#bus, body.static ul ul a#static, body.dynamic ul ul a#dynamic, body.policyenforcement ul ul a#policyenforcement, body.modelxform ul ul a#modelxform, body.propverf ul ul a#propverf, body.secureverf ul ul a#secureverf, body.runtime ul ul a#runtime { color: #000 !important; background: #fff url(../images/arrowGray.gif) no-repeat 12px center !important; }