@import url("../../../wci/main/legacy/legacy.css");
@import url("/etc/designs/www/news/css/print.css");

body.page #page, body.page .page-inner {
    background-image: url(/content/dam/www/1429205248871.png);
}

.homepage #center-nocols .top {
    padding: 0;
}

.page .page-inner-3 {
    background: none;
}

/*-- Slide Deck --*/

    .slidedeck2h.carousel{
        background:none;
        margin-top: 0px;
    }
    .slidedeck2h .frame {
      background: url('/content/dam/www/news/news-slider/pattern.png');
      padding: 24px 56px;
      height: 376px;
    }
    .slidedeck2h .slides {
	  background: transparent;
    }
    .slidedeck2h .teaser-title{
        line-height: 1em;
        font-family: DinWebBold;
        text-shadow: 0px 1px 0px #fff;
        font-size: 21px;
    }
    .slidedeck2h .teaser-title a {
        color: #333333;
        text-decoration: none;
		font-size: 21px;        
    }
    .slidedeck2h .teaser-images {
      float: left;
      position: relative;
      left: -76px;
    }
    .slidedeck2h .teaser-content {
      color: #333;
      font: 14px/1.4 DinWebRegular, 'sans serif';
      text-shadow: 0px 1px 0px #fff;
      background: transparent;
      margin-left: 565px;
      width: 300px;
    }
    .slidedeck2h .teaser-body {
	  color: #535353;
    }
    .slidedeck2h .slide-thumbnails {
      right: 0px;
      left: auto;
      left: initial;
      width: 100%;
    }
    .slidedeck2h .slide-thumbnails ul {
      width: 235px;
      right: 64px;
      position: absolute;
        bottom: 0px;
    }
    .slidedeck2h .prev-slide {
      left: 8px;
      top: -182px;
    }
    .slidedeck2h .prev-slide:before {
      background: none;
      content: "<";
      padding: 0;
      display: block;
      height: 46px;
      width: 34px;
      font-family: ubcms;
      font-size: 46px;
    }
    .slidedeck2h .next-slide {
      right: 17px;
      top: -182px;
    }
    .slidedeck2h .next-slide:before {
      background: none;
      content: ">";
      padding: 0;
      display: block;
      height: 46px;
      width: 34px;
      font-family: ubcms;
      font-size: 46px;
    }
    .slidedeck2h .prev-slide:hover:before, .slidedeck2h .next-slide:hover:before{
      background: none;
      color: #9EBA29;
    }
    
    @media screen and (max-width: 720px){
    	.slidedeck2h.carousel {
          width: 100%;
          width: -webkit-calc(100% - -32px);
          width: calc(100% - -32px);
          margin: 0 0 0 -16px;
          background: none;
        }
        .slidedeck2h.carousel.android {
          margin-left: -3%;
          width: 106%;
        }
        .slidedeck2h .frame {
          height: auto;
          padding: 0px;
        }
        .slidedeck2h .slides {
          min-height: 259px;
          height: auto;
          background: #494949;
        }
        .slidedeck2h .teaser-images {
          float: none;
          width: 100%;
          left: 0px;
        }
        .slidedeck2h .teaser-images .teaser-image img {
          width: 100%;
        }
        .slidedeck2h .teaser-content {
          width: 100%;
          padding: 10px 20px;
          font-family: "DinWebRegular", "Trebuchet MS";
          height: 79px;
          background: #494949;
          position: relative;
          margin-left: initial;
        }
        .slidedeck2h .teaser-title {
          font-size: 15px;
          line-height: 1.1em;
          color: #fff;
        }
        .slidedeck2h .teaser-title > a:before {
          background: none repeat scroll 0 0 #494949;
          box-shadow: -3px 0 3px #494949;
          content: "…";
          display: block;
          padding-left: 2px;
          position: absolute;
          right: 20px;
          top: 25px;
          width: 44px;
        }
        .slidedeck2h .teaser-title > a:after {
          background: none repeat scroll 0 0 #494949;
          color: #494949;
          content: ". . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .";
          display: inline;
          position: relative;
          right: 0;
          top: 5px;
        }
        .slidedeck2h .teaser-title > a {
          border-bottom: medium none;
          color: #eee;
          display: block;
          height: 33px;
          overflow: hidden;
          box-sizing: border-box;
          -moz-box-sizing: border-box;
        }
        .slidedeck2h .teaser-body {
          font-size: 12px;
          color: #ddd;
          display: none;
        }
        .slidedeck2h .teaser-body p {
          margin: 6px 0;
        }
        .slidedeck2h .teaser-block .teaser-content .teaser-links .link-list li a:before {
          content: ">";
          color: #eee611;
          vertical-align: middle;
          font-family: ubcms;
          margin-left: -2px;
          margin-right: -2px;
        }
        .slidedeck2h .teaser-block .teaser-content .teaser-links .link-list li a:after {
          content: "";
        }
        .slidedeck2h .teaser-block .teaser-content .teaser-links .link-list li a:hover {
          border: none;
        }
        .slidedeck2h .teaser-block .teaser-content .teaser-links .link-list .teaser-title {
          font-size: 12px;
          color: #eee611;
        }
        .slidedeck2h .slide-thumbnails {
          left: 0px;
          position: relative;
          background: #494949;
          height: 55px;
          margin-top: 22px;
          right: auto;
          right: initial;
          width: auto;
        }
        .slidedeck2h .slide-thumbnail-wrap {
          display: inline-block;
          text-align: center;
          height: 47px;
          width: 78%;
          width: -webkit-calc(100% - 60px);
          width: calc(100% - 60px);
          overflow: hidden;
          background: #494949;
          background: -moz-linear-gradient(left, #494949 15%, #f9f9f9 50%, #494949 85%);
          background: -webkit-gradient(linear, left top, right top, color-stop(15%, #494949), color-stop(50%, #f9f9f9), color-stop(85%, #494949));
          background: -webkit-linear-gradient(left, #494949 15%, #f9f9f9 50%, #494949 85%);
          background: -o-linear-gradient(left, #494949 15%, #f9f9f9 50%, #494949 85%);
          background: -ms-linear-gradient(left, #494949 15%, #f9f9f9 50%, #494949 85%);
          background: linear-gradient(to right, #494949 15%, #f9f9f9 50%, #494949 85%);
          filter: progid:dximagetransform.microsoft.gradient(startColorstr='#494949', endColorstr='#494949', GradientType=1);
        }
        .slidedeck2h .slide-thumbnails ul {
          margin: 0 auto;
          display: inline-block;
          width: auto;
          padding: 0px;
          bottom: initial;
          right: initial;
          position:initial;
        }
        .slidedeck2h .slide-thumbnails li {
          margin-right: 0px;
        }
        .slidedeck2h .slide-thumbnails .teaser-thumb.active {
          border: none;
          box-shadow: none;
        }
        .slidedeck2h .slide-thumbnails li .teaser-thumb.active img {
          border: solid 1px #eee;
          opacity: 1;
        }
        .slidedeck2h .slide-thumbnails li a:hover img {
          box-shadow: none;
        }
        .slidedeck2h .slide-thumbnails li a img {
          border: none;
          border-top: 1px solid #494949;
          border-bottom: 1px solid #494949;
          height: 45px;
          width: 45px;
          opacity: .4;
        }
        .slidedeck2h .prev-slide:before {
          background: transparent;
          border-radius: 0 0 0 0;
          color: #888;
          content: "\3008";
          font-size: 46px;
          padding: 0 0px 0 0px;
          line-height: 48px;
          margin-left: -15px;
        }
        .slidedeck2h .prev-slide {
          -moz-box-sizing: border-box;
          box-sizing: border-box;
          background: transparent;
          cursor: pointer;
          left: 0;
          padding: 0 0;
          position: relative;
          top: 0;
          display: inline-block;
          height: 100%;
          vertical-align: top;
          box-shadow: none;
          z-index: 1;
          width: 40px;
          margin-left: -5px;
        }
        .slidedeck2h.android .prev-slide {
          margin-left: -2px;
        }
        .slidedeck2h .next-slide:hover:before,
        .slidedeck2h .prev-slide:hover:before {
          background: none;
        }
        .slidedeck2h .next-slide:before {
          background: transparent;
          border-radius: 0 0 0 0;
          color: #888;
          content: "\3009";
          font-size: 46px;
          padding: 0 5px 0 0px;
          line-height: 48px;
          margin-left: 3px;
        }
        .slidedeck2h .next-slide {
          -moz-box-sizing: border-box;
          box-sizing: border-box;
          background: #494949;
          cursor: pointer;
          right: 0;
          padding: 0 0 0 7px;
          position: relative;
          top: 0;
          display: inline-block;
          height: 100%;
          vertical-align: top;
          box-shadow: none;
          width: 30px;
          margin-left: -12px;
          overflow: hidden;
        }
        .slidedeck2h.android .next-slide:before {
          padding-right: 0px;
          padding-left: 3px;
        }
        .slidedeck2h.android .next-slide {
          width: 35px;
        }
        .slidedeck2h .navDots {
          -moz-box-sizing: border-box;
          box-sizing: border-box;
          background: none repeat scroll 0 0 #111;
          display: block;
          height: 16px;
          padding: 5px 0;
          position: relative;
          width: 100%;
          text-align: center;
        }
        .slidedeck2h .navDots .teaser-thumb {
          background: none repeat scroll 0 0 #fff;
          border-radius: 5px 5px 5px 5px;
          opacity: 0.25;
          height: 6px;
          width: 6px;
          display: block;
        }
        .slidedeck2h .navDots .teaser-thumb.active {
          opacity: 1;
        }
        .slidedeck2h .navDots span.slide-thumbnail-container {
          display: inline-block;
          float: none;
          height: 6px;
          margin: 0 3px;
          vertical-align: top;
          width: 6px;
        }
        .slidedeck2h .teaser-title,
        .slidedeck2h .teaser-title a,
        .slidedeck2h .facesvoicespage .teaser-title,
        .slidedeck2h .facesvoicespage .teaser-title > a,
        .slidedeck2h .facesvoicespage .teaser-title > a:hover {
          font-size: 15px;
          color: #EEE;
          line-height: 1.1em;
          text-shadow: none;
          font-family: inherit;
        }
    
    }

/* -- page ------------------------------------------------------ */

body.page {
    background: #FFF;
}

.page #page {
    background: url(../images/page-bg.png) repeat-x left top;
    z-index: 1;
    position: relative;
}

.page .page-inner {
    background: url(../images/shadow-top.png) no-repeat center 95px;
}

.page .page-inner-1 {
    background: url(../images/shadow-bottom.png) no-repeat center bottom;
    padding-bottom: 9px;
}

.page #columns {
    background: #FFF url(../images/inner-bottom.png) repeat-x left bottom;
    padding-bottom: 10px;
}

.page .columns-bg-1 {
    background: none;
}

.page #columns.three-column .columns-bg-2,
.page #columns.two-column-left .columns-bg-2,
.page #columns.two-column-left-banner .columns-bg-2 {
    /*border-left: 0;
    width: 242px;
    left: 717px;*/
    background: url(../images/right-shadow.png) no-repeat top left;
}   

.page #columns.three-column .columns-bg-3,
.page #columns.two-column-left .columns-bg-3,
.page #columns.two-column-left-banner .columns-bg-3 {
   /* width: 230px;
    left: -717px;*/
}


/* -- homepage ------------------------------------------------------ */

.homepage #center-nocols {
    background: none;
}

.homepage .collectioncarousel {
    background: none;
    margin-bottom: 20px;
}

.homepage .collectioncarousel h1 {
    margin-top: 20px;
    color: #041A9B;
}

.homepage .collectioncarousel .slide,
.homepage .collectioncarousel .carousel-stage {
    height: 190px;
}

.homepage .homepromos {
    margin-top: 18px;
}

.homepage .homepromo {
    border-right: 1px dotted #CCC;
}

.homepage .homepromo:first-child {
    border-color: white;
}

.homepage .homepromo,
.homepage .homepromo-last {
    margin-bottom: 5px;
}

.homepage .carousel,
.homepage .flexmodule {
    margin-bottom: 0;
}

.homepage .topnav {
    background: #FFF;
}


/* -- breadcrumbs ------------------------------------------------------ */

.innerheader .breadcrumbs-inner {
    background: #FFF;
    border: none;
    height: 32px;
}

.breadcrumbs-inner ul {
    margin-left: 17px;
}

.breadcrumbs-inner ul li {
    padding-top: 12px;
    padding-bottom: 0;
}

.breadcrumbs-inner a:hover,
.breadcrumbs-inner a:active {
    color: #041A9B;
}


/* -- title ------------------------------------------------------ */

.title h1 {
    color: #333;
}

.title h2 {
    color: #333;
}

.title h1 a,
.title h2 a,
.title h3 a,
.title h4 a,
.title h1 a:hover,
.title h2 a:hover,
.title h3 a:hover,
.title h4 a:hover {
    color: #041A9B;
}


/* -- list, links ------------------------------------------------------ */

.list ul.link-list li {
    background: url(../images/blue-arrow.png) no-repeat 0 8px;
}

.text a,
.text li a,
.list .link-list a,
.teaser-block .teaser-title a,
.teaser-block .teaser-content a,
.calltoaction .teaser-inline a,
.flexmodule-style .teaser-links ul.link-list li a,
.list-style-links-news .teaser-inline a .teaser-title {
    border-bottom-color: #CDD1EB;
    color: #041A9B;
}

.text a:hover,
.text li a:hover,
.list .link-list a:hover,
.teaser-block .teaser-title a:hover,
.teaser-block .teaser-content a:hover,
.calltoaction .teaser-inline a:hover,
.flexmodule-style .teaser-links ul.link-list li a:hover,
.list-style-links-news .teaser-inline a:hover .teaser-title {
    color: #041A9B;
    border-bottom-color: #041A9B;
}


/* -- divider ------------------------------------------------------ */

.hrline {

}

/* -- leftnav ------------------------------------------------------ */

.leftnav .inner {
    background: #E2E2E2 url(../images/left-nav-shadow.png) repeat-y right top;
    margin-left: -3px;
    border-top: none;
    border-left: none;
    border-bottom: none;
}

.leftnav ul.nav-level-1 li span {
    background-image: url(/etc/designs/ubcms/clientlibs-main/images/left-nav-arrow.png);
}

.leftnav h1 {
    font-family: DinWebRegular, "Trebuchet MS", sans-serif;
}

.leftnav h1 a {
    color: #666;
}

.leftnav h1 a:hover {
    color: #000;
}

.leftnav ul.nav-level-1 li a,
.leftnav ul.nav-level-1 li.first a,
.leftnav ul.nav-level-1 li.last a {
    border-bottom-color: #EEE;
}

.leftnav ul.nav-level-1 li.first a  {
    border-top-color: #EEE;
}

.leftnav ul.nav-level-1 li a {
    color: #666;
}

.leftnav .nav-related-links ul.link-list li a {
    color: #333;
}

.leftnav ul.nav-level-1 li ul.nav-level-2 li a {
    color: #EEE;
}

.leftnav ul.nav-level-1 li ul.nav-level-2 li a:hover,
.leftnav ul.nav-level-1 li ul.nav-level-2 li a.active {
    color: #9CF;
}

.leftnav .nav-related-links {
    color: #333;
}

.leftnav ul.nav-level-1 li a:hover,
.leftnav .nav-related-links ul.link-list li a:hover .teaser-title {
    color: #000;
}

.leftnav ul.nav-level-1 li.active-trail a {
    color: #FFF;
}

.leftnav ul.nav-level-1 li.active-trail {
    background-color: #041A9B;
    background-image: url(../images/left-nav-shadow.png);
    border-top-color: #041A9B;
    border-bottom-color: #041A9B;
}

.leftnav ul.nav-level-1 li ul.nav-level-2 li {
    background: url(../images/left-nav-arrow.png) no-repeat 8px 7px;
}

.leftnav .nav-related-links {
    background-color: #CCC;
}

.leftnav .nav-related-links ul.link-list li {
    background: url(../images/related-links-arrow.png) no-repeat 3px 4px;
    line-height: 1.2;
    margin: 3px 0;
}

.leftnav .nav-related-links ul.link-list li a:hover {
    color: #000;
    border-bottom-color: #000;
}



/* -- modules ------------------------------------------------------ */

.topnav {
    background: #FFF;
    height: 38px;
    position: relative;
}

.topnav .menu {
    position: absolute;
    top: 0;
    left: 0px;
}

.topnav .menu a {
    display: block;
    float: left;
    height: 38px;
    border-right: none;
    font: 13px/1.0 DinWebBold, "Trebuchet MS", sans-serif;
    color: #041A9B;
    text-decoration: none;
    text-transform: uppercase;
    padding: 0px 15px 0;
}

.topnav .menu a:first-child {
    border-left: none;
}

.topnav .menu a:hover {
    text-decoration: none;
    background: -moz-linear-gradient(bottom, rgba(238,238,238,1) 0%, rgba(221,221,221,1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(238,238,238,1)), color-stop(100%,rgba(221,221,221,1)));
    background: -webkit-linear-gradient(top, rgba(238,238,238,1) 0%,rgba(221,221,221,1) 100%);
    background: -o-linear-gradient(top, rgba(238,238,238,1) 0%,rgba(221,221,221,1) 100%);
    background: -ms-linear-gradient(top, rgba(238,238,238,1) 0%,rgba(221,221,221,1) 100%);
    background: linear-gradient(to bottom, rgba(238,238,238,1) 0%,rgba(221,221,221,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#dddddd',GradientType=0 );
    color: #041A9B;
}

.topnav .main ul li.active-trail, .topnav .menu a.active {
    background: #FFF;
}

.topnav .main ul li a{
    border: none;
    padding: 0px;
}

.topnav .main ul li.active-trail a:hover, .topnav .main ul li.active-trail a:hover .container{
    background: #FFF;
}
.topnav .main ul li.active-trail a .container {
    color: #041A9B;
    border-bottom: none;
}
.topnav .main ul li a .container {
    background-image: none;
    font: 13px/1.0 DinWebBold, "Trebuchet MS", sans-serif;
    color: #FFF;
    text-decoration: none;
    text-transform: uppercase;
    padding: 10px 16px 0;
    height: 28px;
}

.topnav .main ul li a:hover .container {
    text-decoration: none;
    color: #041A9B;
    border: none;
}

.topnav .search {
    position: absolute;
    top: 9px;
    right: 15px;
    width: 256px;
    height: 25px;
    background: url(../images/search-bg.png) no-repeat left top;
}

.topnav .search input {
    position: absolute;
    top: 1px;
    left: 2px;
    width: 220px;
    height: 22px;
    font: 11px/1.0 "Trebuchet MS", sans-serif;
    color: #333;
    border: 0;
    padding: 0 5px;
    margin: 0;
    display: block;
}

.topnav .search a {
    position: absolute;
    top: 1px;
    right: 1px;
    width: 23px;
    height: 22px;
    display: block;
    text-decoration: none;
}

.topnav .search a:hover {
    text-decoration: none;
    background: url(../images/search-hover.png) no-repeat top left;
}

.topnav .search label {
    display: block;
    position: absolute;
    top: 5px;
    left: 8px;
    font: 11px/1.0 DinWebRegular, "Trebuchet MS", sans-serif;
    color: #999;
}

.topnav .search label span {
    font: 13px/1.0 DinWebBold, "Trebuchet MS", sans-serif;
    color: #041A9B;
    cursor: text;
}
.topnav .topnav-inner {
    border-bottom-color: #FFF;
    height: 38px;
    border-top: none;
    background: rgb(4,26,155); /* Old browsers */
    background: -moz-linear-gradient(top,  rgb(4,26,155) 44%, rgb(3,13,104) 99%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(44%,rgb(4,26,155)), color-stop(99%,rgb(3,13,104))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgb(4,26,155) 44%,rgb(3,13,104) 99%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgb(4,26,155) 44%,rgb(3,13,104) 99%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgb(4,26,155) 44%,rgb(3,13,104) 99%); /* IE10+ */
    background: linear-gradient(to bottom,  rgb(4,26,155) 44%,rgb(3,13,104) 99%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#041a9b', endColorstr='#030d68',GradientType=0 ); /* IE6-9 */
}

/*.topnav .main ul>li:hover>a, */
.topnav>.main>ul.menu>li:hover>a>.container {
    border-bottom: none;
    color: #041A9B;
    background: -moz-linear-gradient(top, rgba(238,238,238,1) 25%, rgba(221,221,221,1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(25%,rgba(238,238,238,1)), color-stop(100%,rgba(221,221,221,1)));
    background: -webkit-linear-gradient(top, rgba(238,238,238,1) 25%,rgba(221,221,221,1) 100%);
    background: -o-linear-gradient(top, rgba(238,238,238,1) 25%,rgba(221,221,221,1) 100%);
    background: -ms-linear-gradient(top, rgba(238,238,238,1) 25%,rgba(221,221,221,1) 100%);
    background: linear-gradient(to bottom, rgba(238,238,238,1) 25%,rgba(221,221,221,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#dddddd',GradientType=0 );
}

.topnav .main ul li div.topnav-submenu-container {
    margin-top: 38px;
}

.topnav div.topnav-submenu-container ul.submenu li{
    height: auto;    
}
.topnav div.topnav-submenu-container ul.submenu>li, .topnav div.topnav-submenu-container ul.submenu>li>a{
    display: block;
    float: none;
    width: 100%;
    background: none #FFF;
    height: 100%
}

.topnav div.topnav-submenu-container ul.submenu li.first {

}

.topnav div.topnav-submenu-container ul.submenu>li>a{
    background: none #FFF;
    border: medium none;
    color: #041A9B;
    height: 100%;
    padding: 9px 0;
}

.topnav div.topnav-submenu-container ul.submenu>li>a:hover {
    background: none repeat scroll 0 0 #FFF;
    border: medium none;
    color: #041A9B;
    height: auto;
    padding: 9px 0;
    text-decoration: underline;

}
.topnav div.topnav-submenu-container {
    background: none repeat-x scroll center top #DDDDDD;
    border-top: none;
}

.topnav div.topnav-submenu-container .relatedLinks{
    display: none;
}

.topnav .topnav2 {
    margin-right: 1px;
    position: absolute;
    right: 0;
    top: 4px;
}

.topnav .topnav2 ul li a:hover {
    background-color: #000066;
}



/* -- modules ------------------------------------------------------ */

.flexmodule-style .teaser-links ul.link-list li {
    background: url(../images/blue-arrow-small.png) no-repeat left 7px;
}

.teaser-block .teaser-title {
    color: #041A9B;
}
    
.carousel .title,
.flexmodule .title {
    color: #333;
    font-family: DinWebRegular, "Trebuchet MS", sans-serif;
}

.carousel .title a,
.carousel .title a:hover {
    color: #333;
}

.collectioncarousel .content-area a {
    border-bottom: 1px solid #CDD1EB;
    color: #041A9B;
}

.collectioncarousel .content-area a:hover {
    border-bottom: 1px solid #041A9B;
    color: #041A9B;
}


.facesvoicespage .teaser-block .teaser-title {
    font: 14px/1.4 Georgia, serif;
}

.facesvoicespage .teaser-block .teaser-title a {
    border-bottom: none;
}

.facesvoicespage .teaser-block .teaser-title a:hover {
    color: #535353;
    border-bottom: 1px solid #535353;
}

.facesvoicespage .teaser-block .teaser-body {
    /*font-style: italic;*/
}

.facesvoicespage .teaser-block .teaser-body a {
    color: #535353;
}

.facesvoicespage .teaser-block .teaser-body a b {
    font-style: normal;
    font-weight: bold;
    color: #041A9B;
    border-bottom: 1px solid #CDD1EB;
}

.facesvoicespage .teaser-block .teaser-body a:hover b {
    border-bottom: 1px solid #041A9B;
}

.contentpage #left .flexmodule .flexmodule-inner {
    background: #666 url(../images/left-promo-bg.png) repeat-x left bottom;
    border: 0;
}

.contentpage #left .flexmodule.teaser-block .teaser-title {
    color: #FFF;
}

.contentpage #left .flexmodule .teaser-block .teaser-title a,
.contentpage #left .flexmodule .teaser-links ul.link-list li a {
    color: #FFF;
    border-bottom-color: #999;
}

.contentpage #left .flexmodule .teaser-block .teaser-title a:hover,
.contentpage #left .flexmodule .teaser-links ul.link-list li a:hover {
    color: #FFF;
    border-bottom-color: #FFF;
}

.contentpage #left .flexmodule .flexmodule-style .teaser-links ul.link-list li {
    background: url(../images/left-promo-arrow.png) no-repeat left 4px;
}

.articletools .outer,
.articletools .inner {
    border-color: #BECEDE;
}

.assetflexmodule .title {
    font-family: "Trebuchet MS", sans-serif;
    font-size: 12px;
    color: #666;
}

a.stdbutton, a.stdbutton .stdbutton-inner {
    background-image: url(../images/stdbutton.png);
}

.newslistblock .title {
    color: #333;
}

/* -- header ------------------------------------------------------*/

.departmentheader{
    background: none;
}

.header {
    height: 92px;
    position: relative;
}

.header .title {
    position: absolute;
    top: 32px;
    left: 26px;
    font: 28px/1.0 DinWebLight, "Trebuchet MS", sans-serif;
    color: #FFF;
}

.header .title a,
.header .title a:hover {
    color: #FFF;
    text-decoration: none;
}

.header .info {
    text-align: right;
    color: #E6911C;
    font: 11px/1.0 DinWebBold, "Trebuchet MS", sans-serif;
    text-transform: uppercase;
    padding: 17px 18px 16px; 
}

.header .info .links {
    color: #FFF;
    font: 11px/1.0 DinWebLight, "Trebuchet MS", sans-serif;
    margin-left: 6px;
}

.header .info .links a {
    color: #FFF;
    text-decoration: none;
    margin: 0 3px;
}

.header .info .links a:hover {
    color: #FFF;
    text-decoration: underline;
}

.header .info .links a.active {
    color: #E6911C;
}

.header .buttons {
    margin: 7px 6px 0 0;
}

.header .buttons a {
    float: right;
    display: block;
    font: 10px/1.0 DinWebBold, "Trebuchet MS", sans-serif;
    color: #FFF;
    background: url(../images/header-button.png) no-repeat right -22px;
    padding: 0 11px 0 0;
    text-transform: uppercase;
    margin-right: 12px;
}

.header .buttons a span {
    background: url(../images/header-button.png) no-repeat left 0px;
    padding: 5px 1px 0 12px;
    display: block;
    height: 18px;
}

.header .buttons a:hover {
    background-position: right -66px;
}

.header .buttons a:hover span {
    background-position: left -44px;
}

.departmentheader .no-header-nav .search {
    margin-top: 37px;
}
/*.departmentheader .header-search .fields {
    display: inline;
    width:500px;

}*/
.departmentheader .header-search .fields form{
    float: right;
}
.departmentheader .header-search .search-label{
    color: #FFFFFF;
    margin-top: 2px;
    position: absolute;
    z-index: 300;
    left: -50px;
}

.departmentheader .header-search label {
   margin: 5px 5px; 
}

.win-moz .departmentheader .header-search label {
    line-height: 1;
} 

@media only screen and (max-width: 720px){
    .page #columns.two-column-left-banner #center {
        position: relative;
        width: auto;
        float: none;
        left: 0;
        margin: 0;
        padding: 16px;
    }
    .departmentheader{
        background-image: url('/content/www/news/jcr:content/background.img.png/1372344373608.png');
    }
    .htmlsnippet .head_small {display: none}
    
    
}

/* -- footer ------------------------------------------------------ */

.footer {
    margin-top: -23px;
    position: relative;
    z-index: 0;
    padding-bottom: 15px;
    background: rgb(4,26,155); /* Old browsers */
    background: -moz-linear-gradient(top,  rgb(4,26,155) 0%, rgb(3,13,104) 78%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(4,26,155)), color-stop(78%,rgb(3,13,104))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgb(4,26,155) 0%,rgb(3,13,104) 78%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgb(4,26,155) 0%,rgb(3,13,104) 78%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgb(4,26,155) 0%,rgb(3,13,104) 78%); /* IE10+ */
    background: linear-gradient(to bottom,  rgb(4,26,155) 0%,rgb(3,13,104) 78%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#041a9b', endColorstr='#030d68',GradientType=0 ); /* IE6-9 */

}

.footer .breadcrumbs-inner {
    display: none;
}

.footer .simplefooter{
    padding: 15px 0 0px;
    margin: 0 auto 5px;
}

.footer .fatfooter .footer-inner,
.footer .fatfooter .footer-inner .footer-inner-1 {
    background: none;
}

.footerconfigpage.cq-wcm-edit .footer {
    z-index: 0;
}

.footer .col2 > *[class^=cq-placeholder]:first-child + .title,
.footer .col2 > *[class^=cq-placeholder]:first-child + .title + *[class^=cq-placeholder] + .divider,
.footer .col2 > .title:first-child,
.footer .col2 > .title:first-child + .divider {
    visibility: hidden;
}

.footer .col1 > *[class^=cq-placeholder]:first-child + .title + *[class^=cq-placeholder] + .divider,
.footer .col1 > .title:first-child + .divider {

}

.footer .title h6 {
    text-transform: none;
    color: #FFF;
}

.fatfooter .title a,
.fatfooter .title a:hover {
    color: #FFF;
}

.fatfooter .list .link-list a {
    color: #FFF;
    font-size: 11px;
}

.fatfooter .list ul li {
    background: url(../images/footer-arrow.png) no-repeat 0 6px;
}

.fatfooter .hrline {
    background: url(../images/footer-divider.png) repeat-x left center;
    height: 8px;
}

.footer .footerlogo {
    border: 1px solid #858BB4;
    border-width: 1px 0;
    height: 49px;
    background: url(../images/footer-logo.png) no-repeat left center;
    margin: 10px auto;
    width: 960px;
}

.footer .footerlogo .left {
    display: block;
    float: left;
    width: 500px;
    height: 49px;
}
    
.footer .footerlogo .right {
    float: right;
    margin: 7px 5px;
    color: #FFF;
    font-size: 12px;
    line-height: 18px;
}

.footer .footerlogo .right a,
.footer .footerlinks a {
    text-decoration: none;
    color: #FFF;
    font-weight: 700;
}

.footer .footerlogo .right a:hover,
.footer .footerlinks a:hover {
    text-decoration: underline;
    color: #FFF;
}

.footer .footerlogo .right b {
    font: 9px DinWebBold, "Trebuchet MS", sans-serif;
    text-transform: uppercase;
    letter-spacing: 2px;
}

.footer .footerlinks {
    color: #FFF;
    height: 20px;
    width: 960px;
    margin: 0 auto;
    padding-bottom: 40px;
}

.footer .footerlinks .left {
    float: left;
    font: 12px DinWebRegular, "Trebuchet MS", sans-serif;
}

.footer .footerlinks .right {
    float: right;
    margin-right: 5px;
}

.footer .socialbutton .button {
    font-size: 11px;
}

.socialbutton .futurity {
    background: url('/content/dam/www/news/news-search/futurity.png') no-repeat left center transparent;
}

.footer .socialbutton {
    padding: 0 0 7px;
}




/* -- quicklinks ------------------------------------------------------ */

.quicklinks .quicklinks-stage {
    margin: 0 16px 8px;
}

.quicklinks .quicklinks-links {
    background: #041A9B;
    height: 36px;
    font: 14px/1.0 DinWebRegular, "Trebuchet MS", sans-serif;
    color: #FFF;
    text-transform: uppercase;
}

.quicklinks .quicklinks-title {
    background: #666;
    padding: 10px 18px 0;
    height: 26px;
    float: left;
}

.quicklinks .quicklinks-link a {
    display: block;
    float: left;
    padding: 10px 26px 0 14px;
    height: 26px;
    color: #7AB0F9;
    background: url(../images/quicklinks-arrow.png) no-repeat right 0;
}

.quicklinks .quicklinks-link a.hover {
    background-color: #202020;
    background-position: right -36px;
    color: #EFB220;
}

.quicklinks .quicklinkspage {
    background: #202020 url(../images/quicklinks-bg.png) repeat-x bottom left;
}

.quicklinks .quicklinkspage > .par {
    padding: 15px 0;
}

.quicklinks .quicklinkspage .cq-colctrl-3-6-3-c0 {
    width: 211px;
    padding: 0 30px;
}

.quicklinks .quicklinkspage .cq-colctrl-3-6-3-c1 {
    width: 386px;
    padding: 0px;
}

.quicklinks .quicklinkspage .cq-colctrl-3-6-3-c2 {
    width: 211px;
    padding: 0 30px;
}


.quicklinks .quicklinkspage .cq-colctrl-9-6-c0 {
    width: 627px;
    padding: 0 30px;
}

.quicklinks .quicklinkspage .cq-colctrl-9-6-c1 {
    width: 211px;
    padding: 0px 30px 0 0;
}

.quicklinks .quicklinkspage .cq-colctrl-6-9-c0 {
    width: 211px;
    padding: 0 30px;
}

.quicklinks .quicklinkspage .cq-colctrl-6-9-c1 {
    width: 627px;
    padding: 0px 30px 0 0;
}

.quicklinks .quicklinkspage .cq-colctrl-3-3-3-3-c0 {
    width: 211px;
    padding: 0 8px 0 30px;
}

.quicklinks .quicklinkspage .cq-colctrl-3-3-3-3-c1 {
    width: 211px;
    padding: 0 8px 0 0;
}

.quicklinks .quicklinkspage .cq-colctrl-3-3-3-3-c2 {
    width: 211px;
    padding: 0 8px 0 0;
}

.quicklinks .quicklinkspage .cq-colctrl-3-3-3-3-c3 {
    width: 211px;
    padding: 0 20px 0 0;
}

.quicklinks .quicklinkspage .title h1,
.quicklinks .quicklinkspage .title h2,
.quicklinks .quicklinkspage .title h3,
.quicklinks .quicklinkspage .title h4,
.quicklinks .text p,
.quicklinks .text li {
    color: #FFF;
}

.quicklinks .quicklinkspage a {
    color: #EFB220;
    border-bottom-color: #5C431F;
}

.quicklinks .quicklinkspage a:hover {
    color: #EFB220;
    border-bottom-color: #E59319;
}

.quicklinks .list ul.link-list li {
    background-image: url(../images/quicklinks-list-arrow.png);
}

.quicklinks .hrline {
    height: 2px;
    }



/* -- newsline ------------------------------------------------------ */

.newsline {
    margin: 0 0 30px;
}

.newsline > .title {
    margin: 0 3px 8px;
}

.newsline > .title a {
    text-decoration: none;
    display: block;
}

.newsline > .title a:hover {
    text-decoration: none;
}

.newsline > .title a .head {
    font: 13px/1.2 DinWebBold, "Trebuchet MS", sans-serif;
    color: #666;
}

.newsline > .title a .arrow {
    font-family: Consolas;
    color: #E59319;
}

.newsline > .title a:hover .head {
    text-decoration: underline;
}

.newsline > .title a.rss {
    float: right;
    width: 12px;
    height: 12px;
    margin-top: 4px;
    background: url(../images/rss.png) no-repeat top left;
    text-indent: -1000em;
}

.newsline .divider {
    margin: 14px 0 10px;
    height: 1px;
    background: url(../images/newsline-divider.png) repeat-x left center;
}

.newsline .link a {
    display: block;
    margin: 8px 3px;
    font-weight: bold;
    font-size: 11px;
    line-height: 1.2;
    text-decoration: none;
    color: #041A9B;
}

.newsline .link a:hover {
    text-decoration: none;
    color: #041A9B;
}

.newsline .link a .date {
    color: #666;
    margin-right: 5px;
}

.newsline .link a:hover .title {
    text-decoration: underline;
}

.newsline .link.alert a,
.newsline .link.alert a:hover,
.newsline .link.alert a .date {
    color: #900;
}


/* -- storypage ------------------------------------------------------ */

.storypage .text { font: 13px Georgia, serif }
.storypage .text p { line-height: 1.5em }
.storypage .introtext { font: 16px Georgia, serif }
.storypage .captiontext { font-family: "Trebuchet MS", sans-serif }
.storypage .assetflexmodule .text { font: 11px 'Trebuchet MS', Arial, sans-serif }
.storypage .assetflexmodule .text p { line-height: 1.6 }


/*-- external links ------------------------------------------------ */
.linkhint_icon {
    background: transparent center no-repeat;
    padding: 0 11px 0 0;
    margin: 0 0 0 2px
}
.externalHint {background-image: url(http://www.buffalo.edu/calendar/images/link_external.gif);}
.document {background-image: url(../images/link_document.gif);}
.download {background-image: none; font-size: inherit;}
.download a{color: #041A9B;}

/*-- Lazy Load button styling -------------------------------------------- */
#lazyLoad{
        display: none;
        text-align: center;
        color: #FFF;
        border-radius: 5px;
        padding: 7px;
        font-size: 1.2em;
        font-weight: 700;
        background: url("/etc/designs/ubcms/clientlibs-main/images/results-bottom-bg.gif") repeat-x scroll left top transparent;
}

/*-- related assets RWD module -------------------------------------------- */
.news-rwd-related {
    margin: 15px 0 30px;
}

.news-rwd-related a,
.news-rwd-related a:hover,
.news-rwd-related a:active {
    border-bottom: 0;
}


@media only screen and (max-width: 720px){
	.innerheader .breadcrumbs-inner {
      margin-top: 0px;
    }

    .page #columns.two-column #center, .page #columns.two-column-left #center, .page #columns.two-column-left-banner #center, .page #columns.one-column #center{
	  padding-top: 0px;
	}
    /*-- homepage --*/
	.homepage #columns.two-column-left-banner #banner{
		padding-top: 0px;
    }

	/*-- footer ----- */
	.footer {
      margin-top: 0px;
      position: initial;
    }
}