/* $Revision: 118 $ $Date: 2005-11-29 16:27:35 -0800 (Tue, 29 Nov 2005) $ */ /* must come before "hover", otherwise it overwrites the hover color */ #menu a:link, #menu a:visited { color: blue; } body#home a#navhome, body#loc a#navloc, body#instr a#navinstr, body#testimonials a#navtestimonials, body#pix a#navpix, body#faq a#navfaq, body#teengeninfo a#navteengeninfo, body#de a#navde, body#dt a#navdt, body#adultdt a#navadultdt, body#tvs a#navtvs, body#dmvtest a#navdmvtest, #menu a:hover { background: white; font-weight: bold; border-bottom-color: #6699CC; border-top-color: #6699CC; } /* body:lang(en) { quotes: "«" "»" "<" ">" } body#adultdt a#navadultdt:after { content: " " close-quote; content: » or » } */ #menu { /* background: transparent url(/images/large.gif) repeat-x; */ /* background-color: #e5ecf9;*/ /* from mx site background-color: #E6EAF3; */ /* chrisped border: 1px solid #CCCCCC; */ background-color: #e5ecf9; border: 1px solid #6699CC; padding-bottom: 10px; } #menu a { /* not necessary to create camoflauged borders here since it's only the "line-height" that causes the links to expand, but I'll do it this way just in case b/c that's how I saw it done on EM's site */ border-bottom: 1px solid #e5ecf9; border-top: 1px solid #e5ecf9; display: block; /* make the link occupy the entire row/line */ padding: 1px 0px 1px 39px; /* indent link */ text-decoration: none; } #menu h4#teens { background-image: url(/images/menu/trafficlight.gif) } #menu h4#adults { background-image: url(/images/menu/cartracks.gif) } #menu h4#everyone { background-image: url(/images/menu/speedlimit.gif) } #menu h4#aboutus { background-image: url(/images/menu/uparrow.gif) } #menu h4 { background-repeat: no-repeat; color: black; font-size: 1.25em; line-height: 30px; /* make room for image */ margin-left: 2px; margin-top: 2px; text-indent: 35px; /* make room for image */ } #menu img { vertical-align: middle; } #menu li { /* ie workaround to prevent extra newlines from being inserted when links () are set to "display: block"; another workaround is to set the "border: 1px solid #000" as this removes the newline (but setting "border-width: 1px" does nothing - not sure why); yet another workaround is to remove empty space between the and
  • (ie: put all li's on one line with no spaces between tags) */ display: inline; /* remove the list marker b/c it sticks out of the box when you remove the ul list margin */ list-style: none; } #menu ul { margin: 0 0 15px 0; padding: 0; /* allow link (a) to expand to occupy entire space */ }