
	
/*   .topNav_menu  MAIN NAVIGATION DROPDOWN MENU ------------------------------------- */



		
		/* MAIN DIV */
		
					.topNav_menu {
					width:940px;
					height:60px;
					z-index:1000;
					top:-2px;
					background-color: #d7d7d7;


					}
		
		
		
		
		/* hack to correct IE5.5 faulty box model */
					* html .topNav_menu {
					width:940px;
					w\idth:939px;
					}
		
		
		
		
		/* remove all the bullets, borders and padding from the default list styling */
					.topNav_menu ul {
					padding:0;
					margin:0;
					list-style-type:none;
					align: center;
					}
					
					.topNav_menu ul ul {
					width:250px;
					}
		
		
		
		
					.topNav_menu li {
					float:left;
					width:102px;
					position:relative;
					align: center;
					text-align: center;
					border-right: 2px white solid;
					}
		
		
		
		/* style the links for the top level */
					
					.topNav_menu a, .topNav_menu a:visited {
					z-index: 1000;
					display:block;
					font-size:11px;
					font-family:Helvetica;
					text-decoration:none;
					font-weight:bold;
					width:102px;
					height:30px;
					border:0px;
					align: center;
					padding-left:0px;
					line-height:12px;
/* ------>>  */				color:#092f57;
					padding-top:7px;
					}
					


					#toplevel-last {border-right:0px; width:108px;}
					#toplevel-last a {width:108px;}
		
					.topNav_menu a.toplevel, .topNav_menu a.toplevel:visited {					
					display:block;
					font-size:11px;
					font-family:Helvetica;
					text-decoration:none;
					font-weight:bold;
					width:116px;
					height:60px;
					border:0px;
					padding-left:0px;
/* ------>>  */		color:#092f57;					
					}
		
		
		
		/* a hack so that IE5.5 faulty box model is corrected */
					* html .topNav_menu a, * html .topNav_menu a:visited {
					width:200px;
					w\idth:179px;
					}
		
		
		
		
		
		/* hide the sub levels and give them a positon absolute so that they take up no room */
					.topNav_menu ul ul {
					visibility:hidden;
					position:absolute;
					height:0;
					top:30px;
					left:0px;
					width:200px;
					border-color: #78797d; 	/* grey */
					border-top-width: 0px;
					border-bottom-width: 0px;
					border-left-width: 1px;
					border-right-width: 1px;
					}
		
		
		/* another hack for IE5.5 */
					* html .topNav_menu ul ul {
					top:29px;
					t\op:30px;
					}
		
		
		
		/* position the third level flyout menu */
					.topNav_menu ul ul ul{
					left:200px;
					top:-1px;
					width:200px;
					}
		
		
		
		/* position the third level flyout menu for a left flyout */
					.topNav_menu ul ul ul.left {
					left:-200px;
					}
		
		
		
		/* style the table so that it takes no ppart in the layout - required for IE to work */
					.topNav_menu table {
					position:absolute;
					top:0;
					left:0;
					border-collapse:collapse;
					}
		
		
		
		/* style the second level links */	
					.topNav_menu ul ul {
					z-index: 1000;
					}			
		
		/* style the second level links */	
					.topNav_menu ul ul a, .topNav_menu ul ul a:visited {
					background:#ffffff;
					color:#000;
					height:auto;
					line-height:1em;
					padding-top:5px;
					padding-bottom:5px;
					padding-left:10px;
					padding-right:10px;
					width:200px;
					border-width:0 1px 1px 1px;
					text-align:left;	
					font-face:Helvetica;
					}
		
		
		/* yet another hack for IE5.5 */
					* html .topNav_menu ul ul a, * html .topNav_menu ul ul a:visited {
					width:200px;
					w\idth:150px;
					}
		
		
		
		
		/* make the second level visible when hover on first level list OR link */
					.topNav_menu ul li:hover ul,
					.topNav_menu ul a:hover ul{
					visibility:visible;
					}
		
		/* keep the third level hidden when you hover on first level list OR link */
					.topNav_menu ul :hover ul ul{
					visibility:hidden;
					}
		
		/* make the third level visible when you hover over second level list OR link */
					.topNav_menu ul :hover ul :hover ul{
					visibility:visible;
					}
					
					


		/* style the second level background */
					.topNav_menu ul ul a.drop, .topNav_menu ul ul a.drop:visited {
/* ------>>  */		background:#ffffff;
					}
		
		
		/* style the second level hover */
					.topNav_menu ul ul a.drop:hover{
/* ------>>  */		background:#d7d7d7;  /* lt green */
					}
		
		
		.topNav_menu ul ul :hover > a.drop {
/* ------>>  */		background:#d7d7d7;  /* lt green */
					}
		
		
		/* style the third level background */
					.topNav_menu ul ul ul a, .topNav_menu ul ul ul a:visited {
/* ------>>  */		background:#e2dfa8; /* tan */
					}
		
		
		/* style the third level hover */
					.topNav_menu ul ul ul a:hover {
/* ------>>  */		background:#b2ab9b;  /* brown */
					}					
					
		
		
		/* style the top level hover */
					.topNav_menu a:hover, .topNav_menu ul ul a:hover{
/* ------>>  */		color:#cec4af;
/* ------>>  */		background:#ffffff;  
					}
		
		 .topNav_menu ul ul :hover > a {
/* ------>>  */		color:#092f57;
/* ------>>  */		background:#d7d7d7;	
					}
					
					
					