/* This file contains the minimum styles needed for the drop down effect. */
/* This file assumes the a tags for the nav are display: block */

/* GENERAL LIST STYLE */

		.topNavUL {
			list-style-type: none;
			padding: 0;
			margin: 0;
		}
		
		/* Code below here is not needed if each nav link is a separate ul inisde a table cell. */
		
		.topNavUL li{
			float: left; 
		}
		
		.topNavUL li ul li {
			float: none;
		}
				
		/* Code above here is not needed if each nav link is a separate ul inside a table cell. */
		
		.topNavUL li ul {
			list-style-type: none;
			padding: 0;
			position: absolute;
			margin: 0 0 0 0;
			left: -999em;
			top: auto;
			z-index: 1000;
			width: 200px; /* if you only need one level of drop downs, this line can be removed so the drop down menu expands horizontally to fit the text. if more than 1 level is needed, this width must be set and must match the left margin of .topNavUL li ul ul */
		}
		
		.topNavUL li:hover ul,
		.topNavUL li.sfhover ul {
			left: auto;
		}
		

/* STYLES FOR 2 LEVEL DROPDOWNS */

		/* move any list after the first to the side of the corresponding li */
		.topNavUL li ul ul,
		.topNavUL li ul ul ul{
			margin: -32px 0 0 200px;
			/* top margin: height of a tags, left margin: width of .topNavUL li ul */
		}
				
		/* hide second level list */
		.topNavUL li:hover ul ul,
		.topNavUL li.sfhover ul ul {
			left: -999em;
		}
		
		/* show second level list on hover */
		.topNavUL li li:hover ul,
		.topNavUL li li.sfhover ul {
			left: auto;
		}


/* STYLES FOR 3 LEVEL DROPDOWNS */
	
		/* hide third level list */
		.topNavUL li:hover ul ul ul,
		.topNavUL li.sfhover ul ul ul {
			left: -999em;
		}
		
		/* show third level list on hover */
		.topNavUL li li li:hover ul,
		.topNavUL li li li.sfhover ul {
			left: auto;
		}