I have a question on how to make the selected tab a different color in the solpart menu. I can't quite figure it out. My menu is vertical and when you hover over an item it turns orange, but I also want the menu item to be orange corresponding to the page they are on. Here is the menu code, could you please help me out:

/* Main Menu */
.MainMenu_MenuContainer {
 padding-left: 0px;
 HEIGHT: 25px;
 WIDTH: 188px;
}
.MainMenu_MenuBar {
 CURSOR: hand;
 HEIGHT: 25px;
 WIDTH: 188px;

}
.MainMenu_MenuItem {
 BORDER-RIGHT: #ff0000 0px solid;
 BORDER-TOP: #CCD7E1 0px solid;
 BORDER-LEFT: #CCD7E1 0px solid;
 BORDER-BOTTOM: #CCD7E1 0px solid;
 FONT-WEIGHT: bold;
 FONT-SIZE: 12px;
 CURSOR: hand;
 COLOR: #FFFFFF;
 FONT-STYLE: normal;
 FONT-FAMILY: Tahoma;
 padding-left: 0px;
 HEIGHT: 25px;
 WIDTH: 188px;
 text-align: left; 
 }
.MainMenu_MenuIcon {
 display:none
 }
.MainMenu_SubMenu {
 BORDER-RIGHT: #ffffff 1px solid;
 BORDER-TOP: #ffffff 1px solid;
 Z-INDEX: 0;
 BORDER-LEFT: #ffffff 1px solid;
 CURSOR: hand;
 BORDER-BOTTOM: #ffffff 1px solid;
 background-color:#0157a4;
 
}
.MainMenu_MenuBreak {
 BORDER-RIGHT: #eeeeee 0px solid;
 BORDER-TOP: #eeeeee 0px solid;
 BORDER-LEFT: #eeeeee 0px solid;
 BORDER-BOTTOM: #eeeeee 0px solid;
 HEIGHT: 0px;
 BACKGROUND-COLOR: transparent;
}
.MainMenu_MenuItemSel {
  BORDER-RIGHT: #ffffff 0px solid;
  BORDER-TOP: #ffffff 0px solid;
  BORDER-BOTTOM: #ffffff 0px solid;
  BORDER-LEFT: #ffffff 0px solid;
  Z-INDEX: 0;
  CURSOR: hand;
  FONT-WEIGHT: bold;
  FONT-SIZE: 12px;
  CURSOR: hand;
  COLOR: #FFFFFF;
  FONT-STYLE: normal;
  FONT-FAMILY: Tahoma;
  padding-left: 0px;
  HEIGHT: 25px;
     WIDTH: 188px;
  background-color:#f68326;
}
.MainMenu_MenuArrow {
 display:none
}
.MainMenu_RootMenuArrow {
display:none
}