*{box-sizing:border-box;-moz-box-sizing:border-box}
.heading{padding-top:77px}
.brand-title{top:19px}
.header-divider{display:none}
.audience-nav{position:absolute;top:0;right:-5px;font-family:"DINWeb",sans-serif;font-size:.8em}
.audience-nav li{float:left;padding:0 8px;border-right:1px solid #fff;color:#a6192e}
.audience-nav li:last-child{border-right:0}
.audience-nav li:hover{text-decoration:underline}
.audience-nav ul.default{margin-bottom:0 !important}
.audience-nav ul.default li{background-image:none !important}
#main-nav-container{background:#363533 url(clf.main-page/source/assets/bg-full.jpg) 0 -75px repeat-x;clear:left;float:left;width:100%;padding-left:10.4%;font-size:.8em}
header .sf-menu{left:-236px;top:10px}
.search-scope-set{display:none}
.audience-nav ul.default li{background-image:none;margin-bottom:.1875em;padding-left:.75em}
.nav-control{display:none}
.main-nav{float:left;width:80%;font-family:"DINWeb",sans-serif}
#main-nav-container nav:first-child{display:inline-block;background:#3d3935 url(clf.main-page/source/assets/sub-nav-bg.png) 0 0 repeat}
.main-nav>ul>li{float:left;width:16.66%}
.main-nav>ul>li>a{display:block;background-color:#23211e;text-transform:uppercase;padding-top:8px;padding-bottom:6px;padding-left:16.6666667%;border-left:1px dotted #555}
.main-nav>ul>li>a:hover{background-color:#3c3a38}
.sub-menu{padding-right:6px;padding-bottom:12px;padding-top:6px;line-height:1.1em}
.sub-menu li{padding:4px 0}
.sub-menu li a{float:none}
.main-nav>ul>li a:hover{color:#e0d10a}
.main-nav a{color:#fff}
.main-wide{padding-left:2.1929825%;padding-right:3.6549708%;float:left;width:77.77778%;padding-bottom:20px}
.main-wide .breadcrumb{width:100%;padding-left:0;padding-bottom:12px}
.above-main{clear:left}
.subnav-wrapper{font-size:.9em;line-height:1.1em;width:22.2222%;padding-top:46px;padding-left:27px;float:left;margin-top:75px;margin-bottom:40px;font-family:"DINWeb",sans-serif}
.above-nav h4{padding-left:23px;font-size:.9em}
.main-subnav ul{padding-left:10px;padding-right:12px;margin-right:12px}
.main-subnav ul li{padding-bottom:12px;padding-left:13px}
.main-subnav ul li.active{font-family:"DINWebMedium",sans-serif;background:url(../../../../content/dam/sfu/images/common/bullet_red.gif) 0 5px no-repeat}
.main-subnav ul li:last-child{border-bottom:10px solid #eee}
h2{font-family:"DINWeb",sans-serif;color:#777;font-size:1.75em}
h2 span{font-family:"DINWebBold",sans-serif}
h3 span{font-family:"DINWeb",sans-serif;color:#555;font-size:.75em}
p span{color:#777}
h3+p,.cq-colctrl-lt0 h3+p,.cq-colctrl-lt1 h3+p,.cq-colctrl-lt2 h3+p,.cq-colctrl-lt3 h3+p,.cq-colctrl-lt4 h3+p,.cq-colctrl-lt5 h5+p,.cq-colctrl-lt6 h3+p,.cq-colctrl-lt7 h3+p,.cq-colctrl-lt8 h3+p{margin-top:-1em !important}
h4{color:#333;font-size:.7em;letter-spacing:.05em;padding-bottom:0}
.subnav-wrapper h4{letter-spacing:0}
.toggle h3,h2+h3{margin-top:0 !important}
.section-heading h2{background-color:#3d3935;color:#fff;padding:.2em .2em .2em .4em;margin-bottom:.5em}
.divider h3{border-bottom:1px solid #ddd;padding-bottom:.5em}
.sub{padding-top:110px}
.intro{margin-bottom:4%}
.pull-quote{font-size:1.8em;line-height:1.2em;background-color:#a6192e;padding:2% 4% 2% 6%;color:#fff}
.pull-quote a{color:#fff}
.cq-colctrl-lt5 .pull-quote p{margin-top:1em;padding-bottom:0}
.aside{font-size:.9em;border-top:1px solid #ccc}
.galleryBox a.box{color:#fff}
.galleryBox h3{margin-bottom:0}
h3+ul{margin-top:-1em}
ul+h4{padding-top:1em}
h4+ul{margin-top:-1em}
.textimage .pull-quote-image{background-color:#a61923;height:15em;overflow:hidden}
.textimage .pull-quote-image .text{font-size:1.8em;line-height:1.2em;background-color:#a6192e;padding:0 4% 2% 6%;color:#fff}
.textimage .pull-quote-image .image{width:50%;border-right:20px solid #fff;padding-bottom:.9em;background-color:#fff}
.textimage .short-text .text{padding-top:3%}
.news-description{display:none}
.headlines li i{font-family:"DINWebMedium";font-size:.75em;margin-left:.2em;text-transform:uppercase;font-style:normal;opacity:.5}
.headlines ul li:last-child{border-bottom:0}
.middle-50 .cq-colctrl-lt2-c0,.middle-50 .cq-colctrl-lt2-c2{width:25%}
.middle-50 .cq-colctrl-lt2-c1{width:50%}
.footer-right .image{width:50px;float:left;margin-right:10px;margin-bottom:8px}
.footer-right .image a:hover{opacity:1}
#page-content footer li .image a:hover{opacity:1}
.three-column .main-wide{width:54.778%}
@media(max-width:1200px){#main-nav-container{padding-left:0}
.subnav-wrapper{padding-left:0}
.main-nav{width:100%;max-width:none}
.main-subnav{padding-left:16px}
.main-wide{padding-left:0}
.textimage .pull-quote-image{height:auto;overflow:visible}
.textimage .pull-quote-image .image{width:100%;height:16em;overflow:hidden;border:0;float:none;padding-bottom:0;background-color:transparent}
.textimage .pull-quote-image .text{padding-top:0;padding-bottom:1%}
.above-nav h4{padding-left:39px}
.sub .cq-colctrl-lt0-c0,.sub .cq-colctrl-lt0-c1{float:none;width:100%}
.textimage .short-text .text{padding-top:0}
}
@media(max-width:980px){.audience-nav{top:6px;right:100px}
.subnav-wrapper{padding-left:0}
.main-subnav{padding-left:5px}
#main-wide{padding-left:15px;width:100%}
.three-column .main-wide{width:77.778%}
.above-nav h4{padding-left:39px}
.three-column .sub{width:77.778%;margin-left:22.2222%;padding-left:0;padding-top:0}
.sub .textimage .text{width:63%}
.middle-50 .cq-colctrl-lt2-c0{width:33%}
.middle-50 .cq-colctrl-lt2-c1{width:66%}
.middle-50 .cq-colctrl-lt2-c2{clear:left;width:66%;margin-left:33%}
#sub{width:100%;margin:0 15px;margin-left:0;border-top:25px solid #eee;border-bottom:25px solid #eee;padding-top:25px}
#sub div{width:100%}
#sub .headlines div{width:30%;float:left;margin-top:0;margin-left:5%}
#sub .headlines div:nth-of-type(3n+1){margin-left:0}
#sub .headlines div:nth-of-type(4){clear:left}
.cq-colctrl-lt0-c0,.cq-colctrl-lt0-c1{float:none;width:100%}
.two-thirds{width:100%}
.above-nav h4{padding-left:27px}
.no-clear div.cq-colctrl-lt2-c0,.no-clear div.cq-colctrl-lt2-c1,.no-clear div.cq-colctrl-lt2-c2{width:33%;float:left;clear:none}
}
@media(max-width:768px){.audience-nav{display:none}
.header-divider{display:block}
.nav-control{display:block;position:absolute;top:-35px}
.main-nav>ul>li{background-color:none}
.main-nav>ul>li>ul>li{border:0}
.main-nav ul .top.active .active ul,.default-nav ul .top.active .active ul{display:none}
.main-nav{border-top:0}
.main-nav>ul>li>a:hover{background-color:transparent;color:#fff}
.main-nav>ul>li>ul>li a{background-color:#ddd;color:#000;text-transform:none}
.main-nav>ul>li>ul>li a:hover{color:#000;background-color:#eee}
.main-nav .sub-menu{padding:0}
.main-nav .sub-menu li{padding-top:0;padding-bottom:0;line-height:1.3125em}
.main-nav ul li{float:none;width:100%}
.main-nav ul>li>a{padding-left:12px;background-color:transparent}
.main-nav>ul>li{border-top:1px solid #555}
.main-nav>ul>li:first-child{border-top:0}
.actionable-header .search{width:28%}
.global-links{width:70%}
.three-column .main-wide,.main-wide{width:100%;padding-left:2.1929825%}
.three-column .sub{width:100%;margin-left:0;padding-left:2.1929825%}
.subnav-wrapper{display:none}
.textimage .pull-quote-image .image{height:auto;overflow:visible}
.three-column .main-wide{width:100%}
.sub .cq-colctrl-lt0-c0,.sub .cq-colctrl-lt0-c1{float:left;width:50%}
.middle-50 .cq-colctrl-lt2-c0{display:none}
.middle-50 .cq-colctrl-lt2-c1{width:100%}
.middle-50 .cq-colctrl-lt2-c2{clear:left;width:100%;margin-left:0}
}
@media(max-width:480px){.branding{width:98px;margin-top:1em}
.textimage .pull-quote-image .text{font-size:1.2em;line-height:1.4em}
h2{font-size:1.5em;line-height:1em}
.sub .textimage .text{width:100%}
.cq-colctrl-lt0-c0,.cq-colctrl-lt0-c1{float:none;width:100%}
}