/*// Extra Small screen / phone / container-tablet */
/*// Small screen / tablet / container-desktop */
/*// Medium screen / desktop / container-lg-desktop */
/*// Large screen / desktop / container-lg-desktop */
/* Swatch */
/* typography */
/* section widths */
/*25*/
/* CSS Document */
/* Alert */
div#headerAlerts {
  padding: 0;
  background-color: #000; }
  div#headerAlerts ul.alerts {
    margin-left: 30px;
    margin-right: 30px;
    width: auto;
    display: block;
    padding: 0;
    margin-bottom: 0px; }
    @media only screen and (max-width: 1240px) {
      div#headerAlerts ul.alerts {
        margin-left: 20px;
        margin-right: 20px; } }
    @media only screen and (max-width: 960px) {
      div#headerAlerts ul.alerts {
        /* was accidentally tablet */
        margin-left: 20px;
        margin-right: 20px; } }
    @media only screen and (max-width: 768px) {
      div#headerAlerts ul.alerts {
        width: 95%;
        margin: auto; } }
    div#headerAlerts ul.alerts > li {
      line-height: 16px;
      list-style-type: none;
      padding: 5px;
      font-size: 16px;
      color: #fff; }
      div#headerAlerts ul.alerts > li h1, div#headerAlerts ul.alerts > li h2, div#headerAlerts ul.alerts > li span h3, div#headerAlerts ul.alerts > li h4, div#headerAlerts ul.alerts > li p {
        color: #fff;
        margin: 0;
        padding: 0; }
      div#headerAlerts ul.alerts > li a {
        font-weight: normal; }
    div#headerAlerts ul.alerts > li:first-child {
      padding-top: 15px; }
    div#headerAlerts ul.alerts > li:last-child {
      padding-bottom: 15px; }
    div#headerAlerts ul.alerts > li p {
      padding: 0;
      margin: 0; }
  div#headerAlerts .alerts.departmentAlerts {
    background: #000; }
  div#headerAlerts .alerts.globalAlerts {
    color: white; }
  div#headerAlerts ul.alerts li span a,
  div#headerAlerts .alerts a:hover,
  div#headerAlerts .alerts a:focus {
    color: #FF8000;
    cursor: pointer; }

#dnn_SideBar .margin1 {
  width: auto; }