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

TABLE.navigationBar			{float:right; height:77px; width:70%;}
TD.first_navigationImage	{display:none;}
TD.mid_navigationImage		{display:none; }
TD.last_navigationImage		{display:none;}


.item_0{background:url('../circle-yellow.jpg') no-repeat center center;}
.item_1{background:url('../circle-purple.jpg') no-repeat center center;}
.item_2{background:url('../circle-blue.jpg') no-repeat center center;}
.item_3{background:url('../circle-white.jpg') no-repeat center center;}
.item_4{background:url('../circle-yellow.jpg') no-repeat center center;}
.item_5{background:url('../circle-purple.jpg') no-repeat center center;}
.item_6{background:url('../circle-blue.jpg') no-repeat center center;}
.item_7{background:url('../circle-white.jpg') no-repeat center center;}
.item_8{background:url('../circle-yellow.jpg') no-repeat center center;}
.item_9{background:url('../circle-purple.jpg') no-repeat center center;}
.item_10{background:url('../circle-blue.jpg') no-repeat center center;}
.item_11{background:url('../circle-white.jpg') no-repeat center center;}
.item_12{background:url('../circle-yellow.jpg') no-repeat center center;}
.item_13{background:url('../circle-purple.jpg') no-repeat center center;}
.item_14{background:url('../circle-blue.jpg') no-repeat center center;}
.item_15{background:url('../circle-white.jpg') no-repeat center center;}




/* First Level */
TD.navigation					{text-align:center; color:#000; font-weight:bold; font-size:14px; Cursor:pointer; text-align:center; width:77px;}
TD.navigationOver				{text-align:center; color:#000; font-weight:bold; font-size:14px; Cursor:pointer; text-align:center; width:77px;}
TD.navigationOn				{text-align:center; color:#000; font-weight:bold; font-size:14px; Cursor:pointer; text-align:center; width:77px;}
TD.navigationOnOver			{text-align:center; color:#000; font-weight:bold; font-size:14px; Cursor:pointer; text-align:center; width:77px;}

TD.navigation				A.navigation,
TD.navigation 				A.navigation:hover	{color:#000; font-weight:bold; text-decoration:none; display:block; width:77px; height:77px; padding:20px 10px 13px 10px; line-height:14px;}
TD.navigationOver			A.navigation,
TD.navigationOver			A.navigation:hover	{color:#000; font-weight:bold; text-decoration:none; display:block; width:77px; height:77px; padding:20px 10px 13px 10px;  line-height:14px;}
TD.navigationOn				A.navigation, 
TD.navigationOn				A.navigation:hover	{color:#000; font-weight:bold; text-decoration:none; display:block; width:77px; height:77px; padding:20px 10px 13px 10px;  line-height:14px;}
TD.navigationOnOver			A.navigation, 
TD.navigationOnOver			A.navigation:hover	{color:#000; font-weight:bold; text-decoration:none; display:block; width:77px; height:77px; padding:20px 10px 13px 10px;  line-height:14px;}


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

DIV.navigationSub				{background:#fff; color:#076392; border-bottom:1px solid #dfdfdf; font-weight:bold; font-size:90%; width:130px; padding-top:5px; padding-left:4px; padding-bottom:4px; padding-right:4px;}
DIV.navigationSubOver		{background:#019ad4; color:#fff; border-bottom:1px solid #dfdfdf; font-weight:bold; font-size:90%; width:130px; padding-top:5px; padding-left:4px; padding-bottom:4px; padding-right:4px;}

DIV.navigationSub			A.navigationSub,
DIV.navigationSub			A.navigationSub:hover	{color:#019ad4; 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		{}
 */