.menu {width:100%; padding:0; text-transform:uppercase;}
.menu li {width:100%;}
.menu a {
    display:block; padding:0px 5px; border:1px solid #333;
    color:#fff; text-decoration:none; background:#1b323a;
	line-height:30px; text-align:center;
 }
.menu a:hover {background-color:#fff; color:#333;}
	.menu ul {
		position:absolute; width:12em;
    	top:30px; left:0; display:none;
	}
	.menu li {float:left; position:relative;}
		.menu li ul a {width:12em; float:left; background:#555; text-align:left; line-height:25px;}
			.menu ul ul {top:0;}	
			.menu li ul ul {left:12em; margin:0px 0 0 12px;}
				.menu li ul ul a {width:20em;}
			.menu li:hover ul ul, .menu li:hover ul ul ul, .menu li:hover ul ul ul ul{
    			display:none;
    		}
			.menu li:hover ul, .menu li li:hover ul, .menu li li li:hover ul, .menu li li li li:hover ul{
    			display:block;
    		}