ul#mainMenu{list-style-type: none; margin: 0; padding: 0;}
ul#mainMenu li{padding: 0; margin: 0; position: relative; float: left;}
ul#mainMenu li a{font-size: 12px; padding: 13px 13px 13px 13px; display: block; color: #FFF; text-decoration: none;} 
ul#mainMenu li a{background-image: url(../images/menu.png); font-weight: bold;}
ul#mainMenu li a.active, ul#mainMenu li a:hover{background-position: bottom;}

ul#mainMenu ul{display: none; list-style-type: none; text-align: left; position: absolute; top: 27px; left: 0; margin: 0; padding: 0; background: rgb(241,237,211);} 
ul#mainMenu ul{padding: 0; width: 180px; border: 1px solid #333;}
ul#mainMenu ul li{padding: 0; margin: 0;}
ul#mainMenu ul li a{display: block; padding: 5px; margin: 0; margin-left: 5px; padding-left: 15px; border: none; color: #000; width: 150px;}

ul#mainMenu ul ul{display:none;}

ul#mainMenu li:hover ul{display: block;}
ul#mainMenu li:hover ul ul {display: none;}
ul#mainMenu li:hover ul ul ul{display: none;}

ul#mainMenu li li:hover ul{display: block;}
ul#mainMenu li li li:hover ul{display: block;}