header, footer, section, aside, nav, article, figure {
    display: block;
    margin: 0;
    padding: 0;
}
.main ul {
    list-style: outside none disc;
    margin: 0;
    padding: 0 2em;
}
html {
    overflow-x: hidden;
    overflow-y: scroll;
}
* {
    box-sizing: border-box;
}
ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}
a {
    color: #a6192e;
    text-decoration: none;
}

#page-content p a:hover, #page-content h1 a:hover, #page-content h2 a:hover, #page-content h3 a:hover, #page-content h4 a:hover, #page-content h5 a:hover, #page-content li a:hover, #page-content table a:hover, .breadcrumb a:hover {
    opacity: 0.8;
}

body {
    background: url("http://www.sfu.ca/etc/designs/clf/clientlibs/clf/source/images/textured-red-01.png") repeat scroll left top #a6192e;
    font: 100%/1.5em Cambria,Georgia,"Times New Roman",Times,serif;
    margin: 0;
}

@font-face {
    font-family: "DINWebLight";
    src: url("http://www.sfu.ca/etc/designs/clf/clientlibs/clf/source/fonts/DINWeb-Light.eot?#iefix") format("embedded-opentype"), url("http://www.sfu.ca/etc/designs/clf/clientlibs/clf/source/fonts/DINWeb-Light.woff") format("woff");
}
@font-face {
    font-family: "DINWeb";
    src: url("http://www.sfu.ca/etc/designs/clf/clientlibs/clf/source/fonts/DINWeb.eot?#iefix") format("embedded-opentype"), url("http://www.sfu.ca/etc/designs/clf/clientlibs/clf/source/fonts/DINWeb.woff") format("woff");
}
@font-face {
    font-family: "DINWebBold";
    src: url("http://www.sfu.ca/etc/designs/clf/clientlibs/clf/source/fonts/DINWeb-Bold.eot?#iefix") format("embedded-opentype"), url("http://www.sfu.ca/etc/designs/clf/clientlibs/clf/source/fonts/DINWeb-Bold.woff") format("woff");
}
@font-face {
    font-family: "DINWebMedium";
    src: url("http://www.sfu.ca/etc/designs/clf/clientlibs/clf/source/fonts/DINWeb-Bold.eot?#iefix") format("embedded-opentype"), url("http://www.sfu.ca/etc/designs/clf/clientlibs/clf/source/fonts/DINWeb-Medium.woff") format("woff");
}
@font-face {
    font-family: "DINWebBlack";
    src: url("http://www.sfu.ca/etc/designs/clf/clientlibs/clf/source/fonts/DINWeb-Black.eot?#iefix") format("embedded-opentype"), url("http://www.sfu.ca/etc/designs/clf/clientlibs/clf/source/fonts/DINWeb-Black.woff") format("woff");
}
@font-face {
    font-family: "DINWebLightItalic";
    font-style: italic;
    font-weight: normal;
    src: url("http://www.sfu.ca/etc/designs/clf/clientlibs/clf/source/fonts/DINWeb-LightIta.eot?#iefix") format("embedded-opentype"), url("http://www.sfu.ca/etc/designs/clf/clientlibs/clf/source/fonts/DINWeb-LightIta.woff") format("woff");
}
@font-face {
    font-family: "DINWebItalic";
    font-style: italic;
    font-weight: normal;
    src: url("http://www.sfu.ca/etc/designs/clf/clientlibs/clf/source/fonts/DINWeb-Ita.eot?#iefix") format("embedded-opentype"), url("http://www.sfu.ca/etc/designs/clf/clientlibs/clf/source/fonts/DINWeb-Ita.woff") format("woff");
}
@font-face {
    font-family: "DINWebMediumItalic";
    font-style: italic;
    font-weight: normal;
    src: url("http://www.sfu.ca/etc/designs/clf/clientlibs/clf/source/fonts/DINWeb-MediumIta.eot?#iefix") format("embedded-opentype"), url("http://www.sfu.ca/etc/designs/clf/clientlibs/clf/source/fonts/DINWeb-MediumIta.woff") format("woff");
}
@font-face {
    font-family: "DINWebBoldItalic";
    font-style: italic;
    font-weight: bold;
    src: url("http://www.sfu.ca/etc/designs/clf/clientlibs/clf/source/fonts/DINWeb-BoldIta.eot?#iefix") format("embedded-opentype"), url("http://www.sfu.ca/etc/designs/clf/clientlibs/clf/source/fonts/DINWeb-BoldIta.woff") format("woff");
}
@font-face {
    font-family: "DINWebBlackItalic";
    font-style: italic;
    font-weight: bold;
    src: url("http://www.sfu.ca/etc/designs/clf/clientlibs/clf/source/fonts/DINWeb-BlackIta.eot?#iefix") format("embedded-opentype"), url("http://www.sfu.ca/etc/designs/clf/clientlibs/clf/source/fonts/DINWeb-BlackIta.woff") format("woff");
}
@font-face {
    font-family: "fontawesome";
    font-style: normal;
    font-weight: normal;
    src: url("http://www.sfu.ca/etc/designs/clf/clientlibs/clf/source/fonts/fontawesome.eot?#iefix") format("embedded-opentype"), url("http://www.sfu.ca/etc/designs/clf/clientlibs/clf/source/fonts/fontawesome.woff") format("woff"), url("http://www.sfu.ca/etc/designs/clf/clientlibs/clf/source/fonts/fontawesome.ttf") format("truetype"), url("http://www.sfu.ca/etc/designs/clf/clientlibs/clf/source/fonts/fontawesome.svg#fontawesome") format("svg");
}

