Custom CSS for Unordered Lists Impacting Menus

First, please note that I am using a child theme of Twenty Sixteen.

I have added some styling via the CSS Stylesheet Editor to create different styles for nested lists (and also a couple of other tweaks; the full custom CSS is below for reference).

However that seems to impact the one drop down menu on my site.

This page shows how the CSS renders; the menu where the style-type is “circle” is called “Family Lines.”

Here’s a related question (let me know if I should post as a separate thread) – this list styling is also impacting my category list as shown in the sidebar. I’d really like to indent my lists, but only on pages/posts. Is there a straightforward way to accomplish that?

Thanks,
Leslie Dare

/*List styling*/
ol li ol li {
	list-style: lower-alpha;
	padding: 2px;
	margin-left: 5px;
}

ul li ul li {
	list-style-type: circle;
	padding: 2px;
	margin-left: 5px;
}

function new_excerpt_more( $more ) {
}

blockquote {
	border-left: 2px solid #f77300;
	background-color: #f2f2f2;
	font-style: normal;
	font-size: 105%;
	margin: 30px 0 30px 15px;
	padding-left: 35px;
}

/*to get remove white space above and below site title*/
#masthead {
	padding-top: 0 !important;
	padding-bottom: 12px !important;
}

/*to move left sidebar content to bottom on posts*/
.post .entry-footer {
	display: bottom;
}

.post .entry-content {
	min-width: 100%;
}