How do I only stylize 2 unordered lists differently on a page than the other unordered lists?

Usually in your HTML you'll give them a unique class, and that you can apply list styles to any list that has this CSS class. That way the two you want will pick up the styles, but the other lists without that class will now. You can also use some combination of advanced CSS sectors, but that can get complicated fast, so the better solution would be to use a class. As an example

<ul class="styled-list">
  <li></li>
  <li></li>
</ul>

Simple, classes and IDs!

In your html, you can add a class or ID to each unordered list. Remember, you can have multiple classes on the same page but only one ID. So if you want to have multiple lists styled similarly (but still different than your basic list), use a class like .my-list-style. If most of your lists look the same but you want one to be completely different, use an ID like #special-contact-list.

<ul>
   <li>This one will be</li>
   <li>styled with basic</li>
   <li>unordered list styling.</li>
</ul>
<ul class="my-list-style">
   <li>With a class attached,</li>
   <li>I can style this one</li>
   <li>differently than others.</li>
</ul>

ul.my-list-style {
    list-style-type:none;
    color: #0000FF;
    padding: 10px 20px;
}