Style change for Left Nav Fly Out

What is the CSS name for the fly out area? because I put the following style code in the head area of the masterpage and it does not change anything in the fly out area. Please suggest. Please see print shot.

<style type="text/css">
		.menu-item
			{
			background-color:white;
			}</style><style type="text/css">
		 /* flyout left navigation look and feel */		
		.s4-tn li.dynamic a
		{	    
		    background: #CCEBF5!important;
		    border:1px solid #44a0e5;
	    }

		/*arrows in tabs with dynamic children*/
		.menu-horizontal span.dynamic-children
		SPAN.additional-background {
		background-% ;
		}
		.menu-horizontal a.dynamic-children
		SPAN.additional-background {
		background-%;
		}
		/*flyout navigation */
		.s4-tn ul.dynamic{
		background:#A2CFEC;
		margin:5px 0 0 10px;
		background-color:#A2CFEC;
		border:1px solid #44A0E5;
		}
		.s4-tn li.dynamic a{padding:5px;color:#1987DC;}
		.s4-toplinks .s4-tn ul.dynamic .menu-item .menu-item-text {
		padding: 5px 8px!important;
		}
		.s4-tn li.dynamic > .menu-item{
		padding:3px 12px;
		font-size:12px;
		white-space:nowrap;
		border-bottom:none;
		font-weight:normal;
		color:#003B55;
		font-family:Verdana;
		min-width:150px;
		}
		.s4-tn li.dynamic {border-bottom:1px #88C7F0 solid;}
		.s4-tn li.dynamic > a:hover{
		font-weight:400;
		display:block;
		background-color:#C7E2F3;
		color:#1E6592;
		}</style>