/*********************************** Top Navigation bar ********************************/

TABLE.navigationBar			{text-align:center; width:750px;height:20px;margin-right:10px;}
TD.first_navigationImage	{display:none; width:0px; background-image:none;}
TD.mid_navigationImage		{width:25px;background-image:url('../Grid_2dietHp/TopNavArrow.gif');background-position:center top;background-repeat:no-repeat;}
TD.last_navigationImage		{display:none; width:0px; background-image:none;}

/* First Level */
TD.navigation				{vertical-align:top;text-align:center;color:#164689; font-weight:bold; font-size:12px; Cursor:pointer; padding:0px 0px 0px 0px;}
TD.navigationOver			{vertical-align:top;text-align:center;color:#dd0000; font-weight:bold; font-size:12px; Cursor:pointer; padding:0px 0px 0px 0px;}
TD.navigationOn			{vertical-align:top;text-align:center;color:#dd0000; font-weight:bold; font-size:12px; Cursor:pointer; padding:0px 0px 0px 0px;}
TD.navigationOnOver		{vertical-align:top;text-align:center;color:#000000; font-weight:bold; font-size:12px; Cursor:pointer; padding:0px 0px 0px 0px;}

TD.navigation				A.navigation,
TD.navigation 				A.navigation:hover	{color:#164689; font-weight:bold; text-decoration:none; display:block;}
TD.navigationOver			A.navigation,
TD.navigationOver			A.navigation:hover	{color:#dd0000; font-weight:bold; text-decoration:none; display:block;}
TD.navigationOn				A.navigation, 
TD.navigationOn				A.navigation:hover	{color:#dd0000; font-weight:bold; text-decoration:none; display:block;}
TD.navigationOnOver			A.navigation, 
TD.navigationOnOver			A.navigation:hover	{color:#000000; font-weight:bold; text-decoration:none; display:block;}


/* Second Level */
DIV.navigationSubContainer	{border-top:1px solid #0a6ca0;}

DIV.navigationSub			{background-color:#299ad6; color:#fff; border-right:1px solid #0a6ca0; border-left:1px solid #0a6ca0; border-bottom:1px solid #0a6ca0; font-weight:bold; font-size:90%; width:130px; padding-top:3px; padding-left:4px; padding-bottom:2px; padding-right:4px;}
DIV.navigationSubOver		{background-color:#1b86bf; color:#fff; border-right:1px solid #0a6ca0; border-left:1px solid #0a6ca0; border-bottom:1px solid #0a6ca0; font-weight:bold; font-size:90%; width:130px; padding-top:3px; padding-left:4px; padding-bottom:2px; padding-right:4px;}

DIV.navigationSub			A.navigationSub,
DIV.navigationSub			A.navigationSub:hover	{color:#fff; text-decoration:none; display:block; width:100%; height:100%;}
DIV.navigationSubOver		A.navigationSub,
DIV.navigationSubOver		A.navigationSub:hover	{color:#fff; text-decoration:none; display:block; width:100%; height:100%;}

						
/* Sepecific CSS exapmle // BY ORDER - ONLY FRO FIRST LEVEL
First Level		
A.navigation1				{}
A.navigation1:hover		{}
A.navigationOn1			{}
A.navigationOn1:hover		{}

TD.navigation1				{}
TD.navigationOver1			{}
TD.navigationOn1			{}
TD.navigationOnOver1		{}
 */
 
 /* Sepecific CSS exapmle // BY CATEGORY ID
First Level		
A.navigationByID1				{}
A.navigationByID1:hover		{}
A.navigationOnByID1			{}
A.navigationOnByID1:hover		{}

TD.navigationByID1				{}
TD.navigationOverByID1			{}
TD.navigationOnByID1			{}
TD.navigationOnOverByID1		{}


Second Level
DIV.navigationSubContainerByID1	{}
A.navigationSubByID1			{}
A.navigationSubByID1:HOVER		{}

DIV.navigationSubByID1			{}
DIV.navigationSubOverByID1		{}
 */