/******************************/
/* Begin main navigation */
	#mainnav {clear: both; position:relative; top:0px; url(http://www.tibco.com/images/mainnav/bg.gif) repeat-x; height:24px; z-index:0; font-size:.75em; padding-top: 0px; padding-left: 0px;}
	#mainnavul {z-index:1;}
	/* begin drop down styling */	
		#mainnav ul 	{margin: 0; padding: 0; list-style:none;}
		#mainnav a.mainitem {font-size: 1.2em;}
		#mainnav a.mainitem:hover {color:#7AC9FB;} 
		#mainnav ul li 	{list-style-type: none; margin: 0; padding-top: 0; float: left; position: relative; text-align: center; color:#FFF; width:103px;}
		#mainnav ul li a {font-weight:bold; display:block; text-decoration:none; color:#FFF; padding:4px 0 4px 0; height:100%;} 
		#mainnav ul li.on   {background:url(http://www.tibco.com/images/mainnav/on_left.gif) no-repeat; color:#000;}
		#mainnav ul li.on a {background:url(http://www.tibco.com/images/mainnav/on_right.gif) top right no-repeat; color:#000;}
		#mainnav ul li.on a:hover {color:#000;}
		/* #mainnav ul li.on a.mainitem:hover {color:#7AC9FB;} */
		#mainnav li ul {position: absolute; left: 0; top: 0;  display: none; z-index: 100; width: 1px; }
		#mainnav li ul.last {left: -120px;} /* we want the last menu item to be right aligned with the page */
	/* end drop down styling */	
	
 	/* begin Sub Menu Styles */
		 #mainnav li.on ul li a {background: #383838; color: #FFF;}
		 #mainnav li.on ul li a.mainitem {color: #000;}
		 #mainnav li.on ul li a.mainitem:hover {color: #000;}
		 #mainnav li:hover ul, 
		 #mainnav li.over ul {display: block; position: absolute; top:0; z-index: 200;}
		 #mainnav li ul li a {font-weight:normal; background: none;background:#383838; color: #FFF; display: block; text-decoration:none; width:190px; text-align:left; padding:3px 10px;  border-bottom:1px solid #7C7C7C;}
		 #mainnav li ul li a:hover 	{ color:#FFF; background:#5B5B5B;} 
	/* end Sub Menu Styles */
	
	/* begin Third Menu Styles */
		 #mainnav li ul li ul.third {position:absolute; left:210px; display:none;}
		 #mainnav li ul li ul.third li.first a {border-top:1px solid #000;}
		 #mainnav li ul li:hover ul.third, #mainnav li.over ul.third {display: block; position: absolute;}
		 
		 #mainnav li ul li ul.last {left:-210px;}
	/* end Third Menu Styles */
	
	/* begin 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.over 			{background:none;}
		 #mainnav li ul li.over a,
		 #mainnav li ul li.over a:hover		{width:103px; background: none; text-align:center; color:#7AC9FB; padding:4px 0 4px 0; border:0; font-weight:bold;}
/* End main navigation */