@charset "utf-8";

/* Local navigation style sheet
 * - handles basic rendering, positioning and behaviour
 * 
 * University of Ottawa
 * Computing and Communications Services
 */

ul#local-nav { background-repeat: repeat-y; }

ul#local-nav, ul#local-nav * {
	padding: 0; margin: 0; list-style: none;
}

ul#local-nav a {
	display: block;
	border-bottom: 1px solid #ccc;
	padding: 0.6em 20px 0.6em 24px;
	text-decoration: none;
	font-weight: bold;
	height: 1em; /* this fixes the gaps in IE */
	width: 130px; /* this fixes the gaps in IE7 */
}
/* Correction for standards compliant browsers */
html>body ul#local-nav li > a { height: auto; min-height:1em; width: auto; }

ul#local-nav a, ul#local-nav a:visited {
	color: #777;
}

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: none;
}
ul#local-nav li ul {
	padding: 0.5em 0;
}

ul#local-nav li.expand {
	border-bottom: 1px solid #ccc;
}

ul#local-nav li ul a {
	margin: 0;
	font-weight: normal;
	padding-top: 0.5em;
	padding-bottom: 0.5em;
	border: none;
}

ul#local-nav li.new-group {
	padding-top: 1px;
}

ul#local-nav li.new-group a {
	border-top: 4px solid #ccc;
}

ul#local-nav li.new-group ul li a {
	border: none;
}


/* Default images and backgrounds */
#main-container ul#local-nav { background-image: url(../img/bg-local-nav.png); }
#main-container ul#local-nav li.first {	background: none; }
ul#local-nav a { background: no-repeat bottom right; }
ul#local-nav li ul { background: white; }
ul#local-nav li ul a, ul#local-nav li.expand ul a { background: none; }
ul#local-nav a.current, ul#local-nav li.expand ul li a.current { font-weight: bold; }

/* Section photo */
#section-photo { background-repeat: no-repeat; height: 109px; border-top: 1px solid white; }

/* Opt-in way to treat long words in IE6 */
#local-nav a span.long-word { display: block; width: 150px; margin-right: -20px; word-wrap: break-word; }
/* Correction for standards-compliant browsers, which by default deal with long-words correctly */
#local-nav a > span.long-word { display: inline; width: auto; margin-right: 0; word-wrap: normal; }