/*********************************** Top Navigation bar ********************************/

TABLE.navigationBar			{ text-align:center; height:36px; width:100%; background:url('../horBg.jpg') repeat-x;}
TD.first_navigationImage	{width:28px; background:url('../horLeft.jpg') no-repeat left;}
TD.mid_navigationImage		{width:2px; background:url('../horSep.jpg') repeat-x;}
TD.last_navigationImage		{width:28px; background:url('../horRight.jpg') no-repeat right;}

/* First Level */
TD.navigation				{text-align:center;  color:#ffffff; font-size:12px; Cursor:pointer; padding-right:20px; padding-left:20px; padding-top:12px; padding-bottom:4px; text-transform:uppercase;}
TD.navigationOver			{text-align:center;  color:#ffffff; font-size:12px; Cursor:pointer; padding-right:20px; padding-left:20px; padding-top:12px; padding-bottom:4px; text-transform:uppercase;}
TD.navigationOn				{text-align:center;  color:#ffffff; font-size:12px; Cursor:pointer; padding-right:20px; padding-left:20px; padding-top:12px; padding-bottom:4px; text-transform:uppercase;}
TD.navigationOnOver			{text-align:center; color:#ffffff;  font-size:12px; Cursor:pointer; padding-right:20px; padding-left:20px; padding-top:12px; padding-bottom:4px; text-transform:uppercase;}

TD.navigation				A.navigation,
TD.navigation 				A.navigation:hover	{color:#ffffff; font-weight:bold; text-decoration:none; display:block;}
TD.navigationOver			A.navigation,
TD.navigationOver			A.navigation:hover	{color:#ffffff; font-weight:bold; text-decoration:none; display:block;}
TD.navigationOn				A.navigation, 
TD.navigationOn				A.navigation:hover	{color:#ffffff; font-weight:bold; text-decoration:none; display:block;}
TD.navigationOnOver			A.navigation, 
TD.navigationOnOver			A.navigation:hover	{color:#ffffff; font-weight:bold; text-decoration:none; display:block;}


/* Second Level */
DIV.navigationSubContainer	{border-top:1px solid #c1c1c1;}

DIV.navigationSub			{background-color:#fcfcfc; color:#348101; border-right:1px solid #c1c1c1; border-left:1px solid #c1c1c1; border-bottom:1px solid #c1c1c1; font-weight:bold; font-size:90%; width:130px; padding-top:3px; padding-left:4px; padding-bottom:2px; padding-right:4px;}
DIV.navigationSubOver		{background-color:#fcfcfc; color:#77c69e; border-right:1px solid #c1c1c1; border-left:1px solid #c1c1c1; border-bottom:1px solid #c1c1c1; 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:#348101; text-decoration:none; display:block; width:100%; height:100%;}
DIV.navigationSubOver		A.navigationSub,
DIV.navigationSubOver		A.navigationSub:hover	{color:#77c69e; 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		{}
 */