/****************************** Side Navigation Bar **************************/
TABLE.VerticalBarContainer		{margin-bottom:8px;width:100%;height:210px; background-color:#009ffa;background-image: url(../vertical_bottom.jpg);background-repeat:no-repeat;background-position:left bottom ;}
TD.VerticalBarContainer			{background-image: url(../bgrightbar.jpg);background-repeat:no-repeat;background-position:left top ;}

/* First Level */
DIV.MenuRowMainContainer 		{width:186px;}

DIV.menuRowContainer			   {width:186px;background-image: url(../arrowrightbar.gif);background-repeat:no-repeat;background-position:right top;color:#FFFFFF;font-weight:bold;font-size:12px;padding:10px 30px 10px 5px}
DIV.menuRowContainerOver		{width:186px;background-image: url(../arrowrightbar.gif);background-repeat:no-repeat;background-position:right top;color:#ccff00;font-weight:bold;font-size:12px;padding:10px 30px 10px 5px}
DIV.menuRowContainerOn			{width:186px;background-image: url(../arrowrightbar.gif);background-repeat:no-repeat;background-position:right top;color:#ccff00;font-weight:bold;font-size:12px;padding:10px 30px 10px 5px}
DIV.menuRowContainerOnOver		{width:186px;background-image: url(../arrowrightbar.gif);background-repeat:no-repeat;background-position:right top;color:#ccff00;font-weight:bold;font-size:12px;padding:10px 30px 10px 5px}

DIV.menuRowContainer			A.menuRowright,
DIV.menuRowContainer			A.menuRowright:hover		{color:#ffffff; text-decoration:none; display:block; width:186px;padding:10px 30px 10px 5px;margin:-10px -30px -10px -5px;}
DIV.menuRowContainerOver		A.menuRowright,
DIV.menuRowContainerOver		A.menuRowright:hover	{color:#ccff00; text-decoration:none; display:block; width:186px;padding:10px 30px 10px 5px;margin:-10px -30px -10px -5px;}
DIV.menuRowContainerOn			A.menuRowright,
DIV.menuRowContainerOn			A.menuRowright:hover	{color:#ccff00; text-decoration:none; display:block; width:186px;padding:10px 30px 10px 5px;margin:-10px -30px -10px -5px;}
DIV.menuRowContainerOnOver		A.menuRowright,
DIV.menuRowContainerOnOver		A.menuRowright:hover	{color:#ccff00; text-decoration:none; display:block; width:186px;padding:10px 30px 10px 5px;margin:-10px -30px -10px -5px;}


SPAN.menuRowSeperatorTop		{background-image: url(../sep.gif);height:2px;font-size:1px;overflow:hidden;display:block;}
SPAN.menuRowSeperatorBottom		{display:none; /*overflow:hidden;*/}
SPAN.menuRowSeperatorTopByOrder1 {display:none; /*overflow:hidden;*/}

/* Second Level */
DIV.menuSubRowContainer			{width:186px;background-image: url(../Subarrowrightbar.gif);background-repeat:no-repeat;background-position:right top;background-color:#007ec6; color:#ffffff; font-weight:normal; font-size:11px;padding:2px 35px 3px 5px;border-top:solid 0px #5bbcf3;}
DIV.menuSubRowContainerOver	{width:186px;background-image: url(../Subarrowrightbar.gif);background-repeat:no-repeat;background-position:right top;background-color:#004469; color:#ccff00; font-weight:normal; font-size:11px;padding:2px 35px 3px 5px;border-top:solid 0px #5bbcf3;}
DIV.menuSubRowContainerOn		{width:186px;background-image: url(../Subarrowrightbar.gif);background-repeat:no-repeat;background-position:right top;background-color:#004469; color:#ccff00; font-weight:normal; font-size:11px;padding:2px 35px 3px 5px;border-top:solid 0px #5bbcf3;}
DIV.menuSubRowContainerOnOver	{width:186px;background-image: url(../Subarrowrightbar.gif);background-repeat:no-repeat;background-position:right top;background-color:#004469; color:#ccff00; font-weight:normal; font-size:11px;padding:2px 35px 3px 5px;border-top:solid 0px #5bbcf3;}

DIV.menuSubRowContainer			A.menuSubRow,
DIV.menuSubRowContainer			A.menuSubRow:hover		{color:#ffffff; text-decoration:none; display:block;width:186px;padding:2px 35px 3px 5px;margin:-2px -35px -3px -5px;}
DIV.menuSubRowContainerOver		A.menuSubRow,
DIV.menuSubRowContainerOver		A.menuSubRow:hover	{color:#ccff00; text-decoration:none; display:block;width:186px;padding:2px 35px 3px 5px;margin:-2px -35px -3px -5px;}
DIV.menuSubRowContainerOn		A.menuSubRow,
DIV.menuSubRowContainerOn		A.menuSubRow:hover		{color:#ccff00; text-decoration:none; display:block;width:186px;padding:2px 35px 3px 5px;margin:-2px -35px -3px -5px;}
DIV.menuSubRowContainerOnOver	A.menuSubRow,
DIV.menuSubRowContainerOnOver	A.menuSubRow:hover		{color:#ccff00; text-decoration:none; display:block;width:186px;padding:2px 35px 3px 5px;margin:-2px -35px -3px -5px;}

/* Apply diffrent style to a specific bar
First Level	
#navVertical77 DIV.menuRowContainer			{}
#navVertical77 DIV.menuRowContainerOn			{}

#navVertical77 A.menuRowright					{}
#navVertical77 A.menuRowright:hover			{}
#navVertical77 A.menuRowrightOn				{}
#navVertical77 A.menuRowrightOn:hover			{}

Second Level
#navVertical77 DIV.menuSubRowContainer		{}
#navVertical77 DIV.menuSubRowContainerOn	{}
#navVertical77 DIV.menuSubRowContainerOver	{}

#navVertical77 A.menuSubRow				{}
#navVertical77 A.menuSubRow:hover			{}
#navVertical77 A.menuSubRowOn				{}
#navVertical77 A.menuSubRowOn:hover		{}
 */
 
 
 /* Sepecific CSS Example
First Level	
#container137 DIV.menuRowContainer			{}
#container137 DIV.menuRowContainerOn			{}

#container137 A.menuRowright					{}
#container137 A.menuRowright:hover			{}
#container137 A.menuRowrightOn				{}
#container137 A.menuRowrightOn:hover			{}

Second Level
#subContainer78 DIV.menuSubRowContainer		{}
#subContainer78 DIV.menuSubRowContainerOn	{}
#subContainer78 DIV.menuSubRowContainerOver	{}

#subContainer78 A.menuSubRow				{}
#subContainer78 A.menuSubRow:hover			{}
#subContainer78 A.menuSubRowOn				{}
#subContainer78 A.menuSubRowOn:hover		{}
 */
