/* 
Copy these few stylesheet lines to the bottom of your stylesheet.css file. If the expressions have the right priority it should work immediately. If not, you have to give them their priority.

Copy the four images into the image-folder of your template.
*/

.sitemaplevel1{font-size:9pt;background: url(images/dot.gif) repeat-y 16px 0;}
.sitemaplevel2{font-size:9pt;background: url(images/dot.gif) repeat-y 21px 0;}
.sitemaplevel3{font-size:9pt;background: url(images/dot.gif) repeat-y 27px 0;}
.sitemaplevel1 a{font-weight:normal;color:black;background: url(images/dot2.gif) no-repeat -2px 7px;padding-left:30px;}
.sitemaplevel2 a{font-weight:normal;color:black;background: url(images/dot2.gif) no-repeat 5px 7px;padding-left:35px;}
.sitemaplevel3 a{font-weight:normal;color:black;background: url(images/dot2.gif) no-repeat 11px 7px;padding-left:41px;}
.sitemaplevel1 a:link,.sitemaplevel2 a:link,.sitemaplevel3 a:link,.sitemaplevel1 a:visited,.sitemaplevel2 a:visited,.sitemaplevel3 a:visited{color:black;}
.sitemaplevel1 a:active,.sitemaplevel2 a:active,.sitemaplevel3 a:active,.sitemaplevel1 a:hover,.sitemaplevel2 a:hover,.sitemaplevel3 a:hover{color:black;}
.sitemaplevel1 li.doc{background: url(images/bullet1.gif) no-repeat 33px 6px; line-height: 20px;}
.sitemaplevel1 li.docs{background: url(images/bullet2.gif) no-repeat 33px 6px; line-height: 20px;}
.sitemaplevel2 li.doc{background: url(images/bullet1.gif) no-repeat 39px 6px; line-height: 20px;}
.sitemaplevel2 li.docs{background: url(images/bullet2.gif) no-repeat 39px 6px; line-height: 20px;}
.sitemaplevel3 li.doc{background: url(images/bullet1.gif) no-repeat 45px 6px; line-height: 20px;}
.sitemaplevel3 li.docs{background: url(images/bullet2.gif) no-repeat 45px 6px; line-height: 20px;}