/* HTML5 ? Boilerplate */
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var, i, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline;
}
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
display: block;
}
blockquote, q { quotes: none; }
blockquote:before, blockquote:after,
q:before, q:after { content: ""; content: none; }
ins { background-color: #ff9; color: #000; text-decoration: none; }
mark { background-color: #ff9; color: #000; font-style: italic; font-weight: bold; }
del { text-decoration: line-through; }
abbr[title], dfn[title] { border-bottom: 1px dotted; cursor: help; }
hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }
input, select { vertical-align: middle; }
em { font-style:italic; }
body { font:13px/1.5 sans-serif; *font-size:small; margin:0 auto; }
body { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-family: "Titillium Web"; }
select, input, textarea, button { font:99% sans-serif; }
pre, code, kbd, samp { font-family: monospace, sans-serif; }
html { overflow-y: scroll; }
a:hover, a:active { outline: none; }
ul, ol { margin-left: 2em; }
ol { list-style-type: decimal; }
nav ul, nav li, ul { margin: 0; list-style:none; list-style-image: none; }
small { font-size: 85%; }
strong, th, b { font-weight: bold; }
td { vertical-align: top; }
sub, sup { font-size: 75%; line-height: 0; position: relative; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }
pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; padding: 15px; }
textarea { overflow: auto; }
.ie6 legend, .ie7 legend { margin-left: -7px; }
input[type="radio"] { vertical-align: text-bottom; }
input[type="checkbox"] { vertical-align: bottom; }
.ie7 input[type="checkbox"] { vertical-align: baseline; }
.ie6 input { vertical-align: text-bottom; }
label, input[type="button"], input[type="submit"], input[type="image"], button { cursor: pointer; }
button, input, select, textarea { margin: 0; }
input:valid, textarea:valid { }
input:invalid, textarea:invalid { border-radius: 1px; -moz-box-shadow: 0px 0px 5px red; -webkit-box-shadow: 0px 0px 5px red; box-shadow: 0px 0px 5px red; }
.no-boxshadow input:invalid, .no-boxshadow textarea:invalid { background-color: #f0dddd; }
::-moz-selection{ background: #145f7f; color:#fff; text-shadow: none; }
::selection { background:#0D76B3; color:#fff; text-shadow: none; }
a:link { -webkit-tap-highlight-color: #FF5E99; }
button { width: auto; overflow: visible; }
.ie7 img { -ms-interpolation-mode: bicubic; }
body, select, input, textarea { color: #444; }
h1, h2, h3, h4, h5, h6 { font-weight: bold; }
a, a:active, a:visited { color: #607890; }
a:hover { color: #036; }
/**
* Primary styles
*
* Authors: Shannon Keith Wicks & Jonathon Olenick
*
*/
body { background:#f0ede6 url('../img/bg-body.png') repeat-y 50% 89px; }
body.fs { background:#fdfdfb url('../img/bg-body2.png') repeat-y 50% 89px; }
/* header section */
header { background-color:#ac202d; position:relative; border-bottom: 2px solid #722978; }
header form { position:absolute; right:18px; top:46px; height:24px; }
.ins-header { width:956px; margin:0 auto; position:relative; height:161px; background-color:#cc0000; }
.logo { position:absolute; left: 11px; width:151px; height:163px; z-index:99;}
.logo img { max-width:100%; height:auto !important; }
ul.nav-utility { background:#807d74; padding-right: 13px; position:absolute; right:16px; font-size:14px;}
ul.nav-utility li { display:block; float:left; padding:1px 10px 4px 10px; }
ul.nav-utility li:first-child { padding-left:18px; }
ul.nav-utility li:last-child, .ie7 .utility .last-child { padding-right:0px; }
ul.nav-utility a { color:#fff; text-decoration:none; display:block;}
ul.nav-utility a:hover { text-decoration:underline; }
.ie7 .inp-search, input[type="search"] { -webkit-appearance:textfield; -moz-box-sizing:border-box; font-weight: bold; color: #04799f; box-sizing:border-box; vertical-align:bottom; width:313px; margin:0; padding:0; height:28px; border:1px solid #e32525; padding:0 5px; }
.ie7 .inp-search { width:193px; height:19px; padding:3px 5px 0 5px;}
.btn-search { background: transparent url('../img/btn-search.png') no-repeat top right; width:23px; height:23px; border:0; text-indent:-999em; padding:0px; margin-left:3px;}
.ie7 .btn-search { margin-left:6px; }
/* e.o. header section */
/* #main section */
#main { position: relative; background:#faf9f4 url('../img/background-100days-2016.jpg') no-repeat 50% top; border-bottom: 2px solid #fff;}
#main2 { position: relative; background:#faf9f4 url('../img/background-100days-2016.jpg') no-repeat 50% top; }
.fs-main-bg { background:transparent url('../img/bg-fs-main.jpg') no-repeat 50% top; }
.ins-main { margin:0 auto; width:934px; padding:2px 11px 0 11px; position:relative; }
#awardsText { background-color:#0063a7; font-size:1.25em; width:958px; height:37px; text-align:center; margin:0 auto; color:#fefefe; line-height:37px; }
#awardsText a,
#awardsText a:active,
#awardsText a:visited { color:#fefefe; text-decoration:none; }
#awardsText a:hover { text-decoration:underline; }
.grey-bar, .grey-bar2 { background-color:#e8e7e0; clear:both; margin: 0 0 6px 0; overflow:hidden; }
.grey-bar { height:4px; }
.grey-bar2 { height:2px; }
#left-content { float:left; width:683px; position:relative; padding-bottom:25px; }
/* #left-content { -ms-word-break:break-all; word-break:break-all; word-break:break-word; -webkit-hyphens:auto; -moz-hyphens:auto; hyphens:auto; } */
#side-bar, #side-bar2 { float:right; width:241px; padding-bottom:13px; }
#nav-main { position:absolute; bottom:0; width:100%; background-color:#3a4d59; border-top: 4px solid #fff; }
#nav-main ul { padding-left: 177px; }
#nav-main li { float:left; padding: 0 1.5% 0 1.5%; background:transparent url('../img/rb-bgLiMainNav.png') no-repeat 100% 50%; }
#nav-main li:last-child { background:none; padding-right:0; }
#nav-main li:first-child { display: none; }
#nav-main a { height:48px; overflow:hidden; font-weight:600; font-size:1.334em; color: #fbf8f3; text-decoration: none; display:table-cell; vertical-align:middle; }
#nav-main a:hover { text-decoration: underline; }
#nav-main li.item0 a { }
#nav-main li.item0 a:hover, #nav-main li.item0 a.current { }
#nav-main li.item0 a:active { }
#nav-main li.item1 a { }
#nav-main li.item1 a:hover, #nav-main li.item1 a.current { }
#nav-main li.item1 a:active { }
#nav-main li.item2 a { }
#nav-main li.item2 a:hover, #nav-main li.item2 a.current { }
#nav-main li.item2 a:active { }
#nav-main li.item3 a { }
#nav-main li.item3 a:hover, #nav-main li.item3 a.current { }
#nav-main li.item3 a:active { }
#nav-main li.item4 a { }
#nav-main li.item4 a:hover, #nav-main li.item4 a.current { }
#nav-main li.item4 a:active { }
#nav-main li.item5 a { }
#nav-main li.item5 a:hover, #nav-main li.item5 a.current { }
#nav-main li.item5 a:active { }
.nav-minheight{ min-height: 235px;}
#main #banner { margin:0 0 3px 0; }
#main #banner > a {display:none; position:absolute; top:0; left:0;}
#main .bx-controls.bx-has-pager { margin:-21px auto 0 auto; float:left; left:50%; position:relative; }
#main .bx-pager {
-webkit-border-top-left-radius: 14px;
-moz-border-radius-topleft: 14px;
border-top-left-radius: 14px;
-webkit-border-top-right-radius: 14px;
-moz-border-radius-topright: 14px;
border-top-right-radius: 14px;
}
#main #banner .banner-pager { height:18px; width:60%; margin-left:-30%; background-color:#1f2f3e; position:absolute; bottom:0; z-index:50; }
#main #nav-audience { width:226px; height:240px; border-left:1px solid #fff; padding:35px 12px 0 8px; background: #807d74; float:left; }
#main #nav-audience li { border-bottom:1px solid #928e86; padding:7px 0 3px 18px; background:transparent url('../img/bg-nav-audience-li-2.png') no-repeat 4px 14px; }
#main #nav-audience a { display:block; color:#fff; text-decoration:none; font-weight:600; font-size:1.231em; text-transform:none; line-height: 1.2em;}
#main #nav-audience a:hover { text-decoration:underline; }
#main2 #banner { float:left; width:683px; height:293px; margin-bottom:66px; position:relative; }
#main2 #banner img { display:none; position:absolute; top:0; left:0; }
#main2 #banner img:first-child {display:block;}
#main2 #sp-banner{ width:682px; height:280px; background:#000; margin-bottom: 11px; }
#main2 #nav-banner { position:absolute; top:250px; left:3px; z-index:99; }
#main2 #nav-banner li { background:transparent url('../img/bg-banner-thumb.png') no-repeat 0 0; margin-left:2px; width:128px; height:78px; float:left; padding:20px 0 0 5px; }
#main2 #nav-banner li:first-child { margin-left:0; }
#main2 #nav-banner a { display:block; height:70px; width:122px; overflow:hidden; text-indent:-999em; }
#main2 #nav-banner li.item0 a { background:transparent url('ins-thumb-0.jpg') no-repeat 0 0; }
#main2 #nav-banner li.item1 a { background:transparent url('ins-thumb-1.jpg') no-repeat 0 0; }
#main2 #nav-banner li.item2 a { background:transparent url('ins-thumb-2.jpg') no-repeat 0 0; }
#main2 #nav-banner li.item3 a { background:transparent url('ins-thumb-3.jpg') no-repeat 0 0; }
#main2 #nav-banner li.item4 a { background:transparent url('ins-thumb-4.jpg') no-repeat 0 0; }
#main2 #nav-banner li.item5 a { background:transparent url('ins-thumb-5.jpg') no-repeat 0 0; }
#main2 #nav-banner li:hover, #main2 #nav-banner li.active { background-position:0 -98px; }
#pictureheader{ margin-bottom:5px; }
#search { padding:15px 0; border-bottom:1px solid #ccc; margin-bottom:10px; }
#search label { font-weight:bold; display:block; }
#search .search-for, #search .search-in { float:left; }
#search .search-in { margin-left:60px; }
#search select { border:1px solid #737373; color:#737373; width:auto; font-size:100%; height:24px; }
.search-for2 { position:absolute; right:0; top:10px; }
.search-for2 label { font-weight:bold; }
#search-results { border-bottom:1px solid #e6e5de; margin:15px 0 12px; padding-bottom:15px; }
#search-results p { border-bottom:1px solid #E6E5DE; padding-bottom:10px; }
#search-results .searchTop { color:#999 !important; padding-bottom:18px; border:none; }
#search-results .searchLinkHeader { font-size:123.1%; display:inline-block; padding-bottom:7px; }
#search-results .searchPagerList a { padding-left:10px;display:inline-block;}
#search-results .searchOther { background-color:#EDEDE1; border:1px solid #d1d1c9; padding:5px; margin-top:2.0em; }
#search-results .searchOther h3 { padding:10px; }
#search-results .searchOther li { float:left; width:40%;background:none;padding:0;margin:0; }
#search-results .searchOther a { font-weight:bold; margin-left:10px; color:#cc0000; background:url(../img/red-arrow.png) no-repeat 0 2px; padding:0 0 0 12px;}
.bold, .searchterm { font-weight:bold; }
#results {overflow:hidden;}
#results .paging a {display:inline-block;margin:0;padding:2px 4px;font-size:.9em;background:none !important;}
#results .paging a.active {color:#000 !important;text-decoration:none !important;}
#results .paging .prev {padding-left:0;}
#results .next:hover, #results .prev:hover {text-decoration:none !important;}
#results .next:after {content: "»";padding-left:3px;}
#results .prev:before {content: "«";padding-right:3px;}
#results a {color: #CC0000 !important;font-weight:normal !important;}
#results p.results {margin-top: 0;}
#results p.text {border-bottom: none; padding-bottom: 0;margin-bottom:-5px;}
#results p.link {padding-bottom: 13px;}
#results h2 span {font-size:.7em;padding-right:2px;font-weight:normal;}
.catalog #search .filter {display:none;float:left;margin-left:10px;margin-right:5px;}
.catalog #search .filter select {width: 375px;}
.catalog #search .btn-search {margin-top:20px;display:none;}
.catalog #search-results #mod-coned .course-listing .row.first {border-bottom: 1px solid rgb(204, 204, 204); padding-left: 6px; padding-bottom: 8px; display: block;}
.catalog #search-results .slidedisplay {display:none;clear:both;margin-left:105px;}
.catalog #search-results #mod-coned div.slidedisplay p {border: 1px solid #C0C0C0;padding: 10px;width: 505px;}
.catalog #search-results #mod-coned div.slidedisplay span.getmore { background: url("http://www.sait.ca/prebuilt/img/bg-li2.gif") no-repeat scroll left top transparent; display: inline-block; margin-top: 20px; padding-left: 20px;}
.catalog #search-results #mod-coned div.slidedisplay span.getmore a {font-size: 85%; line-height: 1.5em; margin-top: 3px;}
.catalog #search-results {margin-top: -15px;}
.catalog #search-results .paging {margin-top: 10px;}
.catalog #search-results .paging a {background:none;padding:2px;font-weight:normal;}
.catalog #search-results .paging a.active {font-weight: bold;}
#fs-banner-wrapper { position:relative; clear:both; margin-bottom:16px; }
#fs-banner { height:315px; width:934px; }
#fs-banner > a { display:none; position:absolute; top:0; left:0;}
#fs-banner > a:first-child { display:block; }
#nav-fs-banner { position:absolute; top:19px; right:18px; }
#nav-fs-banner li { margin-top:7px; text-align:center; vertical-align:baseline; }
#nav-fs-banner li:first-child { margin-top:0; }
#nav-fs-banner a { display:block; padding:2px 0 0 0; height:20px; width:22px; overflow:hidden; color:#fff; background:transparent url('../img/bg2-li-fs.png') no-repeat 0 0; text-decoration:none; font-size:85%; }
#nav-fs-banner a:hover, #nav-fs-banner a.active { background-color:#d6d1c8; color:#0268ae; }
#btn-mysait { background:transparent url('../img/btn-mysait.png') no-repeat 0 0; position:absolute; top:342px; right:-18px; height:91px; width:91px; z-index:100; }
#main2 #side-bar h2 { background-color:#5c5c5b; no-repeat 0 0; color:#fff; text-transform:uppercase; font-size:123.1%; padding:14px 14px 0 14px; font-weight:600;} /* Don't forget to add IE jQuery script for text-shadows - also if this size is too big take it to 116% */
#main2 #side-bar2 h2 { background:transparent url('../img/bg-menu-titles2.png') repeat-x 0 0; height:28px; color:#fff; text-transform:uppercase; padding:12px 0 0 16px; } /* Don't forget to add IE jQuery script for text-shadows */
/* Right-hand Navigation */
#side-bar #nav-sub { width:241px; padding:10px 0 20px 0;}
#side-bar2 #nav-sub{ width:241px; padding:5px 0 20px 0;}
#side-bar #nav-sub { background:#4c4c4b url(../img/bg-nav-sub1.png) repeat-x 0 0; }
#side-bar2 #nav-sub { background:#4c4c4b url(../img/bg-nav-sub2.png) repeat-x 0 0; padding-bottom:30px; min-height:180px; }
#main2 .na-min { min-height:225px; }
#side-bar #nav-sub a, #side-bar2 #nav-sub a { color:#fff; text-decoration:none; }
#side-bar #nav-sub a:hover, #side-bar2 #nav-sub a:hover, #side-bar #nav-sub a.current, #side-bar2 #nav-sub a.current { text-decoration:underline; }
/* all levels */
#side-bar #nav-sub li, #side-bar2 #nav-sub li { background:transparent url('../img/bg-nav-arrow.png') no-repeat left 4px; border-bottom:1px solid #6d6d6c; padding:0 0 5px 10px; }
#side-bar #nav-sub li.subOpen, #side-bar2 #nav-sub li.subOpen { background:transparent url('../img/bg-nav-arrow-right.png') no-repeat left 5px; }
/* level 1 */
#side-bar #nav-sub ul > li { margin:0 0 4px 16px; width:202px; font-size:108%; }
#side-bar2 #nav-sub ul > li { margin:0 0 0 16px; width:202px; font-size:93%; padding-top:3px; background-position:left 5px; }
#side-bar2 #nav-sub ul:first-child > li:first-child { border-top:1px solid #6d6d6c; }
/* level 2 & sub-sequent levels */
#side-bar #nav-sub ul > li > ul a,
#side-bar2 #nav-sub ul > li > ul a { color:#c6c6c6; }
#side-bar #nav-sub ul > li > ul,
#side-bar2 #nav-sub ul > li > ul { margin-top:3px; }
#side-bar #nav-sub ul > li > ul > li,
#side-bar2 #nav-sub ul > li > ul > li { margin:0; border-bottom:none; font-size:93%; width:auto;}
/*
#lnks-feature { height:35px; border-top:1px solid #babbbc; clear:both; background-color:#535557; padding:0 0 0 15px; }
#lnks-feature li { float:left; }
#lnks-feature li a { display:block; color:#fff; font-size:108%; text-transform:uppercase; text-decoration:none; line-height:2.5em; }
#lnks-feature li:first-child {background:transparent url(../img/bg-vertwhiteline.png) right center no-repeat; margin-right:13px;}
#lnks-feature li a:hover, #lnks-feature li a:active { text-decoration:underline; }
#lnks-feature li.item0 a { width:147px; }
#lnks-feature li.item1 a { width:106px; }
*/
#breadcrumb { color:#8e8b84; border-bottom:1px solid #e6e5de; padding:0.5em 0 0.5em 15px; }
#breadcrumb a { color:#8e8b84; text-decoration:none; }
#breadcrumb a:hover { text-decoration:underline; }
#breadcrumb .seperator {margin:0 3px;}
.content-wrapper { padding:0.25em 20px 0 15px; position:relative; }
.content-wrapper hr { width:100%; display:block; position:relative; padding:0; margin:8px auto; width:100%; clear:both; border:none; border-top:1px solid #DCDCDC; border-bottom:1px solid #FFF; font-size:1px; line-height:0; overflow:visible; }
.content-wrapper h2 { font-size:123.1%; }
.content-wrapper h3 { color: #60605e;}
.content-wrapper h4 { color: #777777; padding-bottom:.4em; padding-top: .5em; }
.content-wrapper h5 { color: #777777; font-size:93%; padding-bottom:.4em; padding-top: .5em; }
.content-wrapper h3, .mc-modwrapper h3, #mod-base-xhtml h3 { padding-bottom:.4em; padding-top: .5em; font-size:116%; }
.content-wrapper h3.x-subtitle { padding:0; color:#e06666; font-size:108%; }
.content-wrapper h3.x-subtitle + p { margin-top:0; }
h3.lc{ text-transform:none !important; }
.content-wrapper p, #mod-base-xhtml p { margin:0.7em 0; color:#535557; }
.content-wrapper a, #mod-base-xhtml a { text-decoration:none; color:#0d76b3; }
.content-wrapper a:hover, #mod-base-xhtml a:hover { text-decoration:underline; }
.content-wrapper a.ext #mod-base-xhtml a.ext { background:transparent url('../img/ico_ext_light.gif') no-repeat right center; padding-right:10px; }
.content-wrapper a.ext:hover, #mod-base-xhtml a.ext:hover { background:transparent url('../img/ico_ext_dark.gif') no-repeat right center; }
.content-wrapper a.pdf, #mod-base-xhtml a.pdf { background:transparent url('../img/ico-link-pdf.gif') no-repeat right center; padding-right:10px; }
.content-wrapper ul, #mod-base-xhtml ul { overflow:hidden; margin-bottom: 1.0em; }
.content-wrapper ul li, #mod-base-xhtml ul li { background:transparent url("../img/bg_main_li.gif") 0 0 no-repeat; margin-left:10px; padding-left:20px; }
.content-wrapper .lnks-programs li, #mod-base-xhtml .lnks-programs li { margin-bottom:0.3em; }
.content-wrapper .long-link, #mod-base-xhtml .long-link { -ms-word-break:break-all; word-break:break-all; word-break:break-word; -webkit-hyphens:auto; -moz-hyphens: auto; hyphens: auto; }
.mc-modwrapper {padding:0.25em 0 0 0;}
#page-title, .sub-title-grey, .sub-title-red { display:block; margin-top:0.5em; text-transform:uppercase; }
.sub-title-grey { color:#999; }
#page-title, .sub-title-red { color:#cc0000; }
#page-title { font-weight:600; font-size:1.4em; }
#content { width:100%; clear:both; background:transparent url('../img/bg-portal-content.png') repeat-y top right; position:relative; padding:0 0 20px 0; border-top:1px solid #e3e6ea; }
#content h2 { margin:0 0 12px 0; color:#ac202d; font-weight:600; font-size:2.462em;}
#content .readmore { position:absolute; left:12px; bottom:30px; font-weight:600; }
#content .readmore a { text-decoration:none; color:#0063a7; font-size:1.1em;}
#content .readmore a:hover { text-decoration:underline }
#content .readmore .lnk-pastnews { margin-right:185px; }
#content .readmore .lnk-pastnews, #content .readmore .lnk-allevents { background:transparent url('../img/ico-readmore.png') no-repeat 0 52%; height:16px; padding:1px 0 1px 22px; }
.lnk-redarrow { color:#cc0000; background:url(../img/red-arrow.png) no-repeat 0 1px; padding:0 0 0 12px; }
.ie7 #content .readmore .lnk-pastnews, .ie7 #content .readmore .lnk-allevents {zoom:1;}
#main ul.nav-social-media { background-color:#f2eee3; padding:6px; border:1px solid #c8c8c8; margin-top:20px; font-size: 77%; letter-spacing: .5em; color: #737373; position:relative; }
#main ul.nav-social-media li { float:left; margin-right:5px; }
#main ul.nav-social-media a { display:block; overflow:hidden; text-indent:-999em; background:transparent url('../img/nav-social-media2.png') no-repeat 0 0; width:28px; height:28px; }
#main li.lnk-facebook a { background-position: 0 0; }
#main li.lnk-facebook a:hover { background-position: 0 -28px; }
#main li.lnk-twitter a { background-position: -185px 0; }
#main li.lnk-twitter a:hover { background-position: -185px -28px; }
#main li.lnk-youtube a { background-position: -111px 0; }
#main li.lnk-youtube a:hover{ background-position: -111px -28px; }
#main li.lnk-instagram a { background-position: -37px 0; }
#main li.lnk-instagram a:hover { background-position: -37px -28px; }
#main li.lnk-googleplus a { background-position: -148px 0; }
#main li.lnk-googleplus a:hover { background-position: -148px -28px; }
#main li.lnk-linkedin a { background-position: -74px 0; }
#main li.lnk-linkedin a:hover { background-position: -74px -28px; }
#main li.lnk-cwu { margin:2px 0 0 10px !important; background:transparent url('../img/homepage-social-media-connect-with-us.png') no-repeat 0 0; width:46px; height:23px; }
#main li.lnk-cwu:hover{cursor:pointer;}
#main li.title-social-media { color:#898886; padding:3px 0 0 15px; font-size:93%; }
.mc-modwrapper .modblock { background:#000; width:220px; height:140px; min-height:40px; margin-left:11px; float:left; display:inline-block; }
.mc-modwrapper h3 + .modblock { margin-left:0; }
.mc-modwrapper .modblock:hover { background:red; }
.mc-modwrapper .sub-title-grey { margin-left:15px; }
#pictureheader{ margin-bottom: 5px; }
.fs-title { float:left; background:transparent url('../img/title-future-students.png') no-repeat 0 0; width:294px; height:22px; margin:8px 0 6px 10px; }
#nav-fs { float:right; margin: 11px 8px 0 0; overflow:hidden; background-color:#fdf3da; height:24px; border-top:2px solid #d3d3cc; border-right:1px solid #d3d3cc; }
#nav-fs li { float:left; background:transparent url('../img/bg-li-fs.png') no-repeat left 6px; }
#nav-fs li:first-child { background:none; }
#nav-fs a { color:#8d8c8c; text-decoration:none; font-size:85%; display:block; padding:3px 15px 0 15px; }
#nav-fs a:hover { text-decoration:underline; }
div.hr-styler {
border: none;
border-bottom: 1px solid white;
border-top: 1px solid #dcdcdc;
clear: both;
height: 0;
width: 100%;
margin: 22px 0 22px;
}
/* e.o. #main section */
a[rel="external"] { background: url("../img/external_link.png") no-repeat 99% transparent; min-height: 9px; padding-right:14px; overflow:hidden; }
a[rel="external"]:hover{ background:url(../img/external_link.png) no-repeat; padding-right:15px; position:0 -9px; }
img.external{ padding-left:5px;}
/* footer section */
footer { background-color: #848080; border-top: 2px solid #722978; }
.ins-footer { background-color:#3a4d59; width:958px; margin:0 auto; overflow:auto; padding-bottom:50px; }
.ins-footer .col { float:left; padding:10px 10px 0 22px; width:206px; border-right: 1px solid #58616d; }
.ins-footer .col:last-child { border-right: none; }
.ins-footer li { line-height:1.5; padding-left:5px; font-size:1.128em; }
.ins-footer li a { color:#fefeff; text-decoration:none; }
.ins-footer li a:hover { text-decoration:underline; }
footer h2 { font-size:1.538em; font-weight:600; color:#fefeff; padding:0 0 2px 5px; margin-bottom:0.3em; }
footer .address { color:#fefeff; position:relative; padding-top:10px; font-size:1.128em; }
footer .address h3 { display:none; }
footer .address .footerLogo { display: block; margin-bottom: 1.2em; }
footer .privacy { background-color:#000; text-align:right; border-top:1px solid #848080; color:#fefeff; padding:4px 17px 4px 4px; font-size:1em; clear:both; ; width:937px; margin:0 auto; }
footer .privacy a { color:#fefeff; clear:both; text-decoration:none; padding:0 8px; }
footer .privacy a:hover { text-decoration:underline; }
footer #footerLogos { float:left; width:190px; background:transparent url('../img/footer-awards-2013.png') no-repeat; }
footer #footerLogos ul {}
footer #footerLogos ul li { float:left; }
footer #footerLogos ul li a { display:block; overflow:hidden; text-indent: 100%; white-space:nowrap; height:46px; }
footer #footerLogos ul li a.link1 { width:34px; margin-left:22px; margin-right:18px; }
footer #footerLogos ul li a.link2 { width:43px; margin-left:16px; }
footer #footerLogos ul li a.link3 { width:42px; }
/* e.o. footer section */
/* modules */
#content div[class^="mod"] { float:left; }
.module { padding-top:14px; margin:0 0 9px 0; color:#787575; font-size:85%; }
.module a { text-decoration:none; }
.module a:hover { text-decoration:underline; }
.module span.title { padding:0 0 0.5em 0; text-transform:uppercase; display:block; clear:both; color:#5f8494; margin:0 12px 0 15px; }
.module ul { padding:0 0 0 16px; }
.module li { padding:0 0 0.6em 0; }
.module ul.square-bullets li { background:transparent url('../img/bg-li.png') no-repeat 0 3px; padding:0 0 0.6em 15px; }
.module .social-media { margin:45px 0 0 0; border:1px solid #e5e4e1; background-color:#f0f0e8; padding:0.2em 0 0.4em; 0 }
.module .social-media a { display:block; color:#94a2a8; text-decoration:none; padding:0.4em 0 0.4em 29px; margin:0.5em 0 0 23px; font-size:77%; }
.module .social-media a:hover { text-decoration:underline; }
.module .lnk-fb { background:transparent url('../img/bg-fb-thumb.png') no-repeat 0 0; }
.module .lnk-twitter { background:transparent url('../img/bg-twitter-thumb.png') no-repeat 0 0; }
body.homepage .mod-cta { float:left; margin-left:1px; }
body.homepage .mod-cta li { margin-top:2px; }
body.homepage .mod-cta li:first-child { margin-top:0; }
body.homepage .mod-cta a { width:246px; }
.mod-cta { margin:2px 0 3px 0; }
.mod-cta li { margin-top:2px; }
.mod-cta li:first-child { margin-top:0; }
.mod-cta a { background:transparent url('../img/bg-call-to-actions.png') no-repeat 0 0; width:241px; height:25px; display:block; text-indent:-999em; }
.mod-cta a.apply { background-position:0 0; background-color: #e32525;}
.mod-cta a.apply:hover { background-position:0 -27px; background-color: #ac202d; }
.mod-cta a.visit { background-position:0 -54px; background-color: #01a1dd; }
.mod-cta a.visit:hover { background-position:0 -81px; background-color:#0063a7;}
.mod-cta a.e-newsletter { background-position:0 -108px; }
.mod-cta a.e-newsletter:hover { background-position:0 -135px; }
.mod-cta a.donate { background-position:0 -162px; }
.mod-cta a.donate:hover { background-position:0 -189px; }
.mod-cta a.acf { background-position:0 -216px; }
.mod-cta a.acf:hover { background-position:0 -243px; }
.mod-cta a.rn { background-position:0 -270px; }
.mod-cta a.rn:hover { background-position:0 -297px; }
.mod-cta a.pyr { background-position:0 -324px; }
.mod-cta a.pyr:hover { background-position:0 -351px; }
.mod-cta a.rvisit { background-position:0 -378px; }
.mod-cta a.rvisit:hover { background-position:0 -405px; }
.mod-cta a.mailist { background-position:0 -432px; }
.mod-cta a.mailist:hover { background-position:0 -459px; }
.mod-cta a.atg { background-position:0 -486px; }
.mod-cta a.atg:hover { background-position:0 -513px; }
.mod-cta a.mysait { background-position:0 -540px; }
.mod-cta a.mysait:hover { background-position:0 -567px; }
.mod-course-info { background:#fdfcf2 url('../img/bg-modules3.png') repeat-x 0 0; border-left:1px solid #c7c0b3; border-right:1px solid #c7c0b3; border-bottom:1px solid #c7c0b3; }
.mod-course-info span.title { color:#cc0000; }
.mod-course-info ul.square-bullets li { background:transparent url('../img/bg-li2.png') no-repeat 0 3px; padding:0 0 0.6em 15px; }
.mod-course-info a { color:#6a6864; }
.mod-contact-info { background:#f6f5ed url('../img/bg-modules2.png') repeat-x 0 0; padding-bottom:10px; }
.mod-gen-info { background:#f5f4ec url('../img/bg-modules.png') repeat-x 0 0; padding-right:10px; }
.mod-randImg {background:none; margin:0 0 9px 0; padding:0; }
.mod-randImg > a { display:none; }
.mod-ads {}
.mod-featured {}
.mod-featured > div { background-color:#f0f0e8; border:1px solid #e5e4e1; }
.mod-featured img { float:left; padding:0 7px 0 0; }
.mod-featured .title-featured { color:#999999; display:block; padding:2px 0 0 0; }
.mod-featured p { font-size:77%; color:#535557; margin-top:0.2em;}
.mod-featured .left-col, .mod-featured .right-col { width:50%; float:left; overflow:hidden; }
.mod-featured .left-col p a, .mod-featured .right-col p a { color:#535557; text-decoration:none; }
.mod-featured .left-col p a:hover, .mod-featured .right-col p a:hover { color: #0D76B3; }
.mod-featured .left-col > div,
.mod-featured .right-col > div { padding:5px 30px 1.0em 6px; overflow:hidden; }
.mod-current-news { width:280px; padding:0 18px 30px 12px; }
.mod-current-news article {margin:0 0 27px 0;}
.mod-current-news img { float:left; border:1px solid #d4d3cc; margin:0 14px 0 0; }
.mod-current-news p { color:#333333;}
.mod-current-news a { text-decoration:none; }
/* .mod-current-news a:hover { text-decoration:underline; } */
.mod-current-news span.news-item-title a { color:#565869; font-size:1.2em; display:block; margin:0 0 8px 0; font-weight:600; text-decoration:none; }
.mod-current-news span.news-item-title a:hover { text-decoration:underline; }
.mod-upcoming-events { width:280px; padding:0 20px 35px 15px;}
.mod-upcoming-events li { margin-bottom:0.6em; padding-bottom:0.6em; border-bottom: solid 1px #ddd; }
.mod-upcoming-events a.title-event { font-size:108%; font-weight:600; color:#565869; display:block; margin-bottom:0.2em; text-decoration:none; }
.mod-upcoming-events a.title-event:hover { text-decoration:underline; }
.mod-portal-misc { padding:12px 0 0 5px; }
.mod-events { background:#f0f0e8; border:1px solid #e5e4e1; min-height:110px; margin-bottom:8px; color:#787575; padding-top: 0px; margin-top: 0px;}
.mod-events h3 { color:#fff; background:#000; padding:5px 0 5px 15px; margin:0px; letter-spacing:.1em; }
.mod-events p { float:right; width:170px; display:block; margin-right:14px; font-size:77%; }
.mod-events li { border-top:1px solid #e6e5de; overflow:hidden; padding:8px 0; }
.mod-events li:first-child { border:none; }
.mod-events li img:first-child { margin:0 6px 0 12px; padding-bottom:14px; float:left; }
.mod-events .view-all { margin:0 0 0 12px; border-top:none; }
.mod-events .view-all p { float:left; }
.mod-fs-wrapper { padding:1.0em 0 0 0; }
.mod-fs-wrapper .col { background-color:#fcefe2; border:1px solid #e6dec9; padding:0 16px; width:178px; min-height:300px; margin-left:17px; float:left; }
.mod-fs-wrapper .col:first-child {margin-left:0;}
.mod-fs-wrapper h3 { color:#8fb8c5; text-transform:uppercase; font-size:116%; background:transparent url('../img/bg-mod-fs-h3.png') no-repeat 0 7px; margin:0.3em 0 0.5em 0; padding:0 0 0 10px; margin-left:-10px; }
.mod-fs-wrapper p { color:#747474; font-size:85%; margin-bottom:1.0em; }
.mod-fs-corkboard { background:transparent url('../img/bg-fs-corkboard.png') repeat-y 0 0; padding:4px 6px 19px 6px; }
.mod-fs-corkboard h3 { text-transform:uppercase; color:#606162; background:transparent url('../img/bg2-mod-fs-h3.png') no-repeat 0 0; width:150px; padding:3px 40px 0 40px; min-height:25px; margin-bottom:10px; }
.mod-fs-corkboard .paper-top { margin:0 0 0 6px; width:216px; height:28px; border:0; padding:0; display:block; }
.mod-fs-corkboard .lnks { background:transparent url('../img/lined-paper-scalable.png') repeat-y 0 0; padding:0 12px 15px 30px; margin-left:6px; }
.mod-fs-corkboard .lnks a { font-size:93%; color:#4e4e4d; text-decoration:none; }
.mod-fs-corkboard .lnks a:hover { text-decoration:underline; }
.mod-fs-corkboard .social-media { margin:1.0em 0 1.0em 17px; }
.mod-fs-corkboard .social-media li { float:left; margin-left:31px; }
.mod-fs-corkboard .social-media li:first-child { margin-left:0; }
.mod-fs-corkboard .social-media a { text-decoraton:none; text-indent:-999em; display:block; }
.mod-fs-corkboard .social-media a.twitter { background:transparent url('../img/bg-twitter-thumb2.png') no-repeat 0 0; height:42px; width:42px; }
.mod-fs-corkboard .social-media a.fb { background:transparent url('../img/bg-fb-thumb2.png') no-repeat 0 0; height:43px; width:42px; }
.mod-fs-corkboard .social-media a.youtube { background:transparent url('../img/bg-youtube-thumb2.png') no-repeat 0 0; height:42px; width:41px; }
#mod-courses { position:relative; }
#mod-courses .course-info, #mod-courses .course-offering { border-bottom: 1px solid #CCCCCC; margin-bottom: 10px; }
#mod-courses h3 { width:70%; }
#mod-courses .course-code { position:absolute; right:0; top:0px; color:#999; }
#mod-courses .course-offering .col { float:left; margin-left:8px; }
#mod-courses .course-offering .col-1 { width:356px; margin-left:0; }
#mod-courses .course-offering .col-2 { width:141px; }
#mod-courses .course-offering .col-3 { width:135px; }
#mod-courses .course-offering .col-1 p img.availability-icon { vertical-align:top; display: inline-block; margin: 0 15px 0 15px; float:right}
#mod-courses .course-offering .header { padding:5px; background-color:#DBD9D5; min-height:40px !important;}
#mod-courses a.register { background:transparent url('../img/register-sprite.png') no-repeat 0 0; width:inherit; height:25px; display:block; text-indent:-999em; }
#mod-courses a.register { background-position:0 0; }
#mod-courses a.register:hover { background-position:0 -27px; }
#mod-courses .hcao,
#mod-coned .hcao { text-align: center; font-size:77%; margin-left:auto; margin-right:auto; }
#mod-coned { margin-top:2.0em; }
#mod-coned li { background:transparent url('../img/bg-li2.gif') no-repeat left top; margin:0 0 0 20px; padding-left:30px; }
#mod-coned .course-listing { margin-bottom:1.0em; }
#mod-coned .course-listing .row { border-bottom:1px solid #CCCCCC; margin:5px 0; }
#mod-coned .course-listing .row:first-child { border:none; }
#mod-coned .course-listing .header { padding:5px; background-color:#DBD9D5; min-height:25px !important; margin-bottom:3px; }
#mod-coned .course-listing .col { float:left; margin:2px 0 2px 8px; padding:5px; }
#mod-coned .course-listing .row:first-child .col { margin:0 0 0 8px; padding:0; }
#mod-coned .course-listing .row .col:first-child { margin-left:0; }
#mod-coned .course-listing .col-1 { width:87px; }
#mod-coned .course-listing .col-2 { width:347px; }
#mod-coned .course-listing .col-3 { width:152px; }
#mod-coned .course-listing .row:first-child .col-1 { width:97px; }
#mod-coned .course-listing .row:first-child .col-2 { width:357px; }
#mod-coned .course-listing .row:first-child .col-3 { width:162px; }
#mod-coned div[id^="slidedisplay"] { margin-left:105px; display:none; clear:both; }
#mod-coned a.slidecontrol { color: #999; font-size:85% }
#mod-coned div[id^="slidedisplay"] p { padding:10px; border:1px solid #c0c0c0; width:505px; }
#mod-coned div[id^="slidedisplay"] p:hover { border:1px solid #b6cfd9; }
#mod-coned div[id^="slidedisplay"] span.getmore { background: url("../img/bg-li2.gif") no-repeat left top; padding-left:20px; margin-top:20px; display:inline-block; }
#mod-coned div[id^="slidedisplay"] span.getmore a { font-size:85%; margin-top:3px; line-height:1.5em; }
#mod-coned .course-listing .col-full { width:645px; padding-left: 0px; padding-bottom: 12px;}
#mod-coned .col-full p.header {padding-left: 7px; padding-top: 10px;}
#mod-coned div.coned-searchresults[id^="slidedisplay"] { margin-left: 0px; display:none; clear:both; }
#mod-coned div[id^="slidedisplay"] p.coned-searchresults-p { padding:10px; border:1px solid #c0c0c0; width: 620px; }
#mod-coned .results-of { float:left; }
#mod-coned .results-of strong { color:#000; }
#mod-coned .results-per { float:right; }
#mod-coned .searchTop { font-size:85%; color:#c0c0c0; }
.centreme {margin-left: auto; margin-right: auto; text-align:center;}
.mod-social{ background:#f0f0e8; border:1px solid #e5e4e1; min-height:52px; margin:0 0 8px 0; padding:0; color:#787575; font-size:85%; }
.mod-social a { text-decoration:none; }
.mod-social a:hover { text-decoration:underline; color:#003366; }
.mod-social ul { list-style:none; margin:4px 0 4px 0px; padding:0; }
.mod-social ul li { margin-left:16px; padding:3px 0 3px 27px; height:17px; }
.mod-social ul li.twitter { background: url(../img/sm-twt.png) no-repeat left ; }
.mod-social ul li.facebook { background: url(../img/sm-fb.png) no-repeat left; }
.mod-social ul li.youtube { background: url(../img/sm-yt.png) no-repeat left; }
.mod-social ul li.linkedin { background: url(../img/sm-ln.png) no-repeat left; }
.mod-social ul li.instagramwee { background: url(../img/sm-instagram.png) no-repeat left; }
#mod-news {}
#mod-news .newsphoto{ padding:0 0 22px 22px; float:right; }
#mod-news .article { border-top:1px solid #E6E5DE; padding-top:15px; margin:0 0 15px 0; clear:both; }
#mod-news .article:first-child { border-top:none; padding-top:0; }
#mod-news .byline { font-size:77%; margin:1.2em 0 20px; }
#mod-news .leading-paragraph{ font-style:italic; font-weight:bold; }
#mod-news-archive .news-filter { float:right; }
#mod-news-archive select#dropdown-filter { min-width:100px; }
#mod-news-archive .article { clear:both; margin-bottom:0.5em; overflow:hidden; }
#mod-news-archive .title { margin:0; font-weight:bold; color:#000; }
#mod-news-archive .pub-date { margin:0 0 0.5em 0; font-size:77%; }
#mod-news-archive .searchPagerList { float:right; }
#mod-news-archive .searchPagerList a { padding-left:0px; }
#mod-events { position:relative; }
#mod-events .e-time{ display:inline-block; width:120px; }
#mod-events .e-event{ display:inline-block; width:340px; }
#mod-events .e-location{ display:inline-block; width:100px; }
#mod-events p.e-time, mod-events p.e-event, mod-events p.e-location{ margin-bottom:0px !important; margin-left:4px }
#mod-events span.e-time, mod-events span.e-event, mod-events span.e-location{ margin-bottom:0px !important; margin-top:2px; vertical-align:top; padding-left:4px; font-size:93%; }
#mod-events span.e-event{ width:330px; padding-right:10px; }
#mod-events .down { margin-top: 25px; display: inline-block; }
#mod-events .firstevent { margin-top:12px !important; }
#mod-events .minical { float:right; margin-right: 60px; }
#mod-events .pad { margin-top:10px; }
#mod-events .viewpane li { float:left; width:33%; color:#fff; border-left:1px solid #fff; text-align:center; margin:10px 0; background-color:#000; }
#mod-events .viewpane a { color:#fff; text-decoration:none; display:block; }
#mod-events .viewpane a:hover, #mod-events .viewpane a.active { background-color:#777; }
#mod-events h3 { color:#999; font-size:100%; width:70%; }
#mod-events .event { margin:2.0em 0 0 0; position:relative; }
#mod-events #page-title + .event { margin-top:1.0em; }
#mod-events .num-event { margin-top:4px; position:absolute; top:0; right:0; font-size:85%; color:#999; }
#mod-events .header{ background:#DBD9D5; padding:3px; font-size:85%; border:1px solid #c6c4CF; }
#mod-events .details { border-top: 1px solid #CCCCCC; margin-top:-1em; padding-top:.8em; }
#mod-events .header + .details { border:none; margin-top:0;padding-top:0;}
#mod-events .col { float:left; }
#mod-events .details .col { font-size:93%; }
#mod-events .col-1 { width:114px; }
#mod-events .col-2 { width:330px; }
#mod-events .col-3 { }
#mod-events .eventhead { font-size:131%; color: #cc0000; }
#mod-events .eventdeets { font-size:108%; color:#666; margin:7px 0 14px; }
#mod-events .eventpic { margin:0 0 20px 20px; border:1px solid #3E77A4; }
#mod-events .eventPerma { color:#999; font-size:93%; margin-top:14px; }
#mod-events-search {display:none;}
#mod-events-search label { color:#999; font-size:85%; display:block; font-weight:bold; }
#mod-events-search input, select { margin-bottom:0.5em; }
#mod-events-search #event-sub { margin:1.0em 0 0 0; }
#mod-events-search .title { display:block; color:#444; font-weight:bold; vertical-align:baseline; }
#mod-events .event ul li {float:left;width:60%;padding-left:0;margin-left:0;background:none;}
#mod-events .event ul li.first {width:10%;margin-right:2%;margin-left:1%; }
#mod-events .event ul li.last {width:23%;margin-left:3%;margin-right:1%; }
#mod-events #event-tabs li { float:left;margin-top:10px;width:33.3%;margin-left:0;padding-left:0;background:none;}
#mod-events #event-tabs li a { display:block;text-align:center;padding:3px 0;background:#333;color:#fff;margin-right:1px; }
#mod-events #event-tabs li.active a {background:#999;text-decoration:underline;}
.mod-isg { background-color:#e9e4d4; margin:0.5em 0; padding:10px 14px; position:relative; font-size:93%; border:1px dashed #c0c0c0; }
.mod-isg p { margin-bottom:1.0em; }
.mod-isg .sb-dd a { display:block; padding:5px; color:#000; text-decoration:none; outline:none; }
.mod-isg .sb-dd dt a { border:1px solid #c3c3c3; background:#f2f2f2 url('../img/dd_arrow.png') no-repeat right 5px; width:130px; }
.mod-isg .sb-dd dt a:hover { color:#000; background-position:right -18px; }
.mod-isg .sb-dd dd ul li a:hover,
.mod-isg .sb-dd dd ul li a.selected { color:#fff; background-color:#66ccff; }
.mod-isg .sb-dd dd { position:relative; }
.mod-isg .sb-dd ul { background-color:#fff; border-right:1px solid #c3c3c3; border-left:1px solid #c3c3c3; border-bottom:1px solid #c3c3c3; display:none; position:absolute; left:0px; top:0px; width:140px; }
#flags { position:absolute; top:8px; right:0px; }
#flags img { margin-left:5px; width:20px; height:13px; }
.mod-adm { position:relative; background:transparent url('../img/bg-admissions-who-are-you.jpg') no-repeat 0 0; width:669px; height:43px; }
.mod-adm dl { position:absolute; top:9px; left:418px; margin:0; padding:0; width:208px; border:1px solid #4e4b46; background-color:#fefefe; }
.mod-adm dt { position:relative; }
.mod-adm a { display:block; color:#7a7e81; text-decoration:none; outline:none; font-size:85%; font-weight:bold; }
.mod-adm a:hover { text-decoration:none; }
.mod-adm dt a { border:1px solid #c3c3c3; background:transparent url('../img/dd_arrow.png') no-repeat right 3px; width:198px; padding:3px 4px;}
.mod-adm dt a:hover { color:#000; background-position:right -20px; }
.mod-adm a.btn { display:block; width:30px; height:20px; overflow:none; position:absolute; top:12px; left:632px; background:transparent url('../img/bg-admissions-go-btn.png') 0 0; padding:0; margin:0; }
.mod-adm a.btn:hover { background-position:0 -20px; cursor:pointer; }
.mod-adm ul { display:none; }
.mod-adm dd ul li { background:none; margin:0; padding:0; }
.mod-adm dd ul li a { padding:5px; }
.mod-adm dd ul li a:hover,
.mod-adm dd ul li a.selected { color:#fff; background-color:#66ccff; }
#mod-base-xhtml { padding:0.25em 0px 0 15px; position:relative; }
.mod-elf-form { padding:0 8px 0 16px; }
.mod-elf-form #elf-signup-form { margin:1.2em 0; }
.mod-elf-form span.title { color:#cc0000; margin-left:0; font-weight:bold; }
.mod-elf-form label { font-weight:bold; }
.mod-elf-form #btn-elf-submit { margin-top:0.5em; padding:3px 5px; background-color:#cc0000; color:#fff; }
.mod-elf-form .error { display:block; color:#cc0000; margin:10px 0; font-weight:bold; }
.mod-elf-form table,
.mod-elf-form #email { width:100%; }
#side-bar .ui-datepicker { width:16.4em; }
#side-bar .ui-datepicker td .ui-state-default { background:#CC0606; color: #fff; }
#side-bar fieldset { margin-top:10px; }
#side-bar fieldset label{ display:block; }
#side-bar select { min-width:150px; }
.content-wrapper p.calendar-top {margin-top:9px;margin-bottom:0;padding-bottom:0;font-weight:bold;}
/*#side-bar .ui-datepicker td .ui-state-active {background: color:#fff;}
e.o. module styles */
/* table styles */
.redtext { color:#E06666; font-size:100%; font-weight:bold; }
table.fees {
width:645px;
padding:0;
margin:0;
font: normal normal normal 11px/17px Verdana;
background-color:#fff;
color:#6B6B6B;
border-collapse:collapse;
}
table.fees .floatingHeader { position:fixed; top:0; visibility:hidden; }
table.fees tbody > tr:first-child,
table.fees tbody > tr.floatingHeader td { background-color:#dbd9d5; font-weight:bold; }
table.fees tr:nth-child(even) { background-color:#efedea; }
table.fees td { padding:8px 6px; }
table.fees td:nth-child(n+3) { text-align:right; }
table.fees td:nth-child(2) { text-align:center; }
table.style-1 {
width:100%;
border:1px solid #dbdbdb;
border-spacing:1px;
padding:0;
margin:0;
font: normal normal normal 11px/17px Verdana;
background-color:#fff;
color:#6B6B6B;
}
table.style-1 tbody > tr > td:first-child { background-color:#efedea; }
table.style-1 tbody > tr:first-child,
table.style-1 tbody > tr:first-child > td:first-child,
table.style-1 tbody > tr > td.title-elective { background-color:#dbd9d5; font-weight:bold; }
table.style-1 td { padding:8px; }
table.style-2 {
width:100%;
border:1px solid #dbdbdb;
border-spacing:1px;
padding:0;
margin:0;
font: normal normal normal 11px/17px Verdana;
background-color:#fff;
color:#6B6B6B;
}
table.style-2 tbody > tr:first-child,
table.style-2 tbody > tr:first-child > td:first-child { background-color:#dbd9d5; font-weight:bold; }
table.style-2 td { text-align:center; padding:5px; }
table.style-2 tbody > tr > td:first-child { text-align:left; background-color:#efedea; }
table.style-2 tbody > tr > td + td + td > img { margin-left:5px; }
table.style-2 tbody > tr > td + td + td > img:first-child { margin-left:0; }
table.style-3 {
width:100%;
border-collapse:collapse;
padding:0;
margin:0;
font: normal normal normal 11px/17px Verdana;
background-color:#fff;
color:#6B6B6B;
}
table.style-3 > tbody > tr > th { font-size:13px; padding:10px 5px; background-color:#DBD9D5; text-align:center; }
table.style-3 > tbody > tr:first-child + tr > td { text-align:center; font-size:13px; color:#000; padding:10px 5px; background-color:#EFEDEA; font-weight:bold; vertical-align:top; }
table.style-3 .dotted-line { vertical-align:middle; height:20px; }
table.style-3 .dotted-line > div { vertical-align:middle; border-bottom:1px dashed #6B6B6B; line-height:1px; }
table.style-3 td { vertical-align:top; padding:5px; }
table.style-4 {
width:100%;
border-spacing:1px;
border: 1px solid #DBDBDB;
padding:0;
margin:0;
font: normal normal normal 11px/17px Verdana;
background-color:#fff;
color:#6B6B6B;
}
table.style-4 > tbody > tr:first-child > th { background-color:#dbd9d5; text-align:center; font-size:13px; padding:5px; font-weight:bold; }
table.style-4 td { text-align:center; padding:5px; vertical-align:top; }
table.style-4 > tbody > tr:first-child > th:first-child,
table.style-4 > tbody tr td:first-child { text-align:left; }
table.style-4 > tbody > tr:nth-child(odd) { background-color:#efedea; }
table.style-4 > tbody > tr:nth-child(even) { background-color:#fff; }
/* ie7/ie8 specific only */
table.style-4 .odd { background-color:#efedea; }
table.style-5 {
width:100%;
border-spacing:1px;
border: 1px solid #DBDBDB;
border-collapse:collapse;
padding:0;
margin:0;
font: normal normal normal 11px/17px Verdana;
background-color:#fff;
color:#6B6B6B;
}
table.style-5 > tbody > tr:first-child > td:first-child { background-color:#efedea; font-weight:bold; }
table.style-5 > tbody > tr:not(:first-child) td { width:50%; vertical-align:top; border-bottom:1px solid #DBDBDB; border-left:1px solid #DBDBDB; }
table.style-5 td { padding:5px; }
/* e.o. table styles */
/* helper styles */
.ir { display: block; text-indent: -999em; overflow: hidden; background-repeat: no-repeat; text-align: left; direction: ltr; }
.hidden { display: none; visibility: hidden; }
.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }
.invisible { visibility: hidden; }
.clearfix:before, .clearfix:after { content: "\0020"; display: block; height: 0; overflow: hidden; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }
/* e.o. helper styles */
@media (max-device-width: 768px) and (orientation: portrait) {
body, body.fs { background-size:cover; min-width:958px; }
}
@media all and (orientation:portrait) {
}
@media all and (orientation:landscape) {
}
@media screen and (max-device-width: 480px) {
/* html { -webkit-text-size-adjust:none; -ms-text-size-adjust:none; } */
}
@media print {
* { background: transparent !important; color: black !important; text-shadow: none !important; filter:none !important;
-ms-filter: none !important; }
a, a:visited { color: #444 !important; text-decoration: underline; }
a[href]:after { content: " (" attr(href) ")"; }
abbr[title]:after { content: " (" attr(title) ")"; }
.ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; }
pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
thead { display: table-header-group; }
tr, img { page-break-inside: avoid; }
@page { margin: 0.5cm; }
p, h2, h3 { orphans: 3; widows: 3; }
h2, h3{ page-break-after: avoid; }
header h1 { background:transparent url('../img/sait-logo.png') no-repeat top left; width:178px; height:81px; }
.ins-main, .ins-header {
width: auto;
border: none;
box-shadow: none;
}
#nav-main, #side-bar, .ins-header nav, .ins-header form, #breadcrumb, footer, .ins-footer .col-1, .ins-footer .col-2, .ins-footer .col-3, .ins-footer .col-4 h2, .ins-footer .col-4 ul, .ins-footer .col-4 .privacy, .banner {
display: none;
}
#left-content {
width: auto;
float: none;
}
}
/* Jonathon August 24 */
#full-content{
padding-bottom: 25px;
position: relative;
width: 100%;}
div#siteMapBody {
overflow: hidden;
padding: 20px;
width: auto;
}
div#siteMapBody {
overflow: hidden;
padding: 20px;
width: auto;
}
ul#letterList {
list-style: none outside none;
overflow: hidden;
width: auto;
}
ul#letterList li {
border-color: #999999;
border-style: solid;
border-width: 1px 1px 1px 0;
display: block;
float: left;
font-size: 12px;
text-transform: uppercase;
background:none;
padding:0;
margin:0;
}
ul#letterList li.first {
border-left: 1px solid #999999;
}
ul#letterList li a {
color: #000000;
display: block;
padding: 2px 8px;
text-decoration: none;
}
ul#letterList li a:hover {
background-color: #EEEEEE;
}
div#mapDirections, div#mapDirections a {
color: #E2B24A;
font-size: 14px;
margin-top: 4px;
text-decoration: none;
}
div#mapDirections a:hover {
text-decoration: underline;
}
div#mapListing {
font-size: 12px;
line-height: 20px;
margin-top: 20px;
}
div#mapListing .letters li {
display: none;
}
div.listingCol {
float: left;
width: 285px;
}
div.listingCol ul.listing {
list-style: none outside none;
margin-bottom: 20px;
}
div.listingCol ul.listing li a {
color: #000000;
display: block;
text-decoration: none;
}
div.listingCol ul.listing li a:hover {
background-color: #EEEEEE;
}
div.listingCol ul.listing li.Section a {
font-weight: bold;
}
div.listingCol ul.listing li.Tier1 a {
padding-left: 15px;
}
div.listingCol ul.listing li.Tier2 a {
padding-left: 25px;
}
div.listingCol ul.listing li.Tier3 a {
padding-left: 40px;
}
div#mapLetter {
color: #E2B24A;
font-size: 68px;
text-transform: uppercase;
}
/* Above instance of this needs less specificity or to be classed in side bar inclusion */
.minical {
float: right;
margin-right: 60px;
}
.printshare {
margin:2px 0 1px 10px;
float:right;
color: #fff;
font-size:85%;
letter-spacing:.15em;
}
.print, .share{
padding: 1px 6px 1px 6px;
border: 1px solid #b6aea6;
margin-right: 5px;
background:#75a8bc;
}
.print:hover, .share:hover{
border: 1px solid #868482;
background:#145f7f;
cursor:pointer;
}
.sub-text { font-size:85%; padding-left:5px; }
/* Drop-down Editor Styles */
a.anchorLink { background:transparent url('../img/a-arrow.png') no-repeat 0 6px; padding-left:10px; }
.news-photo-left {float: left; padding-right: 25px; padding-bottom: 15px;}
.news-photo-right {float: right; padding-left: 25px; padding-bottom: 15px;}
/*make the prev/next links for pagination default to black*/
#page_navigation .previous_link, #page_navigation .next_link {color: #0D76B3;}
#page_navigation .disable {color: #000; text-decoration:none;cursor:default;}
#page_navigation .active_page {font-weight:bold;padding-left:1px;padding-right:1px;}
/*transfer options alphabetical menu */
.transfer-options-alphamenu {
line-height: 1.6;
}
.transfer-options-alphamenu a:link, .transfer-options-alphamenu a:visited {
margin: 0 0 0 3px;
padding: 2px 5px 2px 5px;
border: 1px solid #242424;
text-decoration: none;
color: #0D76B3;
background-image: none;
}
.transfer-options-alphamenu a:hover {
color: #fff;
background-color: #4C4C4B;
background-image: none;
}
/* transfer options dropdown menu */
#transfer-options-dropdown { width: 360px; }
#transfer-options-dropdown li ul { width: 349px; }
ul.transfer-options-dropdown-menu {
overflow:visible;
text-align: left;
list-style: none;
position: relative;
margin: 0;
padding: 3px 0 0;
}
ul.transfer-options-dropdown-menu li {
background-image: none;
margin-left: 0;
padding-left: 0;
}
.transfer-options-dropdown-menu a, .transfer-options-dropdown-menu a:link, .transfer-options-dropdown-menu a:visited, .transfer-options-dropdown-menu a:hover {
display: block;
text-decoration: none;
}
.transfer-options-dropdown-menu li.current { z-index: 1001; }
.transfer-options-dropdown-menu li.current > a {
color: #0D76B3;
padding: 0 0 0 9px;
overflow: hidden;
border: 1px solid #242424;
background: #fff url(../img/dd_arrow.png) right 1px no-repeat;
}
.transfer-options-dropdown-menu li.current:hover a {
-webkit-border-bottom-left-radius: 0px;
-webkit-border-bottom-right-radius: 0px;
-moz-border-radius-bottomleft: 0px;
-moz-border-radius-bottomright: 0px;
border-bottom-color: #dae1e1;
background-position: right -22px;
}
.transfer-options-dropdown-menu li ul {
display: none;
position: absolute;
list-style: none;
top: 22px;
max-height: 300px;
overflow: auto;
margin: 0 !important;
padding: 3px 5px 3px 4px;
z-index: 1000;
-webkit-box-shadow: 2px 2px 5px #ccc;
-moz-box-shadow: 2px 2px 5px #ccc;
background-color: #fff;
background-image: -webkit-gradient(linear, 0% 0%, 0% 90%, from(rgb(255, 255, 255)), to(rgb(239, 239, 239)));
}
.transfer-options-dropdown-menu li ul a { color: #0D76B3; padding: 0 5px; }
.transfer-options-dropdown-menu li ul a:visited { color: #0D76B3; }
.transfer-options-dropdown-menu li ul a:hover { color: #fff; background-color: #4C4C4B; }
.transfer-options-dropdown-menu li.current:hover ul {
display: block;
border: 1px solid #242424;
}
/* Course Finder Styled Div Box */
.coursefinderBox {
width: 650px;
padding: 7px;
background-color: #eceae5;
text-align: center;
margin-top: 10px;
margin-bottom: 10px;
/* rounded corners */
-webkit-border-radius: 7px;
-moz-border-radius: 2px;
border-radius: 2px;
border: solid 1px #c0c0c0;
/* gradients */
background: -webkit-gradient(linear, left top, left bottom,
color-stop(0%, white), color-stop(15%, #eceae5), color-stop(100%, #D5E4F3));
background: -moz-linear-gradient(top, white 0%, white 55%, #D7E9F5 130%);
}
.coursefinderBox, .coursefinderBox a{
text-decoration: none;
color: #cc0000;
}
a.cfb-padder-l{margin-right:20px;}
a.cfb-padder-r{margin-left:20px;}
.fancybox-inner {/*
-webkit-overflow-scrolling: touch !important;
overflow: scroll !important;
*/
}
html .fancybox-overlay {
background: url('../img/fancybox/fancybox_overlay.png');
}
html #fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
background-image: url('../img/fancybox/fancybox_sprite.png');
}
html #fancybox-loading div {
background: url('../img/fancybox/fancybox_loading.gif') center center no-repeat;
}
/* SAIT Insights Survey */
#sait-insights-survey { display:none; width:42px; height:192px; background:transparent url('../img/insights_survey_1.png') no-repeat 0 0; position:fixed; top:350px; left:0; }
/* Continuum Newsletter Form */
#continuum-signup { margin-bottom:1.0em; }
#continuum-signup label { font-weight:bold; float:left; padding:5px 10px 0 0; }
#continuum-signup #btn-submit { padding:3px 5px; background-color:#cc0000; color:#fff; }
#continuum-signup .error { display:block; color:#cc0000; font-size:93%; margin:10px 0 0 50px; font-weight:bold; }
#continuum-signup-error { font-weight:bold; display:block; }
#continuum-signup-error .csErrorMsg { color:#000; font-weight:bold; }
#rfi .error { display:block; color:#cc0000; font-size:93%; margin:7px 0 0 0; font-weight:bold; }
/* Donor List Table for Promising Futures section */
table.styled td.header {
background: none repeat scroll 0 0 #CC0000;
color: #FFFFFF;
font-weight: bold;
text-align: center;
}
table.styled {
border-collapse: collapse;
margin: 15px 0;
}
table.styled td {
border: 1px solid #CCCCCC;
padding: 0.3em 0.6em;
}
/* Blended Learning Video Callout Component */
div.content-wrapper div.videocallout, div.content-wrapper div.apprenticetest{
background: #f1e7cd;
border: 1px solid #ecd497;
width: 630px;
color: #1f1f24;
font-size: 108%;
padding: 10px;
}
div.content-wrapper div.videocallout p, div.content-wrapper div.apprenticetest p{
margin: 5px;}
div.content-wrapper div.videocallout h4{
color: #606073;
font-size: 116%;
font-weight:normal;
margin-left: 5px;
display:inline-block;
}
/* Apprenticeship Readiness */
div.content-wrapper div.apprenticetest{
background: #f3eee1;
border: 1px solid #d9d9d3;
}
div.content-wrapper div.apprenticetest:hover{
background: #f1e7cd;
border: 1px solid #cc0000;
/* #d9d9d3; */
}
div.content-wrapper div.apprenticetest h4{
color: #cc0000;
font-size: 116%;
font-weight:normal;
margin: 0 0 0 5px;
padding: 0px;
display:inline-block;
}
/* BxSlider - Home Page Banner rotation */
/**
* BxSlider v4.0 - Fully loaded, responsive content slider
* http://bxslider.com
*
* Written by: Steven Wanderski, 2012
* http://stevenwanderski.com
* (while drinking Belgian ales and listening to jazz)
*
* CEO and founder of bxCreative, LTD
* http://bxcreative.com
*/
/** RESET AND LAYOUT
===================================*/
.bx-wrapper {
margin-bottom:10px;
position: relative;
width:687px;
float:left;
overflow:hidden;
padding: 0;
*zoom: 1;
}
.bx-wrapper img {
max-width: 100%;
display: block;
}
/** THEME
===================================*/
.bx-wrapper .bx-viewport {
/*-moz-box-shadow: 0 0 5px #ccc;
-webkit-box-shadow: 0 0 5px #ccc;
box-shadow: 0 0 5px #ccc;
border: solid #fff 5px;
left: -5px;*/
background: #fff;
}
.bx-wrapper .bx-pager,
.bx-wrapper .bx-controls-auto {
position: absolute;
bottom: 1px;
width: 100%;
z-index:100;
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
.bx-wrapper .bx-pager,
.bx-wrapper .bx-controls-auto {
bottom:0;
}
}
/* LOADER */
.bx-wrapper .bx-loading {
min-height: 50px;
background: url(images/bx_loader.gif) center center no-repeat #fff;
height: 100%;
width: 100%;
position: absolute;
top: 0;
left: 0;
z-index: 2000;
}
/* PAGER */
.bx-wrapper .bx-pager {
text-align: center;
font-size: .85em;
font-family: Arial;
font-weight: bold;
color: #666;
padding:5px 5px 0 5px;
background-color:#1f2f3e;
width:auto;
float:left;
position:relative;
right:50%;
opacity:.8;
}
.bx-wrapper .bx-pager .bx-pager-item,
.bx-wrapper .bx-controls-auto .bx-controls-auto-item {
display: inline-block;
*zoom: 1;
*display: inline;
}
.bx-wrapper .bx-pager.bx-default-pager a {
background: #868c91;
text-indent: -9999px;
display: block;
width: 10px;
height: 10px;
margin: 0 7px;
outline: 0;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
}
.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active {
background: #fff;
}
/* DIRECTION CONTROLS (NEXT / PREV) */
.bx-wrapper .bx-prev {
left: 10px;
background: url(images/controls.png) no-repeat 0 -32px;
}
.bx-wrapper .bx-next {
right: 10px;
background: url(images/controls.png) no-repeat -43px -32px;
}
.bx-wrapper .bx-prev:hover {
background-position: 0 0;
}
.bx-wrapper .bx-next:hover {
background-position: -43px 0;
}
.bx-wrapper .bx-controls-direction a {
position: absolute;
top: 50%;
margin-top: -16px;
outline: 0;
width: 32px;
height: 32px;
text-indent: -9999px;
z-index: 9999;
}
.bx-wrapper .bx-controls-direction a.disabled {
display: none;
}
/* AUTO CONTROLS (START / STOP) */
.bx-wrapper .bx-controls-auto {
text-align: center;
}
.bx-wrapper .bx-controls-auto .bx-start {
display: block;
text-indent: -9999px;
width: 10px;
height: 11px;
outline: 0;
background: url(images/controls.png) -86px -11px no-repeat;
margin: 0 3px;
}
.bx-wrapper .bx-controls-auto .bx-start:hover,
.bx-wrapper .bx-controls-auto .bx-start.active {
background-position: -86px 0;
}
.bx-wrapper .bx-controls-auto .bx-stop {
display: block;
text-indent: -9999px;
width: 9px;
height: 11px;
outline: 0;
background: url(images/controls.png) -86px -44px no-repeat;
margin: 0 3px;
}
.bx-wrapper .bx-controls-auto .bx-stop:hover,
.bx-wrapper .bx-controls-auto .bx-stop.active {
background-position: -86px -33px;
}
/* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
text-align: left;
width: 80%;
}
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {
right: 0;
width: 35px;
}
/* IMAGE CAPTIONS */
.bx-wrapper .bx-caption {
position: absolute;
bottom: 0;
left: 0;
background: #666\9;
background: rgba(80, 80, 80, 0.75);
width: 100%;
}
.bx-wrapper .bx-caption span {
color: #fff;
font-family: Arial;
display: block;
font-size: .85em;
padding: 10px;
}
/* OpenTable styles */
#OT_form .OT_subtitle {
font-size: 8px !important;
letter-spacing: .15em !important;
color: #0f0f0f !important;
}
#OT_form .OT_day, #OT_form .OT_time, #OT_form .OT_party {
/*background: url(https://secure.opentable.com/frontdoor/img/icons_final_dark.png) no-repeat scroll 0 0 transparent !important;*/
background-image: url(https://secure.opentable.com/frontdoor/img/icons_final_dark.png) !important;
background-repeat: none !important;
}
#OT_form .OT_day {
background-position: -11px -5px !important;
}
#OT_form .OT_time {
background-position: -11px -55px !important;
}
#OT_form .OT_party {
background-position: -11px -102px !important;
}
#OT_form .OT_submit {
background-image: none !important;
margin-left: 0 !important;
padding-left: 0 !important;
}
#OT_form .OT_day,
#OT_form .OT_time,
#OT_form .OT_party {
margin-left:0 !important;
padding: 15px 0 15px 35px !important;
}
/* Alumni Home CSS Updates */
#main.micro{background:transparent;}
#micro-side{background:#5A5A59;float:right;height:329px;position:relative;width:241px;}
#micro-side h2{
color:#FFF;
font-family:Helvetica, Arial, sans-serif;
font-size:118%;
letter-spacing:1px;
padding:14px 14px 11px;
text-shadow:1px 2px 1px #2B2B2A;
text-transform:uppercase;
}
#micro-side #nav-sub li{
background:transparent url('../img/bg-nav-arrow.png') no-repeat left 4px;
border-bottom:1px solid #6d6d6c;
font-size:108%;
margin:0 0 4px 16px;
padding:0 0 5px 10px;
}
#micro-side #nav-sub a{color:#fff;font-family:arial;text-decoration:none;}
#micro-side #nav-sub a:hover,
#micro-side #nav-sub a.current{text-decoration:underline;}
#micro-side .mod-cta{border-top:2px solid #fff;bottom:0;left:0;margin:0;position:absolute;width:100%;}
.micro-mods{float:left;margin-bottom:-20px;overflow:hidden;width:624px;}
.micro-mods > div{position:relative;}
/* .micro-mods .mod-upcoming-events{background:#FAFBF5;border-top:1px solid #E3E6EA;margin:0;width:auto;} */
.micro-mods .mod-upcoming-events{background:#FAFBF5;border-top:1px solid #E3E6EA;margin:0;width: 100%;}
.micro-mods .mod-upcoming-events .meta{display:block;}
#content .micro-mods h2{color:#BD0000;font-size:26px;font-weight:normal;margin:-7px 0 12px;}
#content .micro-mods .readmore{bottom:15px;}
#content .micro-mods .readmore .lnk-allevents, #content .micro-mods .readmore .lnk-pastnews{margin-right:0;}
#content .readmore .lnk-allevents, #content .readmore .lnk-pastnews{padding:2px 0 2px 12px;}
#content .mod-portal-misc.micro{float:right;padding:12px 0 0 0;width:304px;}