@charset "utf-8";
/* CSS Document */

	#topNav-container
		{
		position: relative;
		}
	
	#topNav
		{
		font-size:10px;
		font-family:Arial, Helvetica, sans-serif;
		width:770px;
		float:left;
		font-weight:bold;
		margin-top:8px;
		}
			
	#topNav a
		{
		text-align: left;
		display:block;
		white-space:nowrap;
		height:24px;
		}
	
	.navPadding {
		padding-right:31px;
		}
		
	#topNav li a:link, #topNav li a:visited, #topNav li a:active	/* menu at rest */
		{
		color:#FFFFFF;
		background-color:#221E1F;
		text-decoration:none;
		}
		
	#topNav li a:hover						/* menu on mouse-over  */
		{
		color:#FFFFFF;
		background-color:#221E1F;
		text-decoration:none;
		}	
		
	#topNav ul
		{
		list-style:none;
		margin:0;
		padding:0;
		float:left;
		/* width of all menu boxes */
		/* NOTE: For adjustable menu boxes you can comment out the above width rule.
		However, you will have to add padding in the "#menh a" rule so that the menu boxes
		will have space on either side of the text -- try it */
		}
	
	#topNav li
		{
		position:relative;
		min-height: 1px;		/* Sophie Dennis contribution for IE7 */
		vertical-align: bottom;		/* Sophie Dennis contribution for IE7 */
		}
	
	#topNav ul ul
		{
		position:absolute;
		z-index:500;
		top:34px;
		left:0px;
		display:none;
		padding: 1em;
		padding-top:2px;
		margin:-1em 0 0 -1em;
		width:150px;
		background-color:#C5DE9C;
		border-top: 1px solid #FFFFFF;
		}
	
	#topNav li li a:link, #topNav li li a:visited, #topNav li li a:active	/* menu at rest */
		{
		color:#221E1F;
		background-color:#C5DE9C;
		text-align:left;
		text-decoration:none;
		margin-top:8px;
		height:20px;
		border-left: 0px;
		border-right: 0px;
		border-bottom: 1px solid #FFFFFF;
		}
		
	#topNav li li a:hover						/* menu on mouse-over  */
		{
		color:#FFFFFF;
		background-color:#000000;
		text-align:left;
		text-decoration:none;
		margin-top:8px;
		height:20px;
		border-left: 0px;
		border-right: 0px;
		border-bottom: 1px solid #FFFFFF;
		}	
		
	div#topNav li:hover
		{
		cursor:pointer;
		z-index:100;
		}
	
	div#topNav li:hover ul ul,
	div#topNav li li:hover ul ul,
	div#topNav li li li:hover ul ul,
	div#topNav li li li li:hover ul ul
		{
		display:none;
		}
	
	div#topNav li:hover ul,
	div#topNav li li:hover ul,
	div#topNav li li li:hover ul,
	div#topNav li li li li:hover ul
		{
		display:block;
		}
	
	/* End CSS Drop Down Menu */
	
	.home #topNav #home,
	.about #topNav #about,
	.aff_prog #topNav #aff_prog,
	.prod #topNav #prod,
	.cust #topNav #cust,
	.news #topNav #news,
	.contact #topNav #contact
	 	{
		text-align:center;
		/*----Width--------------------*/
		height:24px;
		color:#FFFF00;
		background-color:#221E1F;
		}