Below are the contents of the XML document:

----------------------------------------------------
<?xml version="1.0"?>
<?xml-stylesheet type="text/css" href="jokes.css"?>
<JOKES>
 
 <COLLECTOR>David Silverlight</COLLECTOR>
 <JOKE>
  <QUESTION>Did you hear that the FBI stopped this guy at the airport for carrying a calculator and compass?</QUESTION>
  <PUNCHLINE>They thought that he was with the terrorist organization "Al Gebra" and confiscated his other weapons of Math Instruction.</PUNCHLINE>
 </JOKE>
 <JOKE>
  <QUESTION>What's another name for the Intel sticker they put on computers?</QUESTION>
  <PUNCHLINE>A Warning Label</PUNCHLINE>
 </JOKE>
 <JOKE>
  <QUESTION>Did you hear about Adolph, the brown-nosed reindeer?</QUESTION>
  <PUNCHLINE>He could run as fast as Rudolph, he just couldn't stop as fast...</PUNCHLINE>
 </JOKE>
 <JOKE>
  <QUESTION>Knock Knock...who's there? Monica...Monica who?</QUESTION>
  <PUNCHLINE>A:Good job, Mr. President, just like we practiced....</PUNCHLINE>
 </JOKE>
 <JOKE>
  <QUESTION>How are politicians like diapers?</QUESTION>
  <PUNCHLINE>They should both be changed regularly, and for the same reason.</PUNCHLINE>
 </JOKE>
 <JOKE>
  <QUESTION>Did you hear Richard Simmons had plastic surgery to get his love handles removed?</QUESTION>
  <PUNCHLINE>Yeah...now he has no ears.</PUNCHLINE>
 </JOKE>
 <JOKE>
  <QUESTION>What is the best way to remember your wife's birthday?</QUESTION>
  <PUNCHLINE>Forget it once.</PUNCHLINE>
 </JOKE>
 <JOKE>
  <QUESTION>There's a new variety of Viagra on the market called Super Viagra?</QUESTION>
  <PUNCHLINE>You can get a hard-on even with your wife.</PUNCHLINE>
 </JOKE>
 <JOKE>
  <QUESTION>Did you hear that they raised the minimum drinking age in West Virginia to thirty-two?</QUESTION>
  <PUNCHLINE>They want to keep alcohol out of the high schools.</PUNCHLINE>
 </JOKE>
 <JOKE>
  <QUESTION>What's O. J. Simpson's Internet address?</QUESTION>
  <PUNCHLINE>Slash, slash, backslash, slash, slash, escape.</PUNCHLINE>
 </JOKE>
 <JOKE>
  <QUESTION>What does Microsoft and a halter top have in common?</QUESTION>
  <PUNCHLINE>Both offer very little support.</PUNCHLINE>
 </JOKE>
 <JOKE>
  <QUESTION>Did you hear about the new Mike Tyson Computer?</QUESTION>
  <PUNCHLINE>It has two bytes and no memory.</PUNCHLINE>
 </JOKE>
 <JOKE>
  <QUESTION>What is the difference between a lawyer and a sperm cell?</QUESTION>
  <PUNCHLINE>The sperm cell has one in a millon chance of becoming a human being</PUNCHLINE>
 </JOKE>
 <JOKE>
  <QUESTION>What is the german word for brassierre?</QUESTION>
  <PUNCHLINE>It's called "Stoppenzumfromfloppen.".</PUNCHLINE>
 </JOKE>
 <JOKE>
  <QUESTION>How do you know if a blonde has been sending e-mail?</QUESTION>
  <PUNCHLINE>There's a bunch of envelopes stuffed into her disk drive.</PUNCHLINE>
 </JOKE>
</JOKES>

Below are the contents of the CSS document:
----------------------------------------------------
JOKE
{
    COLOR: red;
    DISPLAY: block;
    FONT-FAMILY: 'Arial Black', Arial;
    WHITE-SPACE: pre
}
COLLECTOR
{
    COLOR: blue;
    DISPLAY: block;
    FONT-FAMILY: Arial;
    FONT-SIZE: 10pt;
    FONT-WEIGHT: bold;
    MARGIN-BOTTOM: 10px
}
PUNCHLINE
{
    COLOR: black;
    DISPLAY: block;
    FONT-FAMILY: Arial;
    LINE-HEIGHT: normal;
    MARGIN-BOTTOM: 10px;
    TEXT-ALIGN: left
}
QUESTION
{
    COLOR: red;
    DISPLAY: block;
    FONT-FAMILY: Arial;
    FONT-SIZE: larger;
    FONT-VARIANT: normal
}
TITLE
{
    COLOR: black;
    DISPLAY: block;
    FONT-FAMILY: 'Arial Black';
    FONT-SIZE: 14pt
}
CATEGORY
{
    FONT-FAMILY: Arial;
    FONT-SIZE: 8pt;
    FONT-VARIANT: small-caps;
    TEXT-TRANSFORM: uppercase
}