Made the faq page not have funny characters in the links

docs/docs/intro.xml

@@ -67,7 +67,7 @@
         <p>
          The library is also covered by the very liberal Boost Software License
          so feel free to use it any way you like.  However, if you use dlib in
-         your research then please cite <a href="faq.html#How can I cite dlib?">its Journal of Machine Learning Research paper</a> when
+         your research then please cite <a href="faq.html#HowcanIcitedlib">its Journal of Machine Learning Research paper</a> when
          publishing.
         </p>
         <p>

docs/docs/stylesheet.xsl

@@ -44,6 +44,7 @@
 
    <xsl:variable name="lcletters">abcdefghijklmnopqrstuvwxyz </xsl:variable>
    <xsl:variable name="ucletters">ABCDEFGHIJKLMNOPQRSTUVWXYZ </xsl:variable>
+   <xsl:variable name="badletters">?()&lt;&gt; /\&amp;~!@#$%^*_+=-[]{}</xsl:variable>
    
    <!-- ************************************************************************* -->
 
@@ -352,7 +353,7 @@ function BigToggle(node)
                         <ul>
                         <xsl:for-each select="question">      
                            <xsl:sort select="translate(@text,$lcletters, $ucletters)"/> 
-                           <li><a href="#{@text}"><xsl:value-of select="@text"/></a></li>
+                           <li><a href="#{translate(@text,$badletters,'')}"><xsl:value-of select="@text"/></a></li>
                         </xsl:for-each>
                         </ul>
                      </xsl:for-each>
@@ -527,7 +528,8 @@ function BigToggle(node)
       <xsl:for-each select="question">      
          <xsl:sort select="translate(@text,$lcletters, $ucletters)"/> 
 
-         <a name = "{@text}">
+         <a name = "{@text}"/>
+         <a name = "{translate(@text,$badletters,'')}">
             <div class="question">
                <a href="#top"><font size='2'><center>[top]</center></font></a>
                <h2><xsl:value-of select="@text"/></h2>