@charset "utf-8";

/* Home Page screen style sheet
 * 
 * University of Ottawa
 * Computing and Communications Services
 */

/* Layout */
#main-content {	width: 699px; margin: 0; padding: 0; }
#section-container #sidebar { margin-left: 700px; width: 260px; margin-top: 0; }
 
/* Banner */
/* Don't display the pointer (hand) cursor when hovering over the banner logo */
#main-banner #main-branding #main-branding-logo a { cursor: default; }
 
/* Hide additional skip links */
#skip-to-faculties, #skip-to-departments, #skip-to-contact-info, #skip-to-search, #skip-to-footer { position: absolute; text-indent: -999em; }

/* Search box */
#section-container form#global-site-search { padding-right: 5px; border-bottom: 1px solid white; }

/* News */

.university-home #main-content {
	background: url(../img/bg-homepage-news-top.png) top left repeat-x;
}
.university-home #main-content #news {
	background: url(../img/bg-homepage-news-bottom.png) bottom left repeat-x;
	padding: 15px 19px 15px 30px;
	border-bottom: 1px solid #a19fa0;
}

.university-home #main-content #news h2 {
	background-repeat:no-repeat;
	text-indent:-1000em;
	background-image: url(../img/heading-news-general-en.png);
	height: 15px;
	margin: 0 0 15px;
}
.fr .university-home #main-content #news h2 {
	background-image: url(../img/heading-news-general-fr.png);
}

.university-home #main-content #news h3 {
	margin-bottom: 0.4em;
	margin-top: 1.4em;
	font-size: 1.1em;
}

.university-home #main-content #news h3 a { text-decoration: none; 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: #777;
}
.university-home #main-content #news a.feed {
	float: right;
	margin-top: -30px;
	padding: 2px 0 2px 19px;
	background: url(../img/feed-icon-14x14.png) no-repeat 0 50%;
	text-decoration: none;
	color: black;
}
.university-home #main-content #news a.feed:hover
, .university-home #main-content #news a.feed:active
, .university-home #main-content #news a.feed:focus
{
	text-decoration: underline;
}

.university-home #main-content #news .story a.more { text-decoration: none; color: #741026; 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;
}


/* Grouped features */
.university-home #main-content #grouped-features {
	margin-top: 0;
	background: none;
	border: none;
	padding-left: 30px;
	padding-right: 0;
}
.university-home #main-content #grouped-features .group .feature {
	margin-right: 11px;
}

/* Quickpicks */

.js-enabled .university-home #quickpicks { position: absolute; z-index: 950; top: 0; left: 0; }
#quickpicks li { list-style: none; }
.university-home #quickpicks.expand { height: auto; }

.university-home #quickpicks, .university-home #quickpicks * { margin: 0; }
.university-home #quickpicks ul { position: relative; left: -9999em; }
.university-home #quickpicks > ul, .university-home #quickpicks > ul ul { position: absolute; } /* required for Safari */
.university-home #quickpicks.expand ul { position: static; left: 0px; }
.university-home #quickpicks ul { background: white; border: 1px #fff solid; border-top: none; }
.university-home #quickpicks ul ul { border: none; margin-top: 5px; border-width: 0; }
.university-home #quickpicks li { padding: 5px 10px; font-weight: bold; }
.university-home #quickpicks li li { padding: 0; margin: 0 -10px; font-weight: normal; }
.university-home #quickpicks ul ul { left: 0; }
.university-home #quickpicks a { display: block; padding: 3px 10px; color: #353535; text-decoration: none; height: 1em; /* this fixes the gaps in IE */ width: 208px; /* this fixes the gaps in IE7 */ }
/* Correction for standards compliant browsers */
.university-home #quickpicks li > a { height: auto; min-height:1em; width: auto; }
.university-home #quickpicks a:hover, .university-home #quickpicks a:active, .university-home #quickpicks a:focus { background-color: #7c6f65; color: white; }
.university-home #local-quickpicks { border-bottom: 1px solid #ccc; }
.university-home #quickpicks li.new-group { margin-top: 10px; }

/* required for IE 6 */
.university-home #quickpicks { overflow: hidden; }
.university-home #quickpicks.expand { overflow: visible; }

/* Change appearance to fit fac/dept dropdown lists */
.university-home #quickpicks { background-image: url(../img/select-quickpicks-en.png); height: 1px; width: 230px; padding-top: 19px; }
.fr .university-home #quickpicks { background-image: url(../img/select-quickpicks-fr.png); }

/* Fac/Dept Dropdown list */
/* Hide by default */
#fac-dept-lists { position: absolute; left: -9999em; }
#list-faculties, #list-departments { position: absolute; top: 0; left: -9999em; z-index: 900; }
/* Show if javascript is enabled */
.js-enabled #fac-dept-lists { position: relative; left: 0; width: 230px; height: 93px; z-index: 500; }
.js-enabled #list-faculties { position: absolute;  top: 31px; left: 0; z-index: 925; }
.js-enabled #list-departments { position: absolute; top: 62px; left: 0; }
#fac-dept-lists h2 { position: absolute; left: -9999em; }

