/* Style all unordered lists */
ul {
	list-style-type: circle; /* Changes bullets to circles */
	/* I was playing around with backgrounds, 
    and found that with a margin-left 20px, 
    the background didn't stretch around the list indicator (circles) */
	/* List-style-position fixes this.*/
	list-style-position: inside;
	background-color: #f5f5f5;
	padding: 10px 20px;
	border-radius: 5px;
}

/* Style all ordered lists */
ol {
	list-style-position: inside;
	/* also looked at how the background changed when over a different color
    the color looks different in the "how to make tea" section vs the "HIEs" section in nesting lists.*/
	background-color: #e8f0fe;
	padding: 10px 20px;
	border-radius: 5px;
}

/* Style description terms and definitions */
dt {
	font-weight: bold;
	color: #4b3190;
	margin-top: 8px;
	background: #f0e6ff;
	padding: 2px 6px;
}
dd {
	font-style: italic;
	color: #333;
	/* I Found that spacing in nested lists improves readability*/
	margin-bottom: 8px;
	background: #f9f9f9;
	padding: 2px 6px;
}