@font-face {
        font-family: SofiaWebRegular;
        src: url(/content/dam/www/brand/fonts/SofiaProLight.woff);
    }
	@font-face {
        font-family: SofiaWebBold;
        src: url(/content/dam/www/brand/fonts/SofiaProBlack.woff);
    }
    @font-face {
        font-family: MoreWebRegular;
        src: url(/content/dam/www/brand/fonts/MoreProBook.woff);
    }
	@font-face {
        font-family: KievitWebRegular;
        src: url(/content/dam/www/brand/fonts/KievitProRegular.woff);
    }
	@font-face {
        font-family: ubwordmark;
        src: url(/content/dam/www/brand/fonts/ubwordmark.woff);
    }
    body.page{
        font: 14px SofiaWebRegular;
        color: #000;
  	    background: #005bbb;
    }

	body a:focus, body input:focus, .departmentheader .header-search .search input.type-text:focus, .collapsible h2.title:focus, .imagegallery2 .slide-view .view-stage .nav-right:focus, .imagegallery2 .slide-view .view-stage .nav-left:focus, .imagegallery2 .slide-view .ub-icons:focus{
    	outline: solid 4px;
    	outline-color:rgb(59, 153, 252);
    	outline-offset:-2px;
    	outline-style:auto;
    }

	p b, .text b{ font-family: SofiaWebBold; font-weight: 500; font-size:14px;}

    .page #page{background:none;}
    .page .page-inner{background: #fff;}
    .page .page-inner-1{background:none;}
    .page .page-inner-3{background:#fff;}
    .page .page-inner-2a{background:none;}


	li { font-size: 14px;}

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

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


    /*-- breadcrumbs --*/
    .innerheader .breadcrumbs-inner{background: none;}
    .breadcrumbs-inner ul li{
        color: #666;
    }
    
    .page #columns.three-column .columns-bg-2, .page #columns.two-column-left .columns-bg-2, .page #columns.two-column-left-banner .columns-bg-2, .page #columns.three-column-banner .columns-bg-2{
        background:none;
    }
    .page #columns #left .left-col-cap{background:none;}

    .title h1 {
        font: 32px MoreWebRegular, serif;
        color: #000;
        -moz-osx-font-smoothing: grayscale;
    }
    .title h2 {
    	font: 20px SofiaWebBold;
        font-weight: 500;
    	line-height: 24px;
        color: #005BBB;
    	-moz-osx-font-smoothing: grayscale;
    }

    .title h3 {
        font: 16px SofiaWebBold;
        color: #333;
        font-weight: 500;
    	-moz-osx-font-smoothing: grayscale;
    }
	.title h3 a:hover {
        color: #005BBB;
        border-bottom: solid 1px #C3D1E3;
    }
    .title h4 {
        color: #005BBB;
    }

	.title a:hover {
	    color: #005bbb;
	}

	.title.section h2 {
    	line-height: 24px;
	}

    .text p, .table td{
        color: #000;
        line-height: 1.5em;
    }
    .text p b, .table td b {
        font-family: sofiaWebBold;
    }
    .text a, .table a{
        color: #005BBB;
    }

    .text ul > li:before, .table ul > li:before {
        content: "\002022";
        color: #005BBB;
        margin-right: 11px;
        margin-left: -17px;
    }
    .text ul > li, .table ul > li {
        background: none;
        padding: 5px 0px 5px 25px;
        color: #000;
        margin: 0 0 0 18px;
        line-height: 1.5em;
    }

    .introtext {
        font: 18px MoreWebRegular, serif;
    }
    .introtext p{
        color: #666;
    }
    .callout > div > p, .callout > div > ul, .callout > div > ol{
        font-size: 14px;
    }

	.captiontext p{ font-size: 14px; }

	/*-- teasers --*/
    .teaser-block .teaser-title a{
        font: 18px SofiaWebBold;
        font-weight: 500;
        color: #005BBB;
    	border-bottom: none;
    }
	.teaser-block{background: none;}
	.list-style-links-news .teaser-inline .teaser-title {
        font-weight: normal;
        color: #005BBB;
    }

	.list-style-teaser-no-image .teaser-block .teaser-title:before {
	    color: #e56a54;
	}

	/*-- buttons --*/
	.buttoncomponent a.button {
        border: none;
        box-shadow: none;
        text-shadow: none;
        font: 14px SofiaWebRegular;
    }
    .buttoncomponent a.blue{
        background: #005BBB;
    }
    .buttoncomponent a.gray{
        background: #666;
    }
    .buttoncomponent a.green{
        background: #427d10;
    }
    .buttoncomponent a.orange{
        background: #AD641F;
    }
	.buttoncomponent.title h2 a {
        cursor: default;
    }
    
    /*-- call to action --*/
    .calltoaction .teaser-inline a {
        color: #005BBB;
    }
    .calltoaction .calltoaction-style-large:before, .calltoaction .calltoaction-style-medium:before{
        color: #e56a54;
    }
    .calltoaction .calltoaction-style-large {
        font-family: sofiaWebRegular;
    }
    .calltoaction .calltoaction-style-small:before {
        font-family: consolas;
        content: ">";
        color: #e56a54;
        font-weight: bold;
        margin-right: 3px;
    }
    .calltoaction .calltoaction-style-small{
        background: none;
        padding-left: 5px;
    }

	.list ul.list-style-call-to-action li:before{
        color: #e56a54;
    }

	.list ul.list-style-call-to-action li {
        font-family: SofiaWebRegular, "Trebuchet MS", sans-serif;
    }


    /*-- callout component --*/
    .callout > div {
        border-radius: 0px;
        padding: 20px 20px 20px 24px;
    	font-family: SofiaWebRegular;
    }
    .callout [class^="icon-"]:before, .callout [class*=" icon-"]:before {
        position: relative;
        float: left;
        top: initial;
        left: initial;
        margin: 8px 14px 0 3px;
    }
    #conditionizr.ie .callout [class^='icon-']::before, .callout [class*=' icon-']::before{
        top:0px;
        left:0px;
    }
	.callout .title h3{ 
    	font-size: 14px; 
		font-weight: 400;
    }
	.callout .dk-blue {
        background-color: #005BBB;
    }

	/*-- collapsible container --*/

	.collapsible-container {
        padding-left: 29px;
    }

	.collapsible-container .collapsible {
        margin-left: -29px;
    }

	.firefox .collapsible h2.title::before {
	    top: 6px;
	}

	.collapsible h2.title:before{
		color: #AD841F;
    	top: 2px;
    }

	.collapsible h2.title {
        font: 18px SofiaWebRegular;
        font-weight: 500;
        color: #005BBB;
        -moz-osx-font-smoothing: grayscale;
    }

	/*-- forms --*/
	.form_leftcollabel {
        font: 14px SofiaWebBold;
    }
	html.borderradius .graphicsubmitbutton a.button {
        background: #666;
        font: 14px sofiaWebBold;
        padding: 4px 11px 6px;
    }
	html.borderradius .graphicsubmitbutton a.button:hover {
        background: #999;
    }

    /*-- pullquote --*/
    .relatedpullquote .quote {
        font: 20px MoreWebRegular;
        font-style: normal;
        color: #005BBB;
        line-height: 1.4;
    }   
    .relatedpullquote .outer {
        border: 0;
    }
    .relatedpullquote .inner {
        border: 0;
    }
    .relatedpullquote .fullname {
        color: #000;
        font-size: 14px;
    }
    .relatedpullquote .affiliationtitle {
        font-size: 14px;
        font-style: normal;
    	color: #000;
    	font-weight: bold;
    }

    /*-- on This Page --*/
    #otpHeader {
        color: #000;
        font-size: 14px;
    }
	.onthispage .hrline{display:none}
    .onThisPage a {
        color: #005BBB;
        font-size: 14px;
    }
    .onThisPage a:before {
        content: "\002022";
        color: #005BBB;
        font-family: ubcms;
        vertical-align: 0px;
        margin-left: -2px;
        margin-right: 3px;
    }

	/*-- flex module --*/
    .flexmodule .title{
        font: 14px SofiaWebRegular;
        color: #005BBB;
    }
	.flexmodule-style-largeimg .teaser-image, .flexmodule-style-largeimg .teaser-video {
        background: none;
    }
    .flexmodule-style .teaser-title{
        font: 18px SofiaWebBold;
        font-weight: 700;
        color: #005BBB;
    }
	.flexmodule-style .teaser-body{
        font-size: 14px;
    	color: #000;
    }
	.flexmodule-style .teaser-links .teaser-title {
        color: #005BBB;
        font-size: 14px;
    	font-family: SofiaWebRegular;
    }


    /*-- left column --*/
    .leftnav .inner {
        background: #666 none;
        margin-left: 0px;
    }
    .page #columns #left .left-col-shadow {
        display: none;
    }
    .leftnav h1 {
        font: 20px SofiaWebRegular;
    }
	.leftnav h1.active{background:none;}
    .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: 1px solid #FFF;
        font-family: sofiaWebRegular;
    }

	.leftnav ul.nav-level-1 li ul.nav-level-2 li a:hover{
        font-family: sofiaWebRegular;
		font-weight: bolder;
    	color: #005BBB;
    }

	.leftnav ul.nav-level-1 li a:hover {
		font-family: sofiaWebRegular;
		color: #41b6e6 ;
	} 

	.leftnav ul.nav-level-1 li.first a{border-top: 1px solid #FFF;}
    .leftnav ul.nav-level-1 li.active-trail {
        background: #FFF;
        border: dotted 1px #B9B9B9;
    }
    .leftnav ul.nav-level-1 li.active-trail a.active:before {
        content: ">";
        font-family: consolas;
        font-size: 15px;
        font-weight: 100;
        margin-left: -13px;
        margin-right: 3px;
    }
    .leftnav ul.nav-level-1 li.active-trail a.active {
        color: #005BBB;
        font-family: sofiaWebBold;
        font-weight: 400;
        -moz-osx-font-smoothing: grayscale;
    }
    .leftnav ul.nav-level-1 li.active-trail a.active:hover{
        font-family: sofiaWebBold;
    }

    .leftnav ul.nav-level-1 li ul.nav-level-2 li{
        background: none;
    	border: 0;
    }
    .leftnav ul.nav-level-1 li ul.nav-level-2 li a.active{
        color: #005BBB;
    }

	.leftnav ul.nav-level-1 li ul.nav-level-2 li{
    	font-size: 13px;
		padding: 4px 0 4px 6px;
    }
    .leftnav .nav-related-links{
        color: #FFF;
    }
	.leftnav .nav-related-links ul.link-list li{
		font-size: 12px;
        background: none;
    	position: relative;
    }
    .leftnav .nav-related-links ul.link-list li:before {
        content: ">";
        font-family: consolas;
        display: inline;
        position: absolute;
        left: 2px;
        color: #FFF;
        top: 0px;
    }
	.leftnav .nav-related-links ul.link-list li a {
    	color: #FFF;
    }
	.leftnav .nav-related-links ul.link-list li a:hover {
        color: #FFF;
        border-bottom: 1px solid #FFF;
    }


	/*-- Column control component (2-2-2-2) --*/

    .parsys div.cq-colctrl-2-2-2-2-c0{
        width: 150px;
        padding-right: 12px;
    }


    .parsys div.cq-colctrl-2-2-2-2-c1, .parsys div.cq-colctrl-2-2-2-2-c2 {
        width: 150px;
        padding-left: 10px;
        padding-right: 12px;
    }

    .parsys div.cq-colctrl-2-2-2-2-c3 {
        width: 150px;
        padding-left: 10px;
    }

    .landing .list-style-teaser-no-image .teaser-block .teaser-title {
        padding: 2px 0 4px 0px;
    }

    .landing .list-style-teaser-no-image .teaser-block .teaser-title:before {
        display: none;
    }

	/*-- image gallery component --*/
	.imagegallery2 .gallery-view a:focus {
        border: solid 5px #3B99FC;
        box-sizing: border-box;
        position: relative;
    }
    .imagegallery2 .gallery-view a {
        display: block;
        height: 100%;
    }

	/*-- footer --*/
	.footer {
        background:none;
    }
    
    .footer .ublogo {
        margin-left: 0px;
        top: -11px;
        position: relative;
            display: none;
    }
	.footer .breadcrumbs-inner {
        border-top-color: #666;
        border-bottom: #666;
        background: #666;
    }
        
    .fatfooter .footer-columns4 .footer-column1 {
        width: 450px;
        padding-left: 15px;
        padding-right: 14px;
    }
    
    .fatfooter .footer-columns4 .footer-column2 {
        width: 129px;
        padding-left: 15px;
        padding-right: 14px;
    }
    
    .fatfooter .footer-columns4 .footer-column3 {
        width: 128px;
        padding-left: 15px;
        padding-right: 13px;
    }
    
    .fatfooter .footer-columns4 .footer-column4 {
        width: 130px;
        padding-left: 15px;
        padding-right: 15px;
    }
    
    .fatfooter .footer-inner.footer-columns4 .footer-inner-1 {
        background: none;
    }   

	.fatfooter .footer-inner {
	    background: none;
	} 
    
    .fatfooter .footer-column {
        padding-top:25px;
        border-top: 1px solid #999;
        padding-bottom: 0px;
    }
    
    .fatfooter .title h1 {
        color: #fff;
        font-family: dinwebregular;
        margin: 0px 0px 2px;
        font-size: 22px;
    }
    
    .fatfooter .title a, .fatfooter .title a:hover {
    color: #ffd86c;
}
        
    .fatfooter .title h6 {
        text-transform: none; 
        color: #ffd86c;
        font-size: 12px;
    	font-weight: 400;
    }    
        
    .copyright-adjust {
        float: right;
        color: #fff;
    }
    
    .simplefooter .rightsidecontents {
        width: 960px;
        margin-top: 5px;
     }

    
    .simplefooter .copyright {
        display: none;
    }    

    .simplefooter .logo {
        border-bottom: none;
    }

    .simplefooter .icon-ub-logo {
            display: none;
    }

    .fatfooter .list a{
        font-size: 13px;
    }
    .fatfooter .buttoncomponent a.fullwidth {
        display: block;
        margin-top: 3px;
        margin-bottom: 8px;
    }
    
    .fatfooter .buttoncomponent a.gray {
        background: #666;
    }
        
    .fatfooter .buttoncomponent a.gray:hover {
        background: #999;
        cursor: pointer;
    }
    
    .fatfooter .buttoncomponent a.button {
        text-decoration: none;
        display: block;
        padding: 10px 0px;
        border: none;
        color: #fff;
        text-shadow: none;
        vertical-align: middle;
        white-space: nowrap;
        overflow: visible;
        text-overflow: initial;
        line-height: 0;
        text-align: center;
        box-shadow: none;
        -moz-box-shadow: none;
        -webkit-box-shadow: none;
    }    
        
    .footer-button {
        background: #777;
        display: inline-block;
        color: #fff;
        text-align: center;
        padding: 6px 16px 7px 16px;
        border-radius: 4px;
    }

    .footer-button-text a {
        position: relative;
    }

    .footer-button-text a:hover {
        text-decoration: underline;
        position: relative;
    }

    .footer .footerlinks .right {
        font-size: 12px;
    }
    
    .footer .footerlogo .right a, .footer .footerlinks a {
        font-family: SofiaWebRegular;
    }
    
    .footer .footerlogo .right b {
        font: 10px SofiaWebBold, "Arial", sans-serif;
     }

.fatfooter .footer-column {
    border-top: none;
}




	/*-- special: teasers with images call to action --*/
	.list-style-teaser .teaser-block .teaser-links {
        display: block;
    }
        
    .list-style-teaser .teaser-block .list-style-call-to-action li {
        margin: 6px 0;
        padding: 0px 0 0px 20px;
    }
        
    .list-style-teaser .teaser-block .list-style-call-to-action .teaser-title {
        font-size: 14px;
        color: #005bbb;
        margin-top: -2px;
        font-family: SofiaWebRegular;
    }
    
    
    .list-style-teaser .teaser-block .list-style-call-to-action li:before {
        font-size: 12px;
        color: #e56a54;
        left: 0px;
    	top: 9px;
    }
    
    .list-style-teaser .teaser-block .list-style-call-to-action li a, .list-style-teaser .teaser-block .list-style-call-to-action li a:hover {
        border-bottom: 1px solid #C3D1E3;
    }


	/*-- special: related assets --*/
    .related-assets .list-style-teaser .teaser-block .teaser-content {
        margin-left: 0px;
    }
    .related-assets .list-style-teaser .teaser-block .teaser-title {
		margin-bottom:8px;
	}
    .related-assets .list-style-teaser  .teaser-block .teaser-images{
        margin-right: 8px;
        margin-top: 4px;
        height: 60px;
    }
    .related-assets .teaser-block .teaser-content .teaser-image a{
		border-bottom:none;
	}
	.related-assets .list-style-teaser .img-140x88 img {
        width: 60px;
        height: 60px;
    }

/*--flex module/carousel--*/

.carousel .title, .flexmodule .title {
    color: #005BBB;
    font-family: SofiaWebRegular, "Trebuchet MS", sans-serif;
}

.carousel .jcarousel-item {
    height: 350px;
}

.flexmodule-style .teaser-title {
    font: 14px SofiaWebBold;
    color: #000;
}

.flexmodule-style .teaser-body {
    font-size: 13px;
    color: #000;
}

.teaser-block .teaser-title a {
    font: 14px SofiaWebBold;
    color: #005BBB;
}


/*-- rwd --*/

@media only screen and (max-width: 720px){
    .ubheader .toplinks:nth-child(0n+1) {
        display: inline-block;
        font-size: 0px;

    }
    .ubheader .toplinks:before{
        content: "\e602";
        font-family: ubcms;
        padding-right: 11px;
        vertical-align: middle;
        color: #FFF;
        font-size: 14px;
        display: inline-block;
        border-right: solid 1px #FFF;
        height: 19px;
        padding-top: 3px;
        box-sizing: border-box;
    }
    .ubheader .toplinks:after{
        content: "\e800";
        font-family: ubwordmark;
        font-size: 14px;
        color:#FFF;
    	vertical-align: middle;
    	display: inline-block;
        padding-left: 8px;
        height: 23px;
    	box-sizing: border-box;
    	padding-top: 6px;
    }
    .ubheader .toplinks {
        display: none;
    	padding: 5px 0 5px 9px;
    }
    .ubheader .field-bg{
        height: 26px;
    	margin: 5px 3px 0px;
        width: 185px;
    }
    .ubheader input.type-text {
        padding-right: 0px;
    }
	#globalSearch{display: none;}
    #page .departmentheader {
        background: #FFF;
    }
    #page .departmentheader .inner {
		margin-left: 0px;
    }
    .departmentheader .title:before{
        display:none;
    }
    .departmentheader .title {
        margin-left: initial;
        font-size: 18px;
        margin-top: initial;
        border-left: none;
        padding-left: 14px;
    }
    .departmentheader .title .ubTitle:before{
        font-size: 14px;
    	display:none;
    }
    .departmentheader .title .ubTitle{
        height: 1em;
    }

	.innerheader .breadcrumbs-inner {
        background: #fff;
    }


	/*-- mobile menu --*/
    .mobilemenu .menu li{
        background: #005BBB;
    }
	.mobilemenu .menu li .children li {
        color: #005BBB;
    }
    .mobileheader-button {
        background: #1482DC;
    }


	/*-- right column on this page --*/    
    #right #otpHeader {
        color: #FFF;
    }

    div.parsys_column{clear:both;}

	/*-- tables --*/
    .table{
        transform: rotateX(180deg);
        -ms-transform: rotateX(180deg);
        -webkit-transform: rotateX(180deg);
    }
	.table table{
	    transform: rotateX(180deg);
        -ms-transform: rotateX(180deg);
        -webkit-transform: rotateX(180deg);
    }

	/*-- page body --*/
    .page #columns.two-column #center, .page #columns.two-column-left #center, .page #columns.two-column-left-banner #center, .page #columns.one-column #center {
        padding: 2px 16px;
    }

    .homepromos .title, .homepage .homepromos .title, #right .title {
        background: none;
        padding: 0px 16px;
    }

	.page #columns #center:after {
    margin: -8px -16px;
	}

	/*-- button --*/
	.buttoncomponent a.button{
		white-space: normal;
        margin-bottom: 10px;
    }

	.lockup-button-container-sub .buttoncomponent {
        margin-bottom: 10px;
    }



	/*-- footer --*/
	.fatfooter .footer-column {
    	padding-top: 0px;
        border-top: none;
        padding-bottom: 0px;
    }
    .fatfooter .footer-columns4 .footer-column1{
        box-sizing: border-box;
        width: 100%;
    }


	/*-- Quickfacts --*/
    .quickfacts .text p {
        margin-top: 0px;
        height: 136px;
        display: flex;
        flex-direction: column;
        justify-content: center;
    }

    .img-ctr {
        float: left;
        margin-right: 20px;
    }




}

@media print{
    .ubheader{display:none;}
	.departmentheader .title:before{top:25px;}
	.text ul > li:before, .table ul > li:before{content: "";}
	.callout [class^="dk-"][class^="icon-"]:before, .callout [class*=" dk-"][class^="icon-"]:before, .callout [class^="dk-"][class*=" icon-"]:before, .callout [class*=" dk-"][class*=" icon-"]:before, .callout [class^="dk-"] p, .callout [class*=" dk-"] p, .callout [class^="dk-"] ul, .callout [class*=" dk-"] ul, .callout [class^="dk-"] ol, .callout [class*=" dk-"] ol, .callout [class^="dk-"] .title h3, .callout [class*=" dk-"] .title h3 {
        color: #222;
        margin-top: 2px;
    }

}