#list-faculties, #list-faculties *
, #list-departments, #list-departments * { margin: 0; padding: 0; }
#list-faculties ul, #list-departments ul { position: absolute; left: -9999em; margin: 0; }
#list-faculties li, #list-departments li { list-style: none; }
#list-faculties, #list-departments { height: 1px; width: 230px; padding-top: 19px; background: no-repeat top left; }
#list-faculties { background-image: url(../img/select-faculty-en.png); }
#list-departments { background-image: url(../img/select-department-en.png); }
.fr #list-faculties { background-image: url(../img/select-faculty-fr.png); }
.fr #list-departments { background-image: url(../img/select-department-fr.png);  }
#list-faculties.expand ul, #list-departments.expand ul { position: static; left: 0px; background: white; border: 1px #fff solid; border-top: none; }
#list-faculties.expand li, #list-departments.expand li { padding: 0; margin: 0 0px; font-weight: normal; }
#list-faculties.expand a, #list-departments.expand a { display: block; padding: 3px 10px; color: #353535; text-decoration: none; height: 1em; /* this fixes the gaps in IE */ width: auto; /* this fixes the gaps in IE7 */ }
/* Correction for standards compliant browsers */
#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: white; }
#list-faculties.expand li.new-group, #list-departments.expand li.new-group { margin-top: 10px; }

/* Allow scrolling for departments list */
#list-departments ul { height: 180px; overflow: auto; }


/* highlighted links */
.university-home #sidebar .highlight {
	background: #8a7c70 url(../img/bg-homepage-highlighted-links.png) top left repeat-x;
	border-bottom: 1px solid white;
	padding: 10px 15px 10px 15px;
}

.university-home #sidebar #highlighted-links {
	border: 1px solid white;
	padding: 12px 5px 12px 14px;
}

h2#highlighted-links-title {
	background: url(../img/heading-highlighted-links-en.png) top left no-repeat;
	height: 19px;
	margin: 0; padding: 0;
	text-indent: -1000em;
}
.fr h2#highlighted-links-title {
	background-image: url(../img/heading-highlighted-links-fr.png);
}

/* Links for this month e.g. Links for December */
.en #highlighted-links h2.month-01 { background-image: url(../img/heading-highlighted-links-january-en.png); }
.en #highlighted-links h2.month-02 { background-image: url(../img/heading-highlighted-links-february-en.png); }
.en #highlighted-links h2.month-03 { background-image: url(../img/heading-highlighted-links-march-en.png); }
.en #highlighted-links h2.month-04 { background-image: url(../img/heading-highlighted-links-april-en.png); }
.en #highlighted-links h2.month-05 { background-image: url(../img/heading-highlighted-links-may-en.png); }
.en #highlighted-links h2.month-06 { background-image: url(../img/heading-highlighted-links-june-en.png); }
.en #highlighted-links h2.month-07 { background-image: url(../img/heading-highlighted-links-july-en.png); }
.en #highlighted-links h2.month-08 { background-image: url(../img/heading-highlighted-links-august-en.png); }
.en #highlighted-links h2.month-09 { background-image: url(../img/heading-highlighted-links-september-en.png); }
.en #highlighted-links h2.month-10 { background-image: url(../img/heading-highlighted-links-october-en.png); }
.en #highlighted-links h2.month-11 { background-image: url(../img/heading-highlighted-links-november-en.png); }
.en #highlighted-links h2.month-12 { background-image: url(../img/heading-highlighted-links-december-en.png); }

.fr #highlighted-links h2.month-01 { background-image: url(../img/heading-highlighted-links-january-fr.png); }
.fr #highlighted-links h2.month-02 { background-image: url(../img/heading-highlighted-links-february-fr.png); }
.fr #highlighted-links h2.month-03 { background-image: url(../img/heading-highlighted-links-march-fr.png); }
.fr #highlighted-links h2.month-04 { background-image: url(../img/heading-highlighted-links-april-fr.png); }
.fr #highlighted-links h2.month-05 { background-image: url(../img/heading-highlighted-links-may-fr.png); }
.fr #highlighted-links h2.month-06 { background-image: url(../img/heading-highlighted-links-june-fr.png); }
.fr #highlighted-links h2.month-07 { background-image: url(../img/heading-highlighted-links-july-fr.png); }
.fr #highlighted-links h2.month-08 { background-image: url(../img/heading-highlighted-links-august-fr.png); }
.fr #highlighted-links h2.month-09 { background-image: url(../img/heading-highlighted-links-september-fr.png); }
.fr #highlighted-links h2.month-10 { background-image: url(../img/heading-highlighted-links-october-fr.png); }
.fr #highlighted-links h2.month-11 { background-image: url(../img/heading-highlighted-links-november-fr.png); }
.fr #highlighted-links h2.month-12 { background-image: url(../img/heading-highlighted-links-december-fr.png); }

.university-home #sidebar #highlighted-links { color: white; }
.university-home #sidebar #highlighted-links a { color: white; 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(../img/bullet-highlighted-links.png) 0 0.1em no-repeat;
	padding-left: 20px;
}

/* Events */
.university-home #sidebar #events {
	/* hide by default */
	display: none;
	background: url(../img/bg-homepage-events.png) top left repeat-x;
	width: auto;
	border-top: 1px solid #999;
	margin: 0;
	padding: 14px;
}
.university-home #sidebar #events-title {
	margin-bottom: 1em;
	height: 15px;
	background: url(../img/heading-events-en.png) top left no-repeat;
	text-indent: -1000em;
}
.fr .university-home #sidebar #events-title {
	background-image: url(../img/heading-events-fr.png);
	height: 17px;
	margin-top: -3px;
}

/* Contact Info */
.university-home #sidebar #contact-info {
	width: auto;
	margin-top: 0;
}
.university-home #sidebar #contact-info-title {
	margin-bottom: 0;
	height: 15px;
}

/* Footer */
.university-home #main-siteinfo {
	width: 900px;
	padding: 30px;
}
.university-home #main-statements-contact {
	width: auto;
	padding: 1em 0 0;
}

/* Common */
.university-home div.more { text-align: right; }
.university-home div.more a { text-decoration: none; color: #741026; }
.university-home div.more a:hover
, .university-home div.more a:active
, .university-home div.more a:focus 
{
	text-decoration: underline;
}