@charset "utf-8";

/* Top-level page style sheet
 * - 960px wide
 * - uses layout introduced in fall 2008
 * 
 * University of Ottawa
 * Computing and Communications Services
 */

/* Layout */
#main-container 				{ width: 960px; }
#main-content 					{ width: 729px; padding-right: 0; padding-left: 14px; }
#section-details 				{ width: 217px; }
#section-details ul#local-nav	{ width: 217px; }

/* Banner: adapt to 960px width */
body { background: none; }
#main-banner, #page-links { width: 960px; }
#main-banner #main-globalnav { padding-left: 11px; }
#main-banner #main-globalnav a { font-size: 1.3em; padding-left: 13px; padding-right: 13px; }
#main-banner #main-globalnav .last a { padding-right: 13px; }

.fr #main-banner #main-globalnav { padding-left: 5px; }
.fr #main-banner #main-globalnav a { font-size: 1.3em; padding-left: 19px; padding-right: 19px; }
.fr #main-banner #main-globalnav .last a { padding-right: 19px; }

h1#page-title { position: absolute; left: -9999em; }

/* Breadcrumb */
ul#breadcrumbs {
	margin: 0; padding: 0;
	border-top: 1px solid white;
	border-bottom: 1px solid #d3cbc6;
	background: url(../img/bg-section-header.png) top left repeat-x;
	width: auto;
	padding: 0.6em 28px 0.7em 24px;
}
ul#breadcrumbs li {
	margin: 0; padding: 0;
	list-style: none;
	display: inline;
	margin-right: 3px;
	font-size: 0.9em;
	color: #867660;
}
ul#breadcrumbs li a {
	background: url(../img/bg-breadcrumb-link.png) right 60% no-repeat;
	padding: 0 12px 0 0;
	color: #867660;
}

/* Page tools */
#page-tools {
	height: 0;
	z-index: auto;
	margin: 0;
	left: 659px;
	top: 0;
	text-indent: -1000em;
	width: 293px;
}

#page-tools #quickpicks.js-enabled { position: absolute; top: 3px; left: 110px; text-indent: 0; }

#tools-resize span, #tools-resize-label span { background: none; }
#tools-print span
, #tools-email span
, #tools-resize-small span
, #tools-resize-medium span
, #tools-resize-large span
{
	background-image: url(../img/page-tools-sprite.png);
	background-repeat: no-repeat;
}

#tools-resize
, .fr #tools-resize {
	top: 6px;
	left: 0;
	padding: 0;
	margin: 0;
	width: 40px;
	height: 14px;
}
.fr #tools-resize ul  { margin-left: 0; }

#tools-resize li { margin: 0 2px 0 0; }
#tools-resize li
, #tools-resize a
{
	width: 11px;
	height: 14px;
}

#tools-resize #tools-resize-small	{ left: 0; }
#tools-resize #tools-resize-medium	{ left: 0px; }
#tools-resize #tools-resize-large	{ left: 0px; }

#tools-resize #tools-resize-small span			{ background-position: 0 0; }
#tools-resize #tools-resize-medium span			{ background-position: -13px 0; }
#tools-resize #tools-resize-large span			{ background-position: -26px 0; }
#tools-resize #tools-resize-small.current span	{ background-position: 0 -16px; }
#tools-resize #tools-resize-medium.current span	{ background-position: -13px -16px; }
#tools-resize #tools-resize-large.current span	{ background-position: -26px -16px; }

#tools-print
, .fr #tools-print {
	height: 16px;
	width: 16px;
	top: 4px;
	left: 51px;
}
#tools-print span
, #tools-print.over span
, #tools-print.current span
, #tools-print:focus span
{
	background-position: -51px 0;
}

#tools-email
, .fr #tools-email {
	height: 11px;
	width: 16px;
	top: 7px;
	left: 79px;
}
#tools-email span
, #tools-email.over span
, #tools-email.current span
, #tools-email:focus span
{
	background-position: -79px 0;
}

/* Left nav */
ul#local-nav li.first	{ background-image: none; }
ul#local-nav 			{ background-image: url(../img/bg-local-nav.png); }
ul#local-nav li a {
	background-image: url(../img/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: none;
}

/* collapse left menu sub-menus even when no javascript */
ul#local-nav ul {
	position:absolute;
	left: -999em;
}

/* 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(../img/bg-contact-info.png) top left repeat-x;
	color: #787f7f;
}
#contact-info-title { 
	background-image: url(../img/contact-information-en.png);
	margin-bottom: 0.4em;
}
.fr #contact-info-title {
	background-image: url(../img/contact-information-fr.png);
}

/* Main content */

#main-content h1 {
	background-repeat:no-repeat;
	text-indent:-1000em;
	margin: 0 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(../img/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(../img/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(../img/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;
}

/* Footer */

#main-siteinfo
, #main-statements-contact
, #last-updated
{
	padding-left: 248px;
	padding-right: 30px;
	width: 682px;
}

#main-siteinfo {
	background-image: url(../img/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; }