h1 {
    font-family: "DINWebBold",sans-serif;
    font-size: 2em;
    font-weight: normal;
    line-height: 1.1em;
    margin-top: 0.9em;
}

h2 {
    color: #777;
    font-family: "DINWeb",sans-serif;
    font-size: 1.75em;
    font-weight: normal;
    line-height: 1.2;
    margin-bottom: 0;
    margin-top: 1em;
}

#container {
    margin: 0 auto;
    max-width: 1520px;
    padding: 0;
    width: 90%;
}
#page {
    background: none repeat scroll 0 0 #fff;
    box-shadow: 0 0 15px rgba(50, 50, 50, 0.75);
}

header {
    background: -moz-linear-gradient(left center , #fff 0px, #ddd 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
    border-top: 5px solid #003087;
    float: left;
    padding-bottom: 14px;
    padding-top: 16px;
    position: relative;
    width: 100%;
}

.heading {
    float: left;
    padding-top: 93px;
    position: relative;
    width: 77.7777%;
}
.brand-title {
    left: 0;
    position: absolute;
    top: 0;
}
.branding {
    background: url("http://www.sfu.ca/etc/designs/clf/clientlibs/clf/source/assets/sfu-logo.png") no-repeat scroll left top / contain transparent;
    height: 46px;
    width: 300px;
}
.brand-title > a {
    display: block;
    width: 300px;
}
.branding h1 {
    display: none;
}
.site-title {
    clear: left;
    color: #a6192e;
    margin-left: 102px;
}
.site-title h2 {
    font-family: "DINWeb",sans-serif;
    font-size: 1em;
    text-transform: uppercase;
}

.site-title a {
    color: #a6192e;
}

.header-divider {
    background: url("http://www.sfu.ca/etc/designs/clf/clientlibs/clf/source/images/bg-small.png") no-repeat scroll -70px 0 #3d3935;
    clear: left;
    height: 25px;
    width: 100%;
}

#page-content {
    background-color: #fff;
    box-shadow: 0 0 15px rgba(50, 50, 50, 0.75);
    float: left;
    padding: 0;
    width: 100%;
}

