/* ------------------------------------------------------------ Reset Styles (from meyerweb.com) ------------------------------------------------------------ */ .sitemap div, .sitemap span, .sitemap applet, .sitemap object, .sitemap iframe, .sitemap h1, .sitemap h2, .sitemap h3, .sitemap h4, .sitemap h5, .sitemap h6, .sitemap p, .sitemap blockquote, .sitemap pre, .sitemap a, .sitemap abbr, .sitemap acronym, .sitemap address, .sitemap big, .sitemap cite, .sitemap code, .sitemap del, .sitemap dfn, .sitemap em, .sitemap font, .sitemap img, .sitemap ins, .sitemap kbd, .sitemap q, .sitemap s, .sitemap samp, .sitemap small, .sitemap strike, .sitemap strong, .sitemap sub, .sitemap sup, .sitemap tt, .sitemap var, .sitemap dl, .sitemap dt, .sitemap dd, .sitemap ol, .sitemap ul, .sitemap li, .sitemap fieldset, .sitemap form, .sitemap label, .sitemap legend, .sitemap table, .sitemap caption, .sitemap tbody, .sitemap tfoot, .sitemap thead, .sitemap tr, .sitemap th, .sitemap td { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; } /* ------------------------------------------------------------ NUMBER OF COLUMNS: Adjust #primaryNav li to set the number of columns required in your site map. The default is 4 columns (25%). 5 columns would be 20%, 6 columns would be 16.6%, etc. ------------------------------------------------------------ */ #primaryNav li { width: 19.5%; } /* ------------------------------------------------------------ General Styles ------------------------------------------------------------ */ .sitemap { margin: 10px 0 40px 0; float: left; width: 100%; } .sitemap a { text-decoration: none; } .sitemap ol, .sitemap ul, .sitemap li { list-style: none; } /* ------------------------------------------------------------ Site Map Styles ------------------------------------------------------------ */ /* -------- Top Level --------- */ #primaryNav { margin: 0; float: left; width: 100%; } #primaryNav #home { display: block; float: none; background: #ffffff url('/_img/slickmap/L1-left.png') center bottom no-repeat; position: relative; z-index: 2; padding: 0 0 30px 0; } #primaryNav li { float: left; background: url('/_img/slickmap/L1-center.png') center top no-repeat; padding: 30px 0; margin-top: -30px; } #primaryNav li a, #primaryNav li a:link, #primaryNav li a:visited { margin: 0 20px 0 0; padding: 10px 0; display: block; font-size: 14px; font-weight: bold; text-align: center; color: black; background: #c3eafb url('/_img/slickmap/white-highlight.png') top left repeat-x; border: 2px solid #b5d9ea; -moz-border-radius: 5px; -webkit-border-radius: 5px; -webkit-box-shadow: rgba(0,0,0,0.5) 2px 2px 2px; -moz-box-shadow: rgba(0,0,0,0.5) 2px 2px 2px; /* FF 3.5+ */ } #primaryNav li a:hover { background-color: #e2f4fd; border-color: #97bdcf; } #primaryNav li:last-child { background: url('/_img/slickmap/L1-right.png') center top no-repeat; } .sitemap a:link:before, .sitemap a:visited:before { content: " "attr(href)" "; display: block; text-transform: uppercase; font-size: 10px; margin-bottom: 5px; word-wrap: break-word; } #primaryNav li a:link:before, #primaryNav li a:visited:before { color: #78a9c0; } #primaryNav li ul li a:link:before, #primaryNav li ul li a:visited:before { content:""; } /* -------- Second Level --------- */ #primaryNav li li { width: 100%; clear: left; margin-top: 0; padding: 10px 0 0 0; background: url('/_img/slickmap/vertical-line.png') center bottom repeat-y; } #primaryNav li li a, #primaryNav li li a:link, #primaryNav li li a:visited { background-color: #cee3ac; border-color: #b8da83; } #primaryNav li li a:hover { border-color: #94b75f; background-color: #e7f1d7; } #primaryNav li li:first-child { padding-top: 30px; } #primaryNav li li:last-child { background: url('/_img/slickmap/vertical-line.png') center bottom repeat-y; } #primaryNav li li a:link:before, #primaryNav li li a:visited:before { color: #8faf5c; } /* -------- Third Level --------- */ #primaryNav li li ul { margin: 10px 0 0 0; width: 100%; float: right; padding: 9px 0 10px 0; background: #ffffff url('/_img/slickmap/L3-ul-top.png') center top no-repeat; } #primaryNav li li li { background: url('/_img/slickmap/L3-center.png') left center no-repeat; padding: 5px 0; } #primaryNav li li li a { background-color: #fff7aa; border-color: #e3ca4b; font-size: 12px; padding: 5px 0; width: 80%; float: right; } #primaryNav li li li a:hover { background-color: #fffce5; border-color: #d1b62c; } #primaryNav li li li:first-child { padding: 15px 0 5px 0; background: url('/_img/slickmap/L3-li-top.png') left center no-repeat; } #primaryNav li li li:last-child { background: url('/_img/slickmap/L3-bottom.png') left center no-repeat; } #primaryNav li li li a:link:before, #primaryNav li li li a:visited:before { color: #ccae14; font-size: 9px; } /* ------------------------------------------------------------ Utility Navigation ------------------------------------------------------------ */ #utilityNav { float: right; margin-right: 10px; } #utilityNav li { float: left; margin-bottom: 10px; } #utilityNav li a { margin: 0 10px 0 0; padding: 5px 10px; display: block; border: 2px solid #e3ca4b; font-size: 12px; font-weight: bold; text-align: center; color: black; background: #fff7aa url('/_img/slickmap/white-highlight.png') top left repeat-x; -moz-border-radius: 5px; -webkit-border-radius: 5px; -webkit-box-shadow: rgba(0,0,0,0.5) 2px 2px 2px; -moz-box-shadow: rgba(0,0,0,0.5) 2px 2px 2px; /* FF 3.5+ */ } #utilityNav li a:hover { background-color: #fffce5; border-color: #d1b62c; } #utilityNav li a:link:before, #utilityNav li a:visited:before { color: #ccae14; font-size: 9px; margin-bottom: 3px; } /* STOP IE 6!!! */ .sitemap *{ _background-image:none !important; }