.menu, .menu ul { /* all lists */
			padding: 0;
			margin: 0;
			list-style: none;
			line-height: 2.2em;
			text-align:left;
			margin-left:5px;
            width:140px;
                       
		}
		
		.menu a {
			display: block;
			width:140px;
			border:1px solid #fff;
			border-width:1px 0px 0px 0px;
			text-decoration:none;
		}
		
		.menu li { /* all list items */
			float:left;
			clear:left;
			width: 140px; /* width needed or else Opera goes nuts */
		}
		.menu li ul { /* second-level lists */
			position: absolute;
			margin: -2em 0 0 140px;
			background:#C5C5C5;
			width: 140px;
			left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
		}
		
		.menu li ul ul { /* third-and-above-level lists */
			margin: -2em 0 0 140px;
		}		
		
		.menu li:hover > ul { /* shows lists nested DIRECTLY under hovered list item */
			left: auto;
			margin: -2em 0 0 140px;

		}
		.menu .soasfhover {/*Split up for IE6 Compatability*/
			left:auto;
		}
		.menu li:hover { /*Fix for IE7*/
			position: static;
			background:#54637E;
		}