How do I change the Font Family?

Greetings,

I'd like to change the font-family for all text in any of the list items styles below, but am not sure where to do it.

I'd like it to be: font-family: Verdana, Arial, Helvetica, sans-sarif

Please mark up the place or places where I should put the font-family.

Thanks,
newbieweb

/* Put this inside a @media qualifier so Netscape 4 ignores it */
@media screen, print {
      /* Turn off list bullets */
      ul.mktree  li { list-style: none; }
      /* Control how "spaced out" the tree is */
      ul.mktree, ul.mktree ul , ul.mktree li { margin-left:10px; padding:0px; }
      /* Provide space for our own "bullet" inside the LI */
      ul.mktree  li           .bullet { padding-left: 15px; }
      /* Show "bullets" in the links, depending on the class of the LI that the link's in */
      ul.mktree  li.liOpen    .bullet { cursor: pointer; background: url(minus.gif)  center left no-repeat; }
      ul.mktree  li.liClosed  .bullet { cursor: pointer; background: url(plus.gif)   center left no-repeat; }
      ul.mktree  li.liBullet  .bullet { cursor: default; background: url(bullet.gif) center left no-repeat; }
      /* Sublists are visible or not based on class of parent LI */
      ul.mktree  li.liOpen    ul { display: block; }
      ul.mktree  li.liClosed  ul { display: none; }
      /* Format menu items differently depending on what level of the tree they are in */
      ul.mktree  li { font-size: 12pt; }
      ul.mktree  li ul li { font-size: 12pt; }
      ul.mktree  li ul li ul li { font-size: 12pt; }
      ul.mktree  li ul li ul li ul li { font-size: 12pt; }
      
      /* Color active in the node tree*/
      ul.mktree li.selected { color:red; }      
      .mktree li {color:gray} /*styles for level 1*/
      .mktree li li{color: blue} /*styles for level 2*/
      .mktree li li li{color: green} /*styles for level 3*/
      .mktree li li li li{color: black} /*styles for level 4*/
      li { white-space:normal; }
}