ul#mainMenu { margin: 20px 10px; }
ul#mainMenu li { border-bottom: 1px solid #CCC; float: clear; padding: 0px; margin: 0px; list-style-type: none; }
ul#mainMenu li a { padding: 3px 10px; background: #242424; display: block; font-size: 12px; color: #CCC; text-decoration: none; }
ul#mainMenu li a:hover { color: #FFF; background: #C52D1E; color: #FFF; }

ul#mainMenu li ul { margin: 0px;  }
ul#mainMenu li ul a { padding: 3px 17px; background: #E6E6E6; padding-left: 20px; display: block; font-size: 12px; color: #000; text-decoration: none; }
ul#mainMenu li ul a:hover { color: #FFF; background: #CCC; color: #000; }

ul#mainMenu li ul li { border-bottom: 0px solid #CCC; }
ul#mainMenu li ul li ul { margin: 0px; }
ul#mainMenu li ul li ul a { padding: 3px 17px; background: #F2F2F2; padding-left: 30px; display: block; font-size: 12px; color: #000; text-decoration: none; }
ul#mainMenu li ul li ul a:hover { color: #FFF; background: #E6E6E6; color: #000; }

ul#mainMenu a.active { background: #C52D1E; color: #FFF; }
ul#mainMenu li ul a.active { background: #CCC; color: #000; }
ul#mainMenu li ul li ul a.active { text-decoration: underline;  background: #F2F2F2; color: #000; }