.main {
    float: left;
    padding: 25px 3.65497% 20px 2.19298%;
    width: 77.7778%;
}
.three-column .main {
    padding-right: 2.19298%;
    width: 55.5556%;
}
.no-navigation .main {
    width: 100%;
}
.three-column.no-navigation .main {
    width: 77.7778%;
}

.sub {
    float: left;
    padding-bottom: 20px;
    padding-right: 2.19298%;
    padding-top: 25px;
    width: 22.2222%;
}


footer {
    background-color: #3d3935;
    clear: left;
    color: #aaa;
    float: left;
    font-family: "DINWeb",sans-serif;
    font-size: 0.75em;
    font-weight: normal;
    line-height: 1.3125em;
    padding-bottom: 18px;
    padding-left: 10.4%;
    padding-top: 18px;
    width: 100%;
}

footer a, footer a:hover {
    color: #fff;
}
footer li.header a {
    color: #e0d10a;
}
footer ul {
    float: left;
    margin-top: 8px;
    max-width: 25%;
    padding-right: 6%;
}
footer ul:last-child {
    font-size: 0.9em;
    line-height: 0.9em;
}
footer li {
    margin: 0;
    padding: 0;
}
footer li > a {
    display: inline-block;
    margin: 0 0 4px;
}
footer li.header a {
    margin-bottom: 0;
}
footer li.header {
    color: #e0d10a;
    font-family: "DINWeb",sans-serif;
    font-size: 0.818182em;
    font-weight: normal;
    line-height: 1.3125em;
    padding-bottom: 8px;
    text-transform: uppercase;
}

.connect-with-us p, .contact-us p {
    margin-top: 0;
}


@media (max-width: 980px) {
header {
    margin-top: 0;
    transition: margin-top 0.5s ease 0s;
}


.branding {
    margin-top: 16px;
    width: 300px;
}
.brand-title {
    width: 100%;
}
header {
    padding-bottom: 20px;
    padding-top: 0;
    position: relative;
}


.main, .three-column .main {
    padding-top: 1.46199%;
    width: 77.7778%;
}
.sub, .three-column .sub {
    clear: left;
    margin-left: 22.2222%;
    padding-left: 2.19283%;
    width: 77.7778%;
}
.no-navigation .main {
    width: 100%;
}
.three-column.no-navigation .main {
    width: 100%;
}
.three-column.no-navigation .sub {
    margin-left: 0;
    width: 100%;
}
footer {
    padding: 2.19298%;
}
footer ul {
    margin-bottom: 20px;
}

}
@media (max-width: 768px) {
#container {
    width: 100%;
}
header {
    padding-bottom: 20px;
}
.brand-title {
    width: 90%;
}
.site-title {
    width: 90%;
}
.site-title h2 {
    font-size: 1.2em;
    line-height: 1em;
}
.header-divider {
    height: 33px;
    overflow: hidden;
}

.main, .three-column .main {
    clear: left;
    padding-bottom: 16px;
    padding-right: 2.19298%;
    width: 100%;
}

.sub, .three-column .sub {
    margin-left: 0;
    padding-left: 2.19298%;
    width: 100%;
}
footer {
    font-family: "DINWeb",sans-serif;
    font-size: 1em;
    font-weight: normal;
    line-height: 1.3125em;
}
footer ul:last-child {
    clear: left;
}
}
@media (max-width: 480px) {
.branding {
    background-size: cover;
    width: 100px;
}
.brand-title > a {
    width: 95px;
}
.site-title {
    margin-left: 10px;
}
.site-title {
    width: 120%;
}

footer ul {
    max-width: 100%;
    width: 100%;
}
footer ul:nth-child(3) {
    clear: left;
}
}
@media not all, not all, (min-resolution: 120dpi) {
.branding {
    background-image: url("http://www.sfu.ca/etc/designs/clf/clientlibs/clf/source/images/sfu-logo@2x.png");
}
}