/*TYPO - CSS - START*/
body { color: #353535; font-family: Verdana,Helvetica,sans-serif; font-size: 62.5%; }
input.submit, input.button { font-family: Verdana,Helvetica,sans-serif; font-size: 0.9em; }
h1 { font-size: 1.8em; font-weight: bold; margin-bottom: 1.5em; margin-top: 1em; }
h2 { font-size: 1.5em; font-weight: bold; margin-top: 1em; }
h3 { font-size: 1.2em; font-weight: bold; }
h4 { font-size: 1.2em; font-weight: bold; }
a { color: #990033; }
a:visited { color: #000000; }
#contact-info-title { font-size: 1.2em; font-weight: bold; }
#contact-info address { font-style: normal; }
/* TYPO - END*/
/* HEADER - CSS*/
html { background: url("../images/gradient_png8.png") repeat-x scroll 0 0 transparent; }
html body, html body.fr { background: url("../images/gradient_box_png8.png") no-repeat scroll 0 0 transparent; }
html > body, html > body.fr { background-position: 50% 64px; }
#main-branding { float: left; height: 53px; margin-bottom: 5px; width: 130px; }
#main-branding-logo img { display: block; }
#page-tools li { list-style: none outside none; }
#main-secondarynav { margin: 0; padding: 0; z-index: 100; }
#main-secondarynav a { font-size: 0; }
#main-secondarynav li { list-style: none outside none; }
.en .old-banner #page-links #ch-lang-url, .fr .old-banner #page-links #ch-lang-url { left: 658px; position: absolute; top: 0; }
#secondarynav-biblio { left: 686px; position: absolute; top: 0; }
#secondarynav-search { left: 722px; position: absolute; top: 0; }
#secondarynav-courses { left: 753px; position: absolute; top: 0; }
.en .old-banner #page-links a#ch-lang-url { background-image: url("../images/h_util_nav_f.gif"); border: medium none; display: block; font-size: 0; height: 26px; margin: 0; padding: 0; text-indent: -999em; width: 28px; }
.fr .old-banner #page-links a#ch-lang-url { background-image: url("../images/h_util_nav_e.gif"); border: medium none; display: block; font-size: 0; height: 26px; margin: 0; padding: 0; right: auto; text-indent: -999em; width: 28px; }
.old-banner #page-links { z-index: auto; }
a#secondarynav-biblio { background-image: url("../images/h_util_nav_biblio.gif"); display: block; font-size: 0; height: 26px; margin: 0; padding: 0; text-indent: -999em; width: 36px; }
a#secondarynav-maps { display: none; }
a#secondarynav-search { background-image: url("../images/h_util_nav_search.gif"); display: block; font-size: 0; height: 26px; margin: 0; padding: 0; text-indent: -999em; width: 31px; }
a#secondarynav-courses { background-image: url("../images/h_util_nav_i.gif"); display: block; font-size: 0; height: 26px; margin: 0; padding: 0; text-indent: -999em; width: 27px; }
a#section-home { background-image: url("../images/h_util_nav_sec_home.gif"); display: block; font-size: 0; height: 26px; margin: 0; padding: 0; text-indent: -999em; width: 33px; }
.old-banner #page-links a#ch-lang-url:hover, .old-banner #page-links a#ch-lang-url:active, .old-banner #page-links a#ch-lang-url:focus, #main-secondarynav a:hover, #main-secondarynav a:active, #main-secondarynav a:focus, a#section-home:hover, a#section-home:active, a#section-home:focus { background-position: 0 -26px; }
body.old-banner { background: none repeat scroll 0 0 white; }
#main-banner { height: 1%; position: relative; width: 780px; z-index: 1000; }
#main-banner #main-branding { float: left; height: 76px; margin: 0; width: 570px; }
#main-banner #main-branding #main-branding-logo a { background: url("../images/uOlogo-sprite-png8.png") no-repeat scroll 0 0 transparent; display: block; height: 41px; left: 9px; outline: medium none; position: absolute; top: 21px; width: 153px; }
#main-banner #main-branding #main-branding-logo a:hover, #main-banner #main-branding #main-branding-logo a:active { background-position: 0 -44px; }
#main-banner #main-branding #main-branding-logo img { display: none; }
#main-banner #main-branding #main-branding-tagline { background-image: url("../images/uOlogo-sprite-png8.png"); background-repeat: no-repeat; height: 44px; left: 184px; position: absolute; top: 20px; }
.fr #main-banner #main-branding #main-branding-tagline { background-position: -173px -88px; width: 140px; }
.en #main-banner #main-branding #main-branding-tagline { background-position: -173px 0; width: 145px; }
#main-globalnav { display: none; }
#main-banner #main-secondarynav { display: inline-block; left: auto; margin: 0; padding: 0; position: absolute; right: -67px; top: 68px; width: auto; }
#main-banner #main-secondarynav li { background: url("../images/separator.png") no-repeat scroll 0 6px transparent; float: left; font-family: "Helvetica Neue",Helvetica,Arial,sans-serif; font-size: 10px; list-style: none outside none; padding-left: 1px; }
#main-banner #main-secondarynav li.first { background: none repeat scroll 0 0 transparent; }
#main-banner #main-secondarynav a { display: block; font-size: 1.1em; }
#main-banner #main-secondarynav a#secondarynav-biblio, #main-banner #main-secondarynav a#secondarynav-maps, #main-banner #main-secondarynav a#secondarynav-search { background: none repeat scroll 0 0 transparent; height: auto; left: auto; margin: 0; padding: 0; position: static; text-indent: 0; top: auto; width: auto; }
#page-links a#section-home, #main-banner #main-secondarynav a#secondarynav-courses { display: none; }
#main-banner #main-secondarynav { margin-right: 71px; z-index: 1000; }
#page-links { width: 780px; z-index: 1; }
#main-container > #page-links { height: auto; z-index: 100; }
#page-links li { float: left; }
#page-links li { float: left; }
a.OttawaLanguageSelectionButton { background-color: #FBFBFA; border: 1px solid #BCB6B0; color: #72634D; display: block; font-family: Arial,Helvetica,sans-serif; font-size: 1.7em !important; font-weight: bold; height: auto; left: auto; padding: 2px 3px; position: absolute; right: 8px; text-decoration: none; text-indent: 0; top: 45px; width: auto; }
.en #page-links a#ch-lang-url, .fr #page-links a#ch-lang-url { background-color: #FBFBFA; border: 1px solid #BCB6B0; color: #72634D; display: block; font-family: Arial,Helvetica,sans-serif; font-size: 1.1em; font-weight: bold; height: auto; left: auto; padding: 2px 3px; position: absolute; right: 8px; text-decoration: none; text-indent: 0; top: 45px; width: auto; }
#main-container #main-banner #main-secondarynav li { padding: 5px 0; }
#main-container #main-banner #main-secondarynav li a { color: #72634D; display: inline; padding: 0 5px 0 7px; text-decoration: none; }
#page-links a#ch-lang-url { padding-right: 10px; }
#main-container #main-banner #main-secondarynav li a:hover, #main-container #main-banner #main-secondarynav li a:focus, #main-container #main-banner #main-secondarynav li a:active { outline: medium none; text-decoration: underline; }
#main-banner #main-secondarynav li.more { display: none; position: relative; }
.js-enabled #main-banner #main-secondarynav li.more { display: inline; }
#main-container #main-banner #main-secondarynav li.more h2:hover, #main-container #main-banner #main-secondarynav li.more h2:focus, #main-container #main-banner #main-secondarynav li.more h2:active { cursor: pointer; text-decoration: underline; }
#main-container #main-banner #main-secondarynav li.more h2 { background: url("../images/dropdown-arrow-down.png") no-repeat scroll right bottom transparent; color: #72634D; cursor: pointer; display: inline; font-size: 1.1em; font-weight: normal; line-height: 1.2em; padding: 0 8px 0 7px; text-decoration: none; }
#main-container #main-banner #main-secondarynav li.more.expand h2 { text-decoration: underline; }
#main-container #main-banner #main-secondarynav li.more ul { background-color: #FFFFFF; border: 1px solid #CAC3BC; border-radius: 4px 4px 4px 4px; box-shadow: 0 1px 10px rgba(0, 0, 0, 0.3); display: none; left: auto; margin: 0; padding: 4px 0; position: absolute; right: -5px; top: 25px; width: 145px; }
#main-container #main-banner #main-secondarynav li.expand ul { display: block; }
#main-container #main-banner #main-secondarynav li.more ul li { background: none repeat scroll 0 0 transparent; margin: 0; padding: 0; }
#main-container #main-banner #main-secondarynav li.more ul li.new-group { background: url("../images/quickpicks-new-group.png") no-repeat scroll left top transparent; margin-top: 3px; padding-top: 6px; }
#main-container #main-banner #main-secondarynav li.more ul li a, #main-container #main-banner #main-secondarynav li.more ul li a:link, #main-container #main-banner #main-secondarynav li.more ul li a:visited { display: block; padding: 3px 10px; text-decoration: none; width: 125px; }
#main-container #main-banner #main-secondarynav li.more ul li a:hover, #main-container #main-banner #main-secondarynav li.more ul li a:focus, #main-container #main-banner #main-secondarynav li.more ul li a:active { background-color: #EEEEEE; }
#page-links a#ch-lang-url:hover, #page-links a#ch-lang-url:focus, #page-links a#ch-lang-url:active { background-color: #741026; color: #FFFFFF; }
.old-banner #main-container #main-secondarynav li.more { display: none; }
#main-banner a#secondarynav-courses { left: -999em; position: absolute; }
#main-banner #global-site-search { display: block; float: right; margin-top: 0; position: absolute; right: 0; top: 0; width: 195px; }
#main-banner #global-site-search #global-site-search-label { left: -999em; position: absolute; }
#main-banner #global-site-search #global-site-search-words { border: 1px solid #B4AEA9; font-family: Helvetica,Arial,sans-serif; font-size: 11px; height: 15px; margin: 10px 25px 0 0; padding: 3px 3px 2px 5px; position: relative; width: 156px; z-index: 1; }
#main-banner #global-site-search #global-site-search-hint { color: #BBBBBB; cursor: text; display: none; font-family: Helvetica,Arial,sans-serif; font-size: 11px; font-weight: normal; height: 11px; left: 7px; overflow: hidden; padding: 0; position: relative; top: -17px; width: 150px; z-index: 10; }
#main-banner #global-site-search #global-site-search-hint.empty { display: block; }
#main-banner #global-site-search #global-site-search-submit { background: url("../images/sprite.png") no-repeat scroll left top transparent; border: 0 none; cursor: pointer; display: block; height: 22px; margin: 11px 9px -11px 0; padding: 0; position: absolute; right: 0; top: 0; width: 20px; }
#main-banner #global-site-search > #global-site-search-submit { margin-top: 10px; }
/* HEADER - END*/
/* FOOTER - CSS*/
@charset "utf-8";
#main-footerglobalnav { display: none; }
#main-siteinfonav { clear: both; margin: 35px 0 0; padding: 15px 0 0; }
#main-siteinfonav li { border-right: 1px solid #CCCCCC; float: left; list-style: none outside none; margin-right: 0.5em; padding-right: 0.6em; }
#main-siteinfonav li.last { border-right: medium none; margin-right: 0; padding-right: 0; }
#main-siteinfonav li.right { float: right; }
#main-statements { clear: left; padding-top: 1em; }
#main-siteinfo { clear: both; padding: 50px 15px 0; }
#main-statements-contact { padding: 0 15px 2em; }
#last-updated { display: none; }
#main-footerglobalnav { height: 1%; margin-top: 50px; }
#main-siteinfo { float: left; padding: 0 0 0 15px; width: 765px; }
#main-statements-contact { clear: both; }
#main-siteinfo a, #main-statements-contact a { color: #990033; }
#main-siteinfo a:visited, #main-statements-contact a:visited { color: #000000; }
#feedback-general { font-weight: bold; }
/* FOOTER - END*/
/* LAYOUT - CSS*/
body { margin: 0; padding: 0; }
#main-container { margin: 0 auto; position: relative; width: 780px; }
.old-banner #main-container { margin: 0; width: 780px; }
#page-links, #main-secondarynav { left: 0; margin: 0; padding: 0; position: absolute; top: 0; }
#page-links li { height: 0; list-style: none outside none; margin: 0; padding: 0; width: 0; }
#skip-to-content, #skip-to-localnav { position: absolute; text-indent: -999em; }
#section-container { clear: both; margin: 0; padding: 0; position: relative; }
#section-header { background-position: left top; background-repeat: no-repeat; float: left; height: 86px; margin: 0; padding: 0; position: relative; width: 518px; }
#section-title, #parent-org-title { display: block; position: absolute; }
#section-title span, #parent-org-title span { display: block; left: -999em; position: absolute; width: 100px; }
a#section-title, a#parent-org-title { overflow: hidden; }
#section-details { clear: left; float: left; width: 174px; }
#page-tools { height: 86px; margin-left: 518px; position: relative; width: 255px; }
#contact-info { padding: 1.5em 20px 1.5em 24px; width: 130px; }
#contact-info { overflow: hidden; }
#section-details > #contact-info { overflow: visible; }
#main-content { float: left; margin-top: 15px; padding: 0 15px 26px 33px; width: 553px; }
.has-sidebar #main-content { float: left; margin-left: 0; width: 394px; }
.has-sidebar #section-container > #main-content { padding: 0 15px 26px 33px; }
#sidebar { height: 1%; margin-left: 618px; margin-top: 10px; position: relative; width: 159px; }
#section-container > #sidebar { height: auto; margin-left: 621px; }
.sub-section #sub-section-header { background-position: left top; background-repeat: no-repeat; float: left; height: 25px; left: 194px; margin: 0; padding: 0; position: absolute; top: 87px; width: 586px; }
.sub-section #sub-section-title { display: block; position: absolute; text-indent: -999em; }
.sub-section #main-content { margin-top: 30px; }
.sub-section #sidebar { margin-top: 40px; }
.wide-content-page #section-container #main-content { background: none no-repeat scroll left top transparent; margin-top: 0; padding: 15px 26px 26px 24px; position: relative; width: 730px; }
/* LAYOUT - END*/
/*TOOLS - CSS*/
.hidden { left: -9999em; position: absolute; }
.clearfix:after { clear: both; content: "."; display: block; height: 0; visibility: hidden; }
* html .clearfix { height: 1%; }
/*TOOLS - END*/
/*LOCAL-NAV - CSS*/
ul#local-nav { background-repeat: repeat-y; }
ul#local-nav, ul#local-nav * { list-style: none outside none; margin: 0; padding: 0; }
ul#local-nav a { border-bottom: 1px solid #CCCCCC; display: block; font-weight: bold; height: 1em; padding: 0.6em 20px 0.6em 24px; text-decoration: none; width: 130px; }
html > body ul#local-nav li > a { height: auto; min-height: 1em; width: auto; }
ul#local-nav a, ul#local-nav a:visited { color: #777777; }
ul#local-nav a:hover, ul#local-nav a:active, ul#local-nav a:focus { text-decoration: underline; }
ul#local-nav li ul a { border-bottom: medium none; }
ul#local-nav li ul { padding: 0.5em 0; }
ul#local-nav li.expand { border-bottom: 1px solid #CCCCCC; }
ul#local-nav li ul a { border: medium none; font-weight: normal; margin: 0; padding-bottom: 0.5em; padding-top: 0.5em; }
ul#local-nav li.new-group { padding-top: 1px; }
ul#local-nav li.new-group a { border-top: 4px solid #CCCCCC; }
ul#local-nav li.new-group ul li a { border: medium none; }
#main-container ul#local-nav { background-image: url("../images/bg-local-nav.png"); }
#main-container ul#local-nav li.first { background: none repeat scroll 0 0 transparent; }
ul#local-nav a { background: none no-repeat scroll right bottom transparent; }
ul#local-nav li ul { background: none repeat scroll 0 0 white; }
ul#local-nav li ul a, ul#local-nav li.expand ul a { background: none repeat scroll 0 0 transparent; }
ul#local-nav a.current, ul#local-nav li.expand ul li a.current { font-weight: bold; }
#section-photo { background-repeat: no-repeat; border-top: 1px solid white; height: 109px; }
#local-nav a span.long-word { display: block; margin-right: -20px; width: 150px; word-wrap: break-word; }
#local-nav a > span.long-word { display: inline; margin-right: 0; width: auto; word-wrap: normal; }
/*LOCAL-NAV - END*/
/*SIDEBAR - CSS*/
@charset "utf-8";
#sidebar h2, #sidebar form#site-search #site-search-label { font-size: 1.3em; font-weight: bold; }
#sidebar form#site-search #site-search-label { display: block; margin-bottom: 0.3em; }
#sidebar h2 { margin: 0 0 1em; }
#sidebar .feature, #sidebar .grouped-features, #sidebar form#site-search { display: block; margin-bottom: 15px; }
#sidebar a.feature img { border: medium none; display: block; margin: 0; }
#sidebar div.feature, #sidebar .grouped-features, #sidebar form#site-search { background-color: #F9F9F8; border: 1px solid #E3E0DB; height: 1%; padding: 12px; position: relative; width: 133px; z-index: 0; }
#sidebar > .feature, #sidebar > .grouped-features, #sidebar > form#site-search { height: auto; }
#sidebar .grouped-features h2 { border-top: 1px solid #E3E0DB; margin-top: 14px; padding-top: 12px; }
#sidebar .grouped-features h2.first { border-top: 14px solid; margin: -12px -12px 0.8em; padding: 14px 12px 0; }
#sidebar div.feature img { display: block; margin: -12px -12px 12px; }
#sidebar .grouped-features img { display: block; margin-left: -1px; margin-right: -1px; }
#sidebar div.feature p, #sidebar .grouped-features p { margin-bottom: 0; margin-top: 1em; }
#sidebar div.corner { background: url("../images/feature-br-corner.png") no-repeat scroll right bottom transparent; height: 14px; margin: -29px 0 14px; padding-left: 145px; position: relative; width: 14px; }
#sidebar div.corner img { background-color: #000000; }
#sidebar form#site-search #site-search-words { display: block; margin-bottom: 5px; width: 127px; }
#sidebar form#site-search > #site-search-words { width: 129px; }
#sidebar form#site-search input.submit { display: block; margin: 0 0 0 auto; }
#sidebar .feature .poll form { margin: 0; padding: 0; }
#sidebar .feature .poll img { margin: 0; }
#sidebar .feature .poll p.quest { font-weight: bold; }
#sidebar .feature .poll p.ans { margin-left: 17px; }
#sidebar .feature .poll input { margin-bottom: -0.2em; margin-left: -22px; margin-top: 0.5em; }
#sidebar .feature > .poll input { margin-left: -15px; }
#sidebar .feature .poll input.button { display: block; margin: 1em 0 0 auto; }
#sidebar .feature, #sidebar .grouped-features, #sidebar form#site-search { overflow: hidden; }
#sidebar > .feature, #sidebar > .grouped-features, #sidebar > form#site-search { overflow: visible; }
/*SIDEBAR - END*/
/*PAGE-TOOLS - CSS*/
.quickPickactive #page-tools { z-index: 1000; }
.quickPickinactive #page-tools { }
#tools-resize, #tools-resize * { border: 0 none; margin: 0; padding: 0; }
#tools-resize li { float: left; height: 17px; list-style: none outside none; margin: 0 3px 3px 0; width: 17px; }
#tools-resize label { left: -9999em; position: absolute; }
#tools-resize a { cursor: pointer; display: block; height: 17px; margin: 0; overflow: hidden; padding: 0; position: relative; width: 17px; }
#tools-resize a span { display: block; height: 17px; left: 0; position: absolute; top: 0; width: 17px; z-index: 1; }
#tools-resize { background: none no-repeat scroll left top transparent; height: 26px; left: 171px; padding-top: 9px; position: absolute; top: 38px; width: 60px; }
#tools-resize.over { background-position: -65px 0; }
.fr #tools-resize ul { margin-left: 9px; }
.fr #tools-resize { left: 162px; width: 75px; }
.fr #tools-resize.over { background-position: -74px 0; }
#tools-resize a { background-repeat: no-repeat; }
#tools-resize a.over span, #tools-resize a.current span { background-position: 0 -20px; }
#tools-print, #tools-email { display: block; height: 26px; margin: 0; overflow: hidden; padding: 0; position: absolute; width: 32px; }
#tools-print span, #tools-email span { background: none no-repeat scroll left top transparent; display: block; height: 26px; left: 0; position: absolute; top: 0; width: 32px; z-index: 1; }
#tools-print { left: 45px; top: 38px; }
#tools-email { left: 107px; top: 38px; }
#tools-print.over span, #tools-print:active span, #tools-print:focus span, #tools-email.over span, #tools-email:active span, #tools-email:focus span { background-position: 0 -30px; }
#tools-print.over, #tools-email.over { cursor: pointer; }
#tools-print span, #tools-email span { background-position: 0 0; }
.fr #tools-print, .fr #tools-print span { width: 46px; }
.fr #tools-print { left: 38px; }
.fr #tools-email, .fr #tools-email span { width: 46px; }
.fr #tools-email { left: 100px; }
li#local-quickpicks, li#global-quickpicks ul.collapsed, #quickpicks { display: none; }
li#global-quickpicks ul.expand { background-color: #FFFFFF; border: 1px solid #CAC3BC; display: block; height: auto; left: 235px; padding: 10px 10px 10px 13px; position: absolute; top: 25px; width: 125px; z-index: 1000; }
/*PAGE-TOOLS - END*/
/*LANDING-PAGE - CSS*/
.landing-page #main-content h2 { font-size: 1.8em; font-weight: normal; }
.landing-page #main-content h3 { color: #353535; font-size: 1em; margin-bottom: 0; }
.landing-page #main-content .news p { margin-top: 0; }
.landing-page #main-content .news img, .landing-page #main-content .feature img { border: 1px solid #E3E0DB; float: left; margin-bottom: 8px; margin-right: 16px; }
.landing-page #main-content .news .article, .landing-page #main-content .feature { clear: left; }
.landing-page #main-content h2 { background-repeat: no-repeat; text-indent: -1000em; }
.landing-page #main-content h2 a { display: block; float: left; overflow: hidden; width: 100%; }
.landing-page #main-content .grouped-features .feature { border-top: 1px solid #E5E5E5; margin: 1.5em 0; padding: 1.5em 0 0; }
.landing-page #main-content .grouped-features .first { border-top: medium none; padding-top: 0; }
.landing-page #main-content .grouped-features .feature h3 { margin-top: 0; }
.landing-page #main-content .grouped-features .feature p { margin-bottom: 0.5em; margin-top: 0; }
.landing-page #main-content .grouped-links, .landing-page #main-content .grouped-links-single { background-repeat: no-repeat; margin-top: 4em; }
.landing-page #main-content .grouped-links .group { float: left; padding-right: 6px; width: 188px; }
.landing-page #main-content .grouped-links .first { width: 194px; }
.landing-page #main-content .grouped-links-single .group { float: none; width: 100%; }
.landing-page #main-content .grouped-links h2 { background-position: 10px 0; }
.landing-page #main-content .grouped-links .first h2 { background-position: 0 0; }
.landing-page #main-content .grouped-links h2, .landing-page #main-content .grouped-links-single h2 { margin: 0 0 16px; padding: 0; position: relative; }
.landing-page #main-content h2, .landing-page #main-content .grouped-links h2, .landing-page #main-content .grouped-links-single h2 { height: 21px; }
.landing-page #main-content h2.twoline, .landing-page #main-content .grouped-links h2.twoline, .landing-page #main-content .grouped-links-single h2.twoline { height: 37px; }
.landing-page #main-content .grouped-links h2.twoline, .landing-page #main-content .grouped-links-single h2.twoline { margin-top: -16px; }
.landing-page #main-content .grouped-links { height: 1%; }
.landing-page #main-content .grouped-links:after { clear: both; content: "."; display: block; height: 0; visibility: hidden; }
* html .landing-page #main-content .grouped-links { height: 1%; }
/*LANDING-PAGE - END*/
/*DEFAULT - CSS*/
img { border: medium none; }
#section-container { background: none no-repeat scroll left top transparent; }
#main-siteinfo { background-repeat: no-repeat; }
a.back-to-top { display: block; font-size: 0; height: 9px; margin: 0 0 0 auto; padding: 0; text-indent: -10000em; width: 88px; }
.fr a.back-to-top { width: 97px; }
.wide-content-page #main-content div.return { background: url("../images/chevrons-back.png") no-repeat scroll 2px 0.2em transparent; display: block; margin: 1em auto 2em 0; padding-left: 20px; }
.wide-content-page #main-content div.corner { background-repeat: no-repeat; height: 17px; left: 0; position: absolute; top: 0; width: 16px; }
#main-content ul, #main-content ul li, #sidebar ul, #sidebar ul li { margin: 0; padding: 0; }
#main-content ul, #sidebar ul { margin-top: 1em; }
#main-content ul li, #sidebar ul li { background: none no-repeat scroll 13px 0.2em transparent; list-style: none outside none; margin-bottom: 0.7em; padding-left: 30px; }
#main-content ul li ul li, #main-content ol li ul li, #main-content ul li ol li ul li, #main-content ul li ul li ul li, #main-content ol li ol li ul li, #main-content ol li ul li ul li, #sidebar ul li ul li, #sidebar ol li ul li, .sub-section #main-content ul li ul li, .sub-section #main-content ol li ul li, .sub-section #main-content ul li ol li ul li, .sub-section #main-content ul li ul li ul li, .sub-section #main-content ol li ol li ul li, .sub-section #main-content ol li ul li ul li { background: none no-repeat scroll 6px 0.4em transparent; list-style-type: none; padding-left: 20px; }
#main-content ul li ol li, #main-content ol li ol li, #main-content ul li ol li ol li, #main-content ul li ul li ol li, #main-content ol li ol li ol li, #main-content ol li ul li ol li, .sub-section #main-content ul li ol li, .sub-section #main-content ol li ol li, .sub-section #main-content ul li ol li ol li, .sub-section #main-content ul li ul li ol li, .sub-section #main-content ol li ol li ol li, .sub-section #main-content ol li ul li ol li { background-image: none; list-style-type: decimal; padding-left: 0; }
#sidebar ul li { background-position: 0 0.2em; padding-left: 14px; }
#sidebar ul li ul li, #sidebar ol li ul li { background-position: 0 0.4em; padding-left: 10px; }
.wide-content-page #main-content ul li, #sidebar ul li { height: 1%; }
.wide-content-page #main-content * > ul li, #sidebar * > ul li { height: auto; }
#contact-info { border-top: 4px solid; margin-top: 1px; }
#contact-info-title { background-repeat: no-repeat; height: 21px; text-indent: -1000em; }
input.submit, input.button { background: none repeat scroll 0 0 #353535; border: 1px solid black; color: #FFFFFF; padding: 0 0.3em; }
#browser-upgrade { background: url("../images/warning.png") no-repeat scroll left top #F4F3F1; clear: both; height: 56px; margin: 0; padding: 0 0 0 70px; position: relative; }
#browser-upgrade p { font-size: 1.25em; margin: 0; padding: 0.5em; }
/*DEFAULT - END*/
/*LOCAL-TOPLEVEL - CSS*/
#toplevel-nav li { margin-left: 7px; text-transform: uppercase; }
.fr #toplevel-nav li { margin-left: 0; }
.en #main-banner #main-branding #main-branding-tagline { width: 145px !important; }
.fr #main-banner #main-branding #main-branding-tagline { width: 140px !important; }
div.more a { color: #741026; display: block; font-size: 10px; font-weight: bold; text-decoration: none; }
h2 { background: none repeat scroll 0 0 transparent !important; color: #741026; font-weight: bold; }
#footer { clear: both; height: 119px; overflow: hidden; width: 960px; }
#give { float: right; width: 240px; }
#give.wide { width: 300px!important; }
#main-siteinfo { background: #222 !important; height: 19px; }
#main-siteinfonav { margin-top: 30px !important; padding-top: 0 !important; }
#address { float: left; font-family: Verdana,Geneva,sans-serif; width: 160px; }
#international #address { }
#phone { float: left; font-family: Verdana,Geneva,sans-serif; height: auto; margin-top: 0; width: 160px; }
#phone a {text-decoration: none;}
#email { float: left; margin-top: 46px; width: 170px; }
#link-info { float: left; margin-top: 46px; }
#contact-info { -moz-border-bottom-colors: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; background: none repeat scroll 0 0 #dbdfe0 !important; border-color: #999999 #E3E2E1 #E3E2E1; border-image: none; border-right: 1px solid #E3E2E1; border-style: solid; border-width: 1px; color: #787F7F; float: left; height: 119px; margin-bottom: 0; margin-left: 1px; margin-top: 0; padding: 0 5px 0 24px; width: 100%; }
body#home #toplevel-nav a#toplevel-home, body#allabout #toplevel-nav a#toplevel-allabout, body#prospective #toplevel-nav a#toplevel-prospective, body#students #toplevel-nav a#toplevel-students, body#services #toplevel-nav a#toplevel-services, body#academics #toplevel-nav a#toplevel-academics, body#research #toplevel-nav a#toplevel-research, body#news #toplevel-nav a#toplevel-news, body#alumni #toplevel-nav a#toplevel-alumni { background-color: #400512; cursor: default; }
body#about #toplevel-nav a#toplevel-about, body#future-students #toplevel-nav a#toplevel-futurestudents, body#employees #toplevel-nav a#toplevel-employees, body#professors #toplevel-nav a#toplevel-professors { background-color: #400512; cursor: default; }
/*LOCAL-TOPLEVEL - END*/
/*NEW-HOMEPAGE - CSS*/
#main-content { margin: 2px 0 0; padding: 0; width: 699px; }
#main-content { /*width: 729px;*/ padding-right: 0; padding-left: 14px; }
#section-container #sidebar { margin-left: 700px; margin-top: 0; width: 260px; }
#main-banner #main-branding #main-branding-logo a { cursor: default; }
#skip-to-faculties, #skip-to-departments, #skip-to-contact-info, #skip-to-search, #skip-to-footer { position: absolute; text-indent: -999em; }
#section-container form#global-site-search { border-bottom: 1px solid white; padding-right: 5px; }
.university-home #main-content { background: url("../images/bg-homepage-news-top.png") repeat-x scroll left top transparent; }
.university-home #main-content #news { background: url("../images/bg-homepage-news-bottom.png") repeat-x scroll left bottom transparent; border-bottom: 1px solid #A19FA0; padding: 15px 19px 15px 30px; }
.fr .university-home #main-content #news h2 { background-image: url("../images/heading-news-general-fr.png"); }
.university-home #main-content #news h3 { font-size: 1.1em; margin-bottom: 0.4em; margin-top: 1.4em; }
.university-home #main-content #news h3 a { color: #741026; }
.university-home #main-content #news h3 a:hover, .university-home #main-content #news h3 a:active, .university-home #main-content #news h3 a:focus { text-decoration: underline; }
.university-home #main-content #news p { color: #777777; font-size: 0; }
.university-home #main-content #news ul#social { display: block; float: right; margin: 0 0 -16px; padding: 0; position: relative; }
.university-home #main-content #news ul#social li { background: none repeat scroll 0 0 transparent; float: left; list-style: none outside none; margin: 0; padding: 0 0 0 5px; }
.university-home #main-content #news ul#social li a { display: block; height: 16px; margin: 0; padding: 0; text-indent: -10000px; width: 16px; }
.university-home #main-content #news ul#social a.facebook { background: url("../images/facebook-icon-16x16.png") no-repeat scroll 0 50% transparent; }
.university-home #main-content #news ul#social a.twitter { background: url("../images/twitter-icon-16x16.png") no-repeat scroll 0 50% transparent; }
.university-home #main-content #news ul#social a.youtube { background: url("../images/youtube-icon-16x16.png") no-repeat scroll 0 50% transparent; }
.university-home #main-content #news ul#social a.rss { background: url("../images/rss-icon-16x16.png") no-repeat scroll 0 50% transparent; }
.university-home #main-content #news .story { clear: both; }
.university-home #main-content #news .story a.more { color: #741026; text-decoration: none; white-space: nowrap; }
.university-home #main-content #news .story a.more:hover, .university-home #main-content #news .story a.more:active, .university-home #main-content #news .story a.more:focus { text-decoration: underline; }
.university-home #main-content #grouped-features { background: none repeat scroll 0 0 transparent; border: medium none; margin-top: 0; padding-left: 30px; padding-right: 0; }
.university-home #main-content #grouped-features .group .feature { margin-right: 11px; }
#fac-dept-lists { left: -9999em; position: absolute; }
#list-faculties, #list-departments { left: -9999em; position: absolute; top: 0; z-index: 900; }
.js-enabled #fac-dept-lists { height: 62px; left: 0; position: relative; width: 230px; z-index: 500; }
.js-enabled #list-faculties { left: 0; position: absolute; top: 0; z-index: 925; }
.js-enabled #list-departments { left: 0; position: absolute; top: 31px; }
#fac-dept-lists h2 { left: -9999em; position: absolute; }
#list-faculties, #list-faculties *, #list-departments, #list-departments * { margin: 0; padding: 0; }
#list-faculties ul, #list-departments ul { left: -9999em; margin: 0; position: absolute; }
#list-faculties li, #list-departments li { list-style: none outside none; }
#list-faculties, #list-departments { background: none no-repeat scroll left top transparent; height: 1px; padding-top: 19px; width: 230px; }
#list-faculties { background-image: url("../images/select-faculty-en.png"); }
#list-departments { background-image: url("../images/select-department-en.png"); }
.fr #list-faculties { background-image: url("../images/select-faculty-fr.png"); }
.fr #list-departments { background-image: url("../images/select-department-fr.png"); }
#list-faculties.expand ul, #list-departments.expand ul { -moz-border-bottom-colors: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; background: none repeat scroll 0 0 white; border-color: -moz-use-text-color #FFFFFF #FFFFFF; border-image: none; border-right: 1px solid #FFFFFF; border-style: none solid solid; border-width: medium 1px 1px; left: 0; position: static; }
#list-faculties.expand li, #list-departments.expand li { font-weight: normal; margin: 0; padding: 0; }
#list-faculties.expand a, #list-departments.expand a { color: #353535; display: block; height: 1em; padding: 3px 10px; text-decoration: none; width: auto; }
#list-faculties.expand li > a, #list-departments.expand li > a { height: auto; min-height: 1em; width: auto; }
#list-faculties.expand a:hover, #list-faculties.expand a:active, #list-faculties.expand a:focus, #list-departments.expand a:hover, #list-departments.expand a:active, #list-departments.expand a:focus { background-color: #7C6F65; color: #FFFFFF; }
#list-faculties.expand li.new-group, #list-departments.expand li.new-group { margin-top: 10px; }
#list-departments ul { height: 180px; overflow: auto; }
.university-home #sidebar .highlight { background: url("../images/bg-homepage-highlighted-links.png") repeat-x scroll left top #8A7C70; border-bottom: 1px solid white; padding: 10px 15px; }
.university-home #sidebar #highlighted-links { border: 1px solid white; padding: 12px 5px 12px 14px; }
h2#highlighted-links-title { background: url("../images/heading-highlighted-links-en.png") no-repeat scroll left top transparent; height: 19px; margin: 0; padding: 0; text-indent: -1000em; }
.fr h2#highlighted-links-title { background-image: url("../images/heading-highlighted-links-fr.png"); }
.en #highlighted-links h2.month-01 { background-image: url("../images/heading-highlighted-links-january-en.png"); }
.en #highlighted-links h2.month-02 { background-image: url("../images/heading-highlighted-links-february-en.png"); }
.en #highlighted-links h2.month-03 { background-image: url("../images/heading-highlighted-links-march-en.png"); }
.en #highlighted-links h2.month-04 { background-image: url("../images/heading-highlighted-links-april-en.png"); }
.en #highlighted-links h2.month-05 { background-image: url("../images/heading-highlighted-links-may-en.png"); }
.en #highlighted-links h2.month-06 { background-image: url("../images/heading-highlighted-links-june-en.png"); }
.en #highlighted-links h2.month-07 { background-image: url("../images/heading-highlighted-links-july-en.png"); }
.en #highlighted-links h2.month-08 { background-image: url("../images/heading-highlighted-links-august-en.png"); }
.en #highlighted-links h2.month-09 { background-image: url("../images/heading-highlighted-links-september-en.png"); }
.en #highlighted-links h2.month-10 { background-image: url("../images/heading-highlighted-links-october-en.png"); }
.en #highlighted-links h2.month-11 { background-image: url("../images/heading-highlighted-links-november-en.png"); }
.en #highlighted-links h2.month-12 { background-image: url("../images/heading-highlighted-links-december-en.png"); }
.fr #highlighted-links h2.month-01 { background-image: url("../images/heading-highlighted-links-january-fr.png"); }
.fr #highlighted-links h2.month-02 { background-image: url("../images/heading-highlighted-links-february-fr.png"); }
.fr #highlighted-links h2.month-03 { background-image: url("../images/heading-highlighted-links-march-fr.png"); }
.fr #highlighted-links h2.month-04 { background-image: url("../images/heading-highlighted-links-april-fr.png"); }
.fr #highlighted-links h2.month-05 { background-image: url("../images/heading-highlighted-links-may-fr.png"); }
.fr #highlighted-links h2.month-06 { background-image: url("../images/heading-highlighted-links-june-fr.png"); }
.fr #highlighted-links h2.month-07 { background-image: url("../images/heading-highlighted-links-july-fr.png"); }
.fr #highlighted-links h2.month-08 { background-image: url("../images/heading-highlighted-links-august-fr.png"); }
.fr #highlighted-links h2.month-09 { background-image: url("../images/heading-highlighted-links-september-fr.png"); }
.fr #highlighted-links h2.month-10 { background-image: url("../images/heading-highlighted-links-october-fr.png"); }
.fr #highlighted-links h2.month-11 { background-image: url("../images/heading-highlighted-links-november-fr.png"); }
.fr #highlighted-links h2.month-12 { background-image: url("../images/heading-highlighted-links-december-fr.png"); }
.university-home #sidebar #highlighted-links { color: #FFFFFF; }
.university-home #sidebar #highlighted-links a { color: #FFFFFF; text-decoration: none; }
.university-home #sidebar #highlighted-links a:hover, .university-home #sidebar #highlighted-links a:active, .university-home #sidebar #highlighted-links a:focus { text-decoration: underline; }
.university-home #sidebar #highlighted-links ul { margin-bottom: -0.7em; }
.university-home #sidebar #highlighted-links li { background: url("../images/bullet-highlighted-links.png") no-repeat scroll 0 0.1em transparent; padding-left: 20px; }
.university-home #sidebar #events { background: url("../images/bg-homepage-events.png") repeat-x scroll left top transparent; border-top: 1px solid #999999; display: none; margin: 0; padding: 14px; width: auto; }
.fr .university-home #sidebar #events-title { background-image: url("../images/heading-events-fr.png"); background-repeat: no-repeat; height: 30px; width: 200px; }
.university-home #sidebar #events-title span { display: block; left: -1000em; position: absolute; }
.university-home #sidebar #contact-info { margin-top: 0; width: auto; }
.university-home #sidebar #contact-info-title { height: 15px; margin-bottom: 0; }
.university-home #main-siteinfo { padding: 0 30px; width: 900px; }
.university-home #main-statements-contact { padding: 0 30px 30px; width: 900px; }
.university-home div.more { text-align: right; }
.university-home div.more a { color: #741026; text-decoration: none; }
.university-home div.more a:hover, .university-home div.more a:active, .university-home div.more a:focus { text-decoration: underline; }
/*NEW-HOMEPAGE - END*/
/*PRINT - CSS*/
#global-site-search { display: none; }
#breadcrumbs { display: none; }
#contact-info { display: block; }
#contact-info-title { font-size: 1.2em; font-weight: bold; margin-top: 1em; }
/*PRINT - END*/
/*STYLE-NEW-HOMEPAGE - CSS*/
.twtr-ft { display: none; }
html body, html body.fr { background: none repeat scroll 0 0 transparent !important; }
#section-container { background-color: #F7F7F6 !important; padding-top: 0 !important; }
.university-home #stories #stories-spotlight { border-style: none !important; float: left; height: 366px; position: relative; width: 720px; }
.university-home div#shadow { background: url("../images/shadow960.png") no-repeat scroll 0 0 transparent; height: 9px; width: 960px; z-index: 10; }
.university-home div#slideshow { -moz-border-bottom-colors: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; border-color: -moz-use-text-color; border-image: none; border-style: none !important; border-width: medium; float: left; height: 405px; position: relative; width: 720px; z-index: 10; }
#section-container #sidebar { background: none repeat scroll 0 0 #F0F0EA; float: right; margin-left: 0; margin-top: 0; min-height: 865px; width: 241px; }
.fr #section-container #sidebar { min-height: 855px; }
#section-container #sidebar-head { margin-left: 720px; margin-top: 0; width: 240px; }
#head-line { height: 42px; width: 960px; }
.university-home #sidebar-head .highlight { background: none repeat-x scroll left top #751026; border-bottom: 0 solid white; height: 405px; padding: 0; position: relative; width: 240px; z-index: 10; }
.fr .university-home #sidebar-head .highlight h1 { background: url("../images/itstartshere-fr.png") no-repeat scroll left 10px transparent; }
.university-home #sidebar-head .highlight h1 { background: url("../images/itstartshere.png") no-repeat scroll left 10px transparent; height: 108px; margin-bottom: 0 !important; margin-top: 0 !important; padding-top: 15px; text-indent: -9999px; }
.js-enabled #fac-dept-lists { height: 60px; left: 0; margin-left: 19px; margin-top: 15px; position: relative; width: 230px; z-index: 500; }
.university-home #sidebar-head #highlighted-links { border: medium none; margin-left: 19px; padding: 0; }
.university-home #sidebar-head #highlighted-links p { background: url("../images/highlighted-links-arrow.png") no-repeat scroll 0 0.1em transparent; color: #FFFFFF; font-family: Verdana,Helvetica,sans-serif; font-size: 11.5px; padding-bottom: 1px; padding-left: 20px; padding-right: 5px; }
.university-home #sidebar-head #highlighted-links p a { color: #FFFFFF; text-decoration: none; }
.university-home #main-content { background: none repeat scroll 0 0 transparent !important; float: left; }
#wrapper { border-style: none !important; clear: both; margin-top: 0; overflow: visible; padding-left: 10px; width: 697px; }
.university-home #main-content #news #news-media { height: 72px; margin-top: -15px; overflow: hidden; }
.university-home #main-content #news { background: none repeat scroll 0 0 white; border: 1px solid #E3E2E1; float: left; height: 101px; overflow: hidden; width: 407px; }
.fr .university-home #main-content #wrapper #news H2 { background-image: none !important; }
.university-home #main-content #news h2 { background-attachment: scroll; background-clip: border-box; background-color: rgba(0, 0, 0, 0); background-image: none !important; background-origin: padding-box; background-position: left 2px; background-repeat: no-repeat; background-size: auto auto; color: #751026; font-family: Verdana,Geneva,sans-serif; font-size: 18px; font-weight: 600; height: 22px; margin: -4px -10px 15px -22px; padding-left: 23px; text-indent: inherit; }
.university-home #main-content #news h3 { color: #72634D; font-size: 10.5px; margin-bottom: 0; margin-top: 8px; }
.university-home #main-content #news h3 a { color: #72634D; }
#expert { background-color: #FFFFFF; border: 1px solid #E3E2E1; display: block; height: 131px; margin-right: 3px; overflow: hidden; }
.university-home #expert #expert-pic { background-image: url("../images/expert-pic.png"); background-repeat: no-repeat; float: left; height: 140px; text-indent: -9999px; width: 98px; }
.university-home #expert #expert-desc { margin-top: 0; padding-left: 10px; }
.university-home #expert #expert-title { background: url("../images/feature-title-arrow.png") no-repeat scroll left 2px transparent; color: #751026; font-family: Verdana,Geneva,sans-serif; font-size: 18px; font-weight: 600; height: 23px; margin-left: -3px; margin-top: 10px; padding-left: 23px; }
.university-home #expert #expert-text { color: #72634D; font-family: Verdana,Geneva,sans-serif; font-size: 12px; margin-left: 22px; margin-top: 30px; }
#list-faculties, #list-departments { background: none no-repeat scroll left top transparent; height: 30px; padding-top: 0; width: 193px; }
.fr #list-faculties { background-image: url("../images/faculty-selection-fr.png"); }
.fr #list-departments { background-image: url("../images/department-selection-fr.png"); }
.en #list-faculties { background-image: url("../images/faculty-selection-en.png"); }
.en #list-departments { background-image: url("../images/department-selection-en.png"); }
/*#contact-info {
-moz-border-bottom-colors: none;
-moz-border-left-colors: none;
-moz-border-right-colors: none;
-moz-border-top-colors: none;
background: none repeat scroll 0 0 white !important;
border-color: #999999 #E3E2E1 #E3E2E1;
border-image: none;
border-right: 1px solid #E3E2E1;
border-style: solid;
border-width: 1px;
color: #787F7F;
float: left;
margin-bottom: 0;
margin-left: 1px;
margin-top: 0;
padding: 0 5px 0 24px;
width: 688px;
}*/

.phone {color: #990033; font-weight: bold;}
.university-home #main-content #news ul#social { display: block; float: right; margin: 0; padding: 0; position: relative; top: 0; }
.box-footer { height: 100px; margin-top: 5px; width: 410px; }
.rss-feed { float: right; width: 150px; }
.university-home #main-content #news ul#social li#subscribe { color: #5E5441; font-size: 10px; font-weight: bold; }
.university-home #main-content #news ul#social li.rss { background: url("../images/rss-feed.png") no-repeat scroll 0 0 transparent; height: 17px; margin-left: 5px; margin-top: -3px; }
.university-home #news div.more { float: left; text-align: left; }
.university-home div.more a { color: #741026; margin-right: 10px; text-decoration: none; }
.university-home div.divider { background: url("../images/dividing-line.png") no-repeat scroll 0 0 transparent; display: block; margin-bottom: 15px; text-indent: -9999px; }
.university-home #sidebar #events { background: none repeat scroll 0 0 transparent; border: medium none; display: block !important; }
.university-home #sidebar #events-title { background-image: none !important; }
.university-home #sidebar #events-title h2 { background: none repeat scroll 0 0 transparent !important; font-size: 18px; }
.university-home #sidebar #events-title h2 { background: none repeat scroll 0 0 transparent !important; font-size: 17px; }
.fr .university-home #sidebar #events-title { background: none repeat scroll 0 0 transparent !important; }
.fr .university-home #social-media h2 { font-size: 17px; }
.university-home #social-media h2 { font-size: 18px; margin-left: 15px; margin-top: 10px; }
.university-home #social-media div#icons { height: auto; margin-bottom: 10px; margin-left: 15px; margin-top: 10px; }
.university-home #social-media div#twitter-feeds { margin-left: 10px; margin-right: 10px; }
.fr .university-home #social-media div.more a { margin-top: 15px; }
.en .university-home #social-media div.more a { margin: 10px 10px 15px 15px; text-align: right; text-decoration: none; }
.university-home #address { margin-top: -9px; }
.university-home #phone { padding-top: 5px; width: 260px; }
.university-home #content { height: auto; width: 720px; }
#main-content #grouped-features { padding-left: 10px !important; }
#main-content #grouped-features .feature { border-top: medium none; clear: none; float: left; height: 240px; margin-right: 15px; margin-top: 0; padding-top: 0; width: 214px; }
#main-content #grouped-features .group:after { clear: none !important; }
#main-content #grouped-features .group { height: auto !important; }
#main-content .second { }
#main-content #grouped-features .first .feature h2 a { background-position: 0 10px; margin-top: 0; padding-top: 10px; }
#main-content #grouped-features .feature h2 { height: auto; padding-top: 2px; }
#main-content #grouped-features .feature h2 a { background: url("../images/feature-title-arrow.png") no-repeat scroll left 13px transparent; height: auto; padding-bottom: 5px; padding-left: 25px; padding-top: 15px; }
#main-content #grouped-features .feature ul { padding: 0 10px 0 30px; }
#main-content #grouped-features .divider { color: #FDFDFC; margin-top: 220px; }
#main-content #grouped-features .divider1 { background: none repeat scroll 0 0 transparent; color: #FDFDFC; margin-top: 220px; }
#main-content ul li { background: url("../images/feature-group-arrow.png") no-repeat scroll 0 0.3em transparent; margin-bottom: 0.25em; }
#main-content #grouped-features .feature p { color: #5E5441; font-weight: 700; padding-left: 31px; padding-right: 10px; }
#main-content #grouped-features .feature li { color: #5E5441 !important; }
#main-content #grouped-features .custom-box { -moz-border-bottom-colors: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; background-color: #FFFFFF; border-bottom: 1px solid #E3E2E1; border-image: none; border-left: 1px solid #E3E2E1; border-right: 1px solid #E3E2E1; border-top: 2px solid #72634D !important; height: 310px; width: 222px; }
#main-content #grouped-features .second .custom-box { margin-bottom: 40px; }
#sidebar #uocal-box { -moz-border-bottom-colors: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; background-color: #FFFFFF; border-bottom: 1px solid #E3E2E1; border-image: none; border-left: 1px solid #E3E2E1; border-right: 1px solid #E3E2E1; border-top: 2px solid #741026 !important; width: 229px; }
#main-content .custom-box { -moz-border-bottom-colors: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; background-color: #FFFFFF; border-bottom: 1px solid #E3E2E1; border-image: none; border-left: 1px solid #E3E2E1; border-right: 1px solid #E3E2E1; border-top: 2px solid #72634D !important; float: left; height: 310px; margin-left: 10px; margin-top: 25px; width: 223px; }
.fr #main-content .custom-box { height: 320px; }
#main-content .feature h2 p { background: url("../images/feature-title-arrow.png") no-repeat scroll 0 0 transparent; color: #741026 !important; display: block; float: none; height: auto; overflow: visible; padding-bottom: 5px; padding-left: 25px; padding-top: 2px; }
#main-content .second .feature .address p { font-weight: normal !important; }
#main-content .feature { clear: none !important; float: left; }
#main-content .feature h2 { font-family: Verdana,Geneva,sans-serif; font-size: 12px; font-weight: bold; padding: 0 5px 10px; }
#main-content .feature ul { margin-top: 10px; padding: 0 10px; }
#main-content .feature p { color: #5E5441; font-weight: 700; padding-left: 30px; padding-right: 5px; }
#main-content .first .feature img { margin-right: 0 !important; }
#main-content .feature ul { padding: 0 10px 0 30px; }
#sidebar #socialmedia-box { -moz-border-bottom-colors: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; background-color: #FFFFFF; border-bottom: 1px solid #E3E2E1; border-image: none; border-left: 1px solid #E3E2E1; border-right: 1px solid #E3E2E1; border-top: 2px solid #741026 !important; margin-top: 20px; width: 229px; }
#main-content #grouped-features .group { padding-top: 20px; }
/*STYLE-NEW-HOMEPAGE - END*/
/*TOP-LEVEL - CSS*/
/* Top-level page style sheet
* - 960px wide
* - uses layout introduced in fall 2008
*
* University of Ottawa
* Computing and Communications Services
*/
/* Layout */
html body, html body.fr { background: url(../images/gradient_box_960_png8.png) no-repeat; background-position-x: center; background-position-y: 64px; }
html > body, html > body.fr { background-position: 50% 64px; }
#main-container { width: 960px; }
#section-details { width: 217px; }
#section-details ul#local-nav { width: 217px; }
/* tagline */
.fr #main-banner #main-branding #main-branding-tagline { width: 325px; }
.en #main-banner #main-branding #main-branding-tagline { width: 300px; }
/** section container **/
#section-container { clear: both; top: 20px; padding-top: 1px; }
/*** remove in next update ***/
/** hide global nav **/
#main-globalnav { display: none; }
#stories { clear: both; }
/*** /remove in next update ***/
/** toplevel nav **/
#toplevel-nav { display: block; position: relative; float: left; left: 0px; top: -1px; background: #222; height: 19px; width: 955px; font-size: 1em; border-bottom: 1px solid #fff; }
#toplevel-nav, #toplevel-nav * { margin: 0; padding: 0; }
.fr #toplevel-nav { padding-left: 8px; width: 952px; }
/* both values should sum to 960px */
.en #toplevel-nav { padding-left: 8px; width: 952px; }
/* both values should sum to 960px */
#toplevel-nav li { list-style: none; float: left; text-align: center; background: url(../images/left-arrows.gif) no-repeat 1px 6px;}
#toplevel-nav a { font-size: 1.3em; display: block; font-family: Arial, Helvetica, sans-serif; color: white; font-weight: normal; text-decoration: none; padding: 3px 0px 7px 0px; white-space: nowrap; }
.fr #toplevel-nav a { padding-left: 17px; padding-right: 17px; }
.en #toplevel-nav a { padding-left: 16px; padding-right: 16px; }
.fr #toplevel-nav a#toplevel-alumni { padding-left: 15px; padding-right: 15px; }
#toplevel-nav a:hover, #toplevel-nav a:active, #toplevel-nav a:focus { outline: none;}
body#home #toplevel-nav a#toplevel-home, body#allabout #toplevel-nav a#toplevel-allabout, body#prospective #toplevel-nav a#toplevel-prospective, body#students #toplevel-nav a#toplevel-students, body#services #toplevel-nav a#toplevel-services, body#academics #toplevel-nav a#toplevel-academics, body#research #toplevel-nav a#toplevel-research, body#news #toplevel-nav a#toplevel-news, body#alumni #toplevel-nav a#toplevel-alumni { background-color: #400512; /* color of active state */ cursor: default; }
#main-banner, #page-links { width: 960px; }
h1#page-title { position: absolute; left: -9999em; }
/* Breadcrumb */
ul#breadcrumbs { display: none; }
/* Page tools */
.gateway #page-tools { display: none; }
/* Left nav */
ul#local-nav li.first { background-image: none; }
ul#local-nav { background-image: url(../images/bg-local-nav.png); }
ul#local-nav li a { background-image: url(../images/bg-local-nav-section.png); background-position: right center; }
ul#local-nav a, ul#local-nav li.expand ul, ul#local-nav li.expand { border-color: white; }
ul#local-nav a, ul#local-nav a:visited, ul#local-nav li.expand ul a, ul#local-nav li.expand ul a.current, ul#local-nav li.expand ul a:visited { font-weight: normal; color: #867660; }
ul#local-nav li a { padding-left: 24px; padding-right: 18px; width: 161px; margin-right: 14px; }
ul#local-nav li.new-group a { border-top: 1px solid #ddd; }
ul#local-nav li.new-group { margin-top: -1px; padding-top: 0; }
/* collapse left menu sub-menus even when no javascript */
ul#local-nav ul { position: absolute; left: -999em; }
/* Opt-in way to treat long words in IE6 */
#main-container #local-nav a span.long-word { width: 193px; margin-right: -32px; }
/* Correction for standards-compliant browsers, which by default deal with long-words correctly */
#main-container #local-nav a > span.long-word { width: auto; margin-right: 0; }
/* Contact information */
/*#contact-info {
padding-left: 24px;
padding-right: 5px;
width: 188px;
border-top-color: #999;
border-top-width: 1px;
margin-top: 32px;
background: url(../images/bg-contact-info.png) top left repeat-x;
color: #787f7f;
}*/
#contact-info-title { background-image: url(../images/contact-information-en.png); margin-bottom: 0.4em; }
.fr #contact-info-title { background-image: url(../images/contact-information-fr.png); }
/* Main content */
#main-content h1 { background-repeat: no-repeat; text-indent: -1000em; margin: 10px 0 18px; height: 25px; }
.landing-page #main-content h2 { text-indent: 0; }
#main-content ul { padding: 0; margin: 0; }
#main-content ul li { padding: 0; margin: 0; background: url(../images/bullet-box-arrow.png) 0 0.3em no-repeat; padding: 2px 0 2px 18px; margin-bottom: 0.4em; }
/* Highlighted features */
#main-content #highlighted-features { padding: 15px 17px 0; }
/* Clearfix for highlighted-features, groups inside as well*/
#main-content #highlighted-features { height: 1%; }
/* Required to trigger hasLayout in IE7 */
/* Correction for standard-compliant browsers */
#main-content #highlighted-features:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
#main-content #highlighted-features .group { height: 1%; }
/* Required to trigger hasLayout in IE7 */
/* Correction for standard-compliant browsers */
#main-content #highlighted-features .group:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
#main-content #highlighted-features .feature { float: left; clear: none; width: 210px; margin: 0; margin-right: 15px; }
#main-content #highlighted-features .feature h2 { margin-top: 0; height: auto; font-size: 1.4em; font-weight: bold; color: #741026; }
/* Grouped features */
#main-content #grouped-features { background: url(../images/bg-features.png) top left repeat-x; border-top: 1px solid #999; padding: 15px 17px 0; margin-top: 34px; }
#main-content #grouped-features .feature h2 { margin-top: 0; height: auto; font-size: 1.2em; font-weight: bold; color: #741026; }
#main-content #grouped-features .feature h2 a { float: none; overflow: visible; width: auto; text-decoration: none; color: #741026; display: block; padding-left: 14px; background: url(../images/bullet-feature-heading.png) left 0.2em no-repeat; }
#main-content #grouped-features .first .feature h2 a { display: block; margin-top: -86px; padding-top: 86px; position: relative; background-position: 0 88px; cursor: pointer; }
#main-content #grouped-features .feature h2 a:hover, #main-content #grouped-features .feature h2 a:active, #main-content #grouped-features .feature h2 a:focus { text-decoration: underline; }
/* Clearfix for grouped-features, groups inside as well*/
#main-content #grouped-features { height: 1%; }
/* Required to trigger hasLayout in IE7 */
/* Correction for standard-compliant browsers */
#main-content #grouped-features:after { content: "."; display: block; height: 0; clear: both; visibility: hidden;}
#main-content #grouped-features .group { height: 1%; }
/* Required to trigger hasLayout in IE7 */
/* Correction for standard-compliant browsers */
#main-content #grouped-features .group:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
#main-content #grouped-features .group { padding-bottom: 36px; }
#main-content #grouped-features .feature { float: left; clear: none; width: 210px; margin: 0; margin-right: 15px; border-top: 1px solid #a19fa0; padding-top: 10px; }
#main-content #grouped-features .offset1 { margin-left: 225px; }
#main-content #grouped-features .offset2 { margin-left: 450px; }
.university-home #main-content #grouped-features .offset1 { margin-left: 221px; }
.university-home #main-content #grouped-features .offset2 { margin-left: 442px; }
#main-content #grouped-features .first .feature { border-top: none; padding-top: 0; }
#main-content #grouped-features .feature img { float: none; display: block; margin: 0; margin-bottom: 19px; margin-top: -11px; border: none; }
#main-content #grouped-features .first .feature img { margin-top: 0; }
#main-content #grouped-features .feature img.left { float: left; margin-bottom: 8px; margin-right: 16px; margin-top: 0; display: inline; }
#main-content #grouped-features .feature img.right { float: right; margin-bottom: 8px; margin-left: 16px; margin-top: 0; display: inline; }
/* Grouped features without background image */
#main-content #grouped-features-nobg { padding: 15px 17px 0; margin-top: 34px; }
#main-content #grouped-features-nobg .feature h2 { margin-top: 0; height: auto; font-size: 1.2em; font-weight: bold; color: #741026; }
#main-content #grouped-features-nobg .feature h2 a { float: none; overflow: visible; width: auto; text-decoration: none; color: #741026; display: block; padding-left: 14px; background: url(../images/bullet-feature-heading.png) left 0.2em no-repeat; }
#main-content #grouped-features-nobg .first .feature h2 a { display: block; margin-top: -86px; padding-top: 86px; position: relative; background-position: 0 88px; cursor: pointer; }
#main-content #grouped-features-nobg .feature h2 a:hover, #main-content #grouped-features-nobg .feature h2 a:active, #main-content #grouped-features-nobg .feature h2 a:focus { text-decoration: underline; }
/* Clearfix for grouped-features, groups inside as well*/
#main-content #grouped-features-nobg { height: 1%; }
/* Required to trigger hasLayout in IE7 */
/* Correction for standard-compliant browsers */
#main-content #grouped-features-nobg:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
#main-content #grouped-features-nobg .group { height: 1%; }
/* Required to trigger hasLayout in IE7 */
/* Correction for standard-compliant browsers */
#main-content #grouped-features-nobg .group:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
#main-content #grouped-features-nobg .group { padding-bottom: 36px; }
#main-content #grouped-features-nobg .feature { float: left; clear: none; width: 210px; margin: 0; margin-right: 15px; border-top: 1px solid #a19fa0; padding-top: 10px; }
#main-content #grouped-features-nobg .offset1 { margin-left: 225px; }
#main-content #grouped-features-nobg .offset2 { margin-left: 450px; }
.university-home #main-content #grouped-features-nobg .offset1 { margin-left: 221px; }
.university-home #main-content #grouped-features-nobg .offset2 { margin-left: 442px; }
#main-content #grouped-features-nobg .first .feature { border-top: none; padding-top: 0; }
#main-content #grouped-features-nobg .feature img { float: none; display: block; margin: 0; margin-bottom: 19px; margin-top: -11px; border: none; }
#main-content #grouped-features-nobg .first .feature img { margin-top: 0; }
#main-content #grouped-features-nobg .feature img.left { float: left; margin-bottom: 8px; margin-right: 16px; margin-top: 0; display: inline; }
#main-content #grouped-features-nobg .feature img.right { float: right; margin-bottom: 8px; margin-left: 16px; margin-top: 0; display: inline; }
/* Footer */
#footer { margin-top:20px;}
#main-siteinfo, #main-statements-contact, #last-updated { padding-left: 248px; padding-right: 30px; width: 682px; }
#main-siteinfo { background-image: url(../images/footer-curve.png); }
#main-siteinfonav li { white-space: nowrap; }
/* Emergency Banner */
#main-container #emr-banner { width: 960px; }
#main-container #emr-banner #emr-msg { width: 760px; }
/*TOP-LEVEL - END*/
/* ---      dont need --- */
div#wrapper { margin: 0 auto; width: 960px; }
div#wrapper div#header, div#wrapper div#content, div#wrapper div#footer { width: 910px; }
div#wrapper div#header { background: #a6aaab; height: 115px; padding: 0 25px; text-transform: uppercase; }
div#wrapper div#header a.logo { float: left; margin-top: 20px; }
div#wrapper div#header a.logo img { border: none; }
div#wrapper div#header ul#top_menu { float: right; height: 35px; list-style: none; margin: 0; padding: 0; }
div#wrapper div#header ul#top_menu li { border-left: 1px solid white; float: left; height: 13px; padding: 22px 20px 0 5px; }
div#wrapper div#header ul#top_menu li a,
div#wrapper div#header ul#top_menu li.login a:hover { color: #cc0000; font-size: 14px; text-decoration: none; }
div#wrapper div#header ul#top_menu li.login a,
div#wrapper div#header ul#top_menu li a:hover { color: White; }
div#wrapper div#header p { clear: right; color: white; float: right; font-size: 37px; margin: 25px 0 0 0; }
div#wrapper div#content { background: white; min-height: 800px; padding: 0 25px 100px 25px; }
div#wrapper div#content h1 { color: #cc0000; font-size: 33px; margin: 0; padding: 15px 0; }
div#wrapper div#content > h1 { float: left; }
div#wrapper div#footer { background: #221e1f; height: 90px; padding: 20px 25px 0; }
div#wrapper div#footer, div#wrapper div#footer a.HeaderRedButton { font-family: Georgia, "Times New Roman", Times, serif; }
div#wrapper div#footer img { float: left; margin-right: 25px; }
div#wrapper div#footer p { color: white; float: right; font-size: 11px; font-weight: bold; margin: 0; padding-top: 29px; width: 785px; }
div#wrapper div#footer p a { color: White; float: right; text-decoration: none; }
div#wrapper div#footer p a:first-child { float: none; }
div#wrapper div#footer p a:hover { text-decoration: underline; }