.tb_left { padding:0px;font-size: 8pt; color: white; font-family: Verdana; background-color: Navy; /* ExelonOrange=#f15623; DarkGray=#777777; OtherOrange=#EF4C1D */ }
.tb_middle { padding:0px; }
.tb_right { padding:0px;font-size: 8pt; color:black; font-family: Verdana; background-color: #dbdbdb; /* ExelonGreen=#008d48; LightGray=#dbdbdb; OtherGree=#04873B */ } 
.clsLinks { font-size: 8pt; text-decoration: none; color: white; } 

.menuBarSeparator
{   /* the "dot" between main menu items */
	color: white;
    text-decoration:none;
    font-weight:bold;
    padding-left:3.5px;
    padding-right:3.5px;
}


div.menuBar, div.menuBar, a.menuButton,
div.menu,
div.menu a.menuItem {
  font-family: Verdana;
  font-size: 8pt;
  font-style: normal;
  font-weight: normal;
  text-decoration:none;
  line-height:1.2;
}

div.menuBar {  
  padding: 4px 2px 4px 2px;	
  text-align: left;
}

div.menuBar a.menuButton {
  text-decoration: none;
  background-color: transparent;
  color: #ffffff;
  font-family: Verdana;
  left: 0px;
  margin: 1px;
  padding: 2px 4px 2px 4.5px;
}

div.menuBar a.menuButton:hover {
  background-color: transparent; /* color of top-level menu hovering while menus are not dropped down */
  border-color: #f0f0f0 #909090 #909090 #f0f0f0;
  color: #ffffff;
  font-family: Verdana;
  text-decoration: none;
}

div.menuBar a.menuButtonActive,
div.menuBar a.menuButtonActive:hover {
  background-color:#a0a0a0; /* color of top-level menu when menu is dropped down */
  border-color: #909090 #f0f0f0 #f0f0f0 #909090;
  color: #ffffff;
  font-family: Verdana;
}

div.menu {
  background-color:#777777 ; /* color of dropped-down menu background. original: #777777; */
  left: 0px;
  top: 0px;
  padding: 0px 1px 1px 0px;
  position: absolute;  
  visibility: hidden;
  z-index: 101;
}

div.menu a.menuItem {
  color: #ffffff;
  cursor: default;
  display: block;
  padding: 3px 1em;
  text-decoration: none;
  font-family: Verdana;
}

div.menu a.menuItem:hover, div.menu a.menuItemHighlight {
  background-color: #000080; /*  background when hovering over a menu item. originally #000080 */
  color: #ffffff;
  font-family: Verdana;
}

div.menu a.menuItem span.menuItemText {
  color: #ffffff;
  font-family: Verdana;
}

div.menu a.menuItem span.menuItemArrow {
  margin-right: -.75em;
}

div.menu div.menuItemSep {
  border-top: 1px solid #909090;
  border-bottom: 1px solid #f0f0f0;
  margin: 4px 2px;
}


.menuHr 
{
    height:2px;
    border-width:0px; /* HR tags normally have a border or "shade."  This is equivalent to "NoShade" */
    color:#B0C4DE;  /* LightSteelBlue */
    background-color:#B0C4DE; /* LightSteelBlue */
    width:125px;  /* NOTE: leaving off the width looks better in IE8, but does not work in IE6 */    
    margin: 5px auto;  /* top and bottom 5px (smaller than bootstrap css);   left and right auto (center); */
    text-align:center; /* this centers in IE6; I don't think it does anythign in IE8 (since we're not dealing with "text") */ 
    line-height:1.2;
}