/*
Filename: ie_fix
ID: 2078
*/

/*This stylesheet is used to correct errors in IE8 and below. It is only visible to those browsers.*/

/*The left nav arrow doesn't display correctly in IE8. Better to remove it altogether */
.leftNavArrow {
  display: none;
}

/*Part of the main nav bar was displaying blue-grey instead of yellow.*/
.sticky-wrapper { 
  background-color: #FFCD00;
}

/*The white "swoosh" in the header was displaying in the middle rather than along the bottom*/
.headerBar {
  background-position: center bottom;
}

/*The left nav had a thick grey border around it*/
#secondary-nav .widget {
  background: none;
  padding: 0px;
}

/*The breadcrumb wasn't floated right. 
  The words erroneously overlapped each other when floated right, which was fixed by the 1-pixel margin.*/
.breadcrumb li {
  margin-right: 1px;
}
.breadcrumb {
  float:right;
}

/*The breadcrumb seperators added by Bootstrap were displaying incorrectly*/
.breadcrumb>li+li:before{
   content:" / ";
}

/*Columns in the mega menu were stacked one atop the other*/
.col-lg-2 {
  width: 16.6667%;
  float: left;
}

/*Layered transparent background colors don't work well in IE8. Replace the skrim on the homepage slideshow with a solid black background.*/
.skrim {
    background-color: #252525;
}

/*The buttons for the audience-based tabs on the homepage are displaying oddly tall*/
#audiencebuttons a {
   min-height:30px;
}