Bullet point are outdenting instead of indenting

I googled a problem I was having with bullet points not showing up when I viewed the page. I found some code to add to the additional CSS in Appearance > Custom. The code was:

.widget li {
list-style: inherit !important;
}

I added that and I now have bullets but they are going to the left of the actual text…I tried several things to make them indent like normal bullet points with no luck.

page url is:

http://jfsample.com/waggin/private-training/