I have one page that I'm making and I am stuck. The responsive navbar uses the `<ul><li>` and I want a different style below on the page. I didn't think much about it at first until I got this:

[![enter image description here](https://i.stack.imgur.com/AYbqC.png)](https://i.stack.imgur.com/AYbqC.png)

What can I change to make the general list items in the page, not the menu, to look difgerent?
here is the [page live](http://isellrye.com/links.html)

here is my code 

```css
/* General List */
ul.b {
list-style-type: disc;
}

/* Responsive Menu */
#menuBackground {
    background:#5EA5B9;
    width:100%;
    height:50px;
    text-align: center;
 }
#menuContainer {
    text-align: center;
    position: absolute;
    width: 90%;
    z-index: 1;
}
/*Strip the ul of padding and list styling*/
ul {
    list-style-type:none;
    margin:0;
    padding:0;
}

/*Create a horizontal list with spacing*/
li {
    display:inline-block;
    vertical-align: top;
}

/*Style for menu links*/
li a {
    display:block;
    min-width:140px;
    height:50px;
    text-align:center;
    line-height:50px;
    font-family:Georgia;
    color:#fff;
    background:#5EA5B9;
    text-decoration:none;
    font-size: 1rem;
}

/*Hover state for top level links*/
li:hover a {
color: #036;     
     background:#fff
}

/*Prevent text wrapping*/
li ul li a {
    width:auto;
    min-width:100px;
    padding:0 20px
}

/*Style 'show menu' label button and hide it by default*/
.show-menu {
    font-family:Georgia;
    text-decoration:none;
    color:#fff;
    background:#5EA5B9;
    text-align:center;
    padding:16px 0;
    display:none;
    width:100%!important
}

/*Hide checkbox*/
input[type=checkbox] {
    display:none
}

/*Show menu when invisible checkbox is checked*/
input[type=checkbox]:checked ~ #menu {
    display:block;
    margin:0 auto
}

/*Responsive Styles*/
@media screen and (max-width : 760px) {
    /*Make dropdown links appear inline*/
    ul {
        position:static;
        display:none;

        white-space: initial;
    }

    /*Make all menu links full width*/
    ul li,li a {
        width:100%
    }

    /*Display 'show menu' link*/
    .show-menu {
        display:block
    }
}
```

```html
<ul class="b">
<li> <a href="http://www.atlanticwhalewatch.com/" target="_blank">Whalewatching/Fishing</a></li>
<li> <a href="http://www.islesofshoals.com/" target="_blank">Portsmouth Cruises</a></li>
<li> <a href="http://www.nhstateparks.com/odiorne.html" target="_blank">Odiorne Point State Park</a></li>
<li> <a href="http://www.watercountry.com/" target="_blank">Water Country</a></li>
<li> <a href="http://www.portsmouthchamber.org/" target="_blank">Portsmouth Chamber of Commerce</a></li>
<li> <a href="http://www.casinoballroom.com/" target="_blank">Hampton Beach Casino Ballroom</a></li>
<li> <a href="http://www.childrens-museum.org/cmnh/" target="_blank">The Childrens Museum of New Hampshire</a></li>
<li> <a href="http://www.thekitteryoutlets.com/" target="_blank">The Kittery Outlets</a></li>
</ul>

<p>This is the HTML for the menu</p>

<div id="menuBackground">
    <div id="menuContainer">
        <label for="show-menu" class="show-menu">Show Menu</label>        <input type="checkbox" id="show-menu" role="button" />
        <ul id="menu">
            <li><a href="index.html">Home</a>
            </li>
            <li><a href="accommodations.html">Accommodations</a>
            </li>
            <li><a href="amenities.html">Amenities</a>
            </li>
             <li><a href="rates.html">Rates</a>
            </li>
             <li><a href="links.html">Links</a>
            </li>
            <li><a href="contact.html">Contact</a>
            </li>
         </ul>
    </div>
</div>
```