/* begin mainnav */
	
	#mainnav {position: relative; background-color:#FFFFFF; height: 41px; width:765px; clear: both;}

	/* begin mouseover */
		#mainnav #digitalon a 	{position:relative; z-index:200;}
		#mainnav #networkon a 	{position:relative; z-index:200;}
		#mainnav #marketon a 	{position:relative; z-index:200;}
		#mainnav #customeron a 	{position:relative; z-index:200;}
		#mainnav #newson a 		{position:relative; z-index:200;}
		#mainnav #abouton a 	{position:relative; z-index:200;}
	/* end mouseover */

	#mainnav ul 	{margin: 0; padding: 0; list-style:none; margin-left: 2px;}
	#mainnav ul li 	{margin: 0; padding: 0; float: left; position: relative; text-align: left; background: #bbddaa; }
	#mainnav ul a   {text-decoration: none; }
	#mainnav li ul  {margin: 0; width: 1px; position: absolute; left: 0; top: 0;  display: none; z-index: 100; }
	#mainnav li ul.last {left: -25px;} /* we want the last menu item to be right aligned with the page */
 /* Fix IE. Hide from IE Mac \*/
 * html #mainnav ul li   {float: left; height: 1%; }
 * html #mainnav ul li a {float: left; height: 1%; }
 /* End */ 
 /* Sub Menu Styles */
 #mainnav li:hover ul, #mainnav li.over ul {display: block; position: absolute; top:0; z-index: 100;}
 #mainnav li ul li a 		{color: #225511; display: block; width: 142px; padding: 4px 5px; font-size: 0.8em; border-left: 1px solid #fff; border-right: 1px solid #fff; border-bottom: 1px solid #fff;  } 
 #mainnav li ul li a:hover 	{color: #225511; background: #9b7;} 
 
 /* need to reset the padding and the width for the menu images.  They should not have any of the effects of the menu */
 #mainnav li ul li.digitalimg a		{width:127px; height:41px; padding:0; border:0;}
 #mainnav li ul li.networkimg a		{width:131px; height:41px; padding:0; border:0;}
 #mainnav li ul li.marketimg a		{width:123px; height:41px; padding:0; border:0;}
 #mainnav li ul li.customerimg a	{width:149px; height:41px; padding:0; border:0;}
 #mainnav li ul li.newsimg a		{width:102px; height:41px; padding:0; border:0;}
 #mainnav li ul li.aboutimg a       {width:128px; height:41px; padding:0; border:0;}
 #mainnav li ul li.aboutimg {position:relative; left:25px; top:0px;} /*must push the image only to the right of 25px to offset ul.last above */
 
 /* begin third level */
#mainnav li ul li ul.third {border-top: 1px solid #FFF; position: absolute; left: 153px; display:none;}
#mainnav li ul li:hover ul.third, #mainnav li.over ul.third {display: block; position: absolute; top:0; z-index: 100;}

#mainnav li ul li ul.thirdlast {border-top: 1px solid #FFF; position: absolute; left: -153px; display:none;}
#mainnav li ul li:hover ul.thirdlast, #mainnav li.over ul.thirdlast {display: block; position: absolute; top:0; z-index: 100;}
/* end third level */
/* end mainnav */