#main-nav ul { list-style: none; margin: 0; padding: 0; }
#main-nav ul li { display: inline-block; margin: 0 1em 0 1em; padding: 0.35em 0.75em 0.35em 0.75em; border-radius: 0.5em; color:#01367e; }
#main-nav ul li.active { background: #0d0756; color: #ffffff; }
#main-nav ul li.active a { color: #fff; text-decoration: none; }

.dropotron { background: #0c0bbf; border-radius: 0.5em; list-style: none; margin: 0; min-width: 10em; padding: 0.75em 1em 0.75em 1em; }
.dropotron > li { border-top: solid 1px #fff; margin: 0; padding: 0; padding: 0.5em 0 0.5em 0; color:#ffffff;}
.dropotron > li:first-child { border-top: 0; }
.dropotron > li > a { color: #fff; display: block;  text-decoration: none; border: none; }
.dropotron > li.active > a, .dropotron > li:hover > a { color: #fff; }			

.dropotron.level-0 { margin-top: 5px; }