/* -- TOP MENU -- */

#topmenu {
	
	display: block;
	position: relative;
	width: 590px;
	margin: 0px;
	height: 27px;
	padding: 8px 0px 12px 180px;
 	/* use overflow to stop IE weirdness with rollovers */
	overflow: hidden;	
}
	
#topmenu ul {
	
	display: block; 
	position: relative;
	float: left;
	margin: 0px;
	padding: 0px;
}
	
#topmenu ul li {
	
	display: block;
	position: relative;
	float: left;
	list-style: none;
	margin: 0px;
	padding: 0px;
}

#topmenu ul li a {
	display: block;
	margin: 0px;
	height: 27px;
}
	
#topmenu ul li a span {
	display: none;
}

#top-menu-1, #top-menu-1 a {
	width: 110px;
	background: transparent url('../gif/menubar_en.gif') 0px 0px no-repeat;
}

#top-menu-2, #top-menu-2 a {
	width: 166px;
	background: transparent url('../gif/menubar_en.gif') -110px 0px no-repeat;
}

#top-menu-3, #top-menu-3 a {
	width: 108px;
	background: transparent url('../gif/menubar_en.gif') -276px 0px no-repeat;
}

#top-menu-4, #top-menu-4 a {
	width: 94px;
	background: transparent url('../gif/menubar_en.gif') -384px 0px no-repeat;
}

#top-menu-5, #top-menu-5 a {
	width: 110px;
	background: transparent url('../gif/menubar_en.gif') -478px 0px no-repeat;
}



#top-menu-1 a:hover {	background: transparent url('../gif/menubar_en.gif') -0px -27px no-repeat; }
#top-menu-2 a:hover {	background: transparent url('../gif/menubar_en.gif') -110px -27px no-repeat; }
#top-menu-3 a:hover {	background: transparent url('../gif/menubar_en.gif') -276px -27px no-repeat; }
#top-menu-4 a:hover {	background: transparent url('../gif/menubar_en.gif') -384px -27px no-repeat; }
#top-menu-5 a:hover {	background: transparent url('../gif/menubar_en.gif') -478px -27px no-repeat; }

/* -- SET CURRENT SECTION TO ON STATE -- */

.commitment-section ul #top-menu-1, .commitment-section ul #top-menu-1 a { background: transparent url('../gif/menubar_en.gif') -0px -27px no-repeat; }
.economic-section ul #top-menu-2, .economic-section ul #top-menu-2 a { background: transparent url('../gif/menubar_en.gif') -110px -27px no-repeat; }
.communities-section ul #top-menu-3, .communities-section ul #top-menu-3 a { background: transparent url('../gif/menubar_en.gif') -276px -27px no-repeat; }
.workplace-section ul #top-menu-4, .workplace-section ul #top-menu-4 a { background: transparent url('../gif/menubar_en.gif') -384px -27px no-repeat; }
.environment-section ul #top-menu-5, .environment-section ul #top-menu-5 a { background: transparent url('../gif/menubar_en.gif')  -478px -27px no-repeat; }
   
/* -- SIDEBAR -- */
	
#sidebar {
	
	display: block;
	position: absolute;
	z-index: 10;
	
	top: 0px;
	left: 0px;
	
	width: 170px;
	margin: 0px;
	padding: 0px;
}
	
#frogsidebar {
	
	display: block;
	position: relative;

	background: transparent url('../jpg/frog_sidebar.jpg') top left no-repeat;
	width: 136px;
	height: 100px;
	
	margin: 20px 0px 0px 20px;
	padding: 0px 0px 0px 0px;
}
	
/* -- LEFT NAV -- */
	
#leftmenu {
	
	display: block;
	position: relative;
	
	width: 170px;
	margin: 0px;
	padding: 0px;
}
	
#leftmenu ul {
	
	display: block;
	position: relative;
	
	background: transparent url('../gif/hr_grayline.gif') bottom left no-repeat;
	margin: 0px 0px 0px 20px;
	padding: 15px 0px 3px 0px;
}
	
#leftmenu ul li{
	
	display: block;
	position: relative;
	background: transparent url('../gif/hr_grayline.gif') top left no-repeat;
	
	margin: 0px;
	padding: 6px 0px 3px 3px;
	list-style: none;
   
   width: 140px;
   width/**/:/**/ 137px;
}

#leftmenu ul li a, #leftmenu ul li a:visited {
	
	display: block;
	position: relative;
	color: #333;

   font-size: 11px;
	padding: 0px 10px 0px 0px;
	margin: 0px;
	text-decoration: none;
   width: 137px;
   width/**/:/**/ 127px;
   
}
	
#leftmenu ul li.closed a {
	font-size: 11px;
	background: transparent url('../gif/menu_arrow_closed.gif') center right no-repeat;   
}

#leftmenu ul li.two a, #leftmenu ul li.two a:visited{

	padding-left: 10px;
	font-size: 11px;
	color: #666;
   width: 127px;
   width/**/:/**/ 117px;
}

#leftmenu ul li.open a {
	background: transparent url('../gif/menu_arrow_open.gif') center right no-repeat;
}

#leftmenu ul li a:hover {
	text-decoration: underline;
}
	
#leftmenu ul li.current a {
	color:#4C166C;	
	font-weight: bold;
	font-size: 1.1em;
}

/* HIDE EVERY SECOND LEVEL MENU ITEM */

#leftmenu ul li.two {
   display: none;
}

/* SHOW CORRECT SECOND LEVEL NAV BASED ON CURRENT GROUP */

.group1 #leftmenu ul li.group1 {
   display: block;
}
.group2 #leftmenu ul li.group2 {
   display: block;
}
.group3 #leftmenu ul li.group3 {
   display: block;
}
.group4 #leftmenu ul li.group4 {
   display: block;
}

/* CHANGE ARROW DEPENDING ON CURRENT GROUP */

.group1 #leftmenu ul li.category1 a {
	background: transparent url('../gif/menu_arrow_open.gif') center right no-repeat;
}
.group2 #leftmenu ul li.category2 a {
	background: transparent url('../gif/menu_arrow_open.gif') center right no-repeat;
}
.group3 #leftmenu ul li.category3 a {
	background: transparent url('../gif/menu_arrow_open.gif') center right no-repeat;
}
.group4 #leftmenu ul li.category4 a {
	background: transparent url('../gif/menu_arrow_open.gif') center right no-repeat;
}

/* SET CURRENT PAGE HIGHLIGHT */

/* COMMITMENT */
.profile-page #leftmenu ul #profile-menu a { color:#4C166C; font-weight: bold; font-size: 11px; }
.our-commitment-page #leftmenu ul #our-commitment-menu a { color:#4C166C; font-weight: bold; font-size: 11px; }
.sustainability-targets-page #leftmenu ul #sustainability-targets-menu a { color:#4C166C; font-weight: bold; font-size: 11px; }
.teleworking-at-telus-page #leftmenu ul #teleworking-at-telus-menu a { color:#4C166C; font-weight: bold; font-size: 11px; }
.business-and-management-practices-page #leftmenu ul #business-and-management-practices-menu a { color:#4C166C; font-weight: bold; font-size: 11px; }
.growing-together-with-our-stakeholders-page #leftmenu ul #growing-together-with-our-stakeholders-menu a { color:#4C166C; font-weight: bold; font-size: 11px; }
.auditors-report-page #leftmenu ul #auditors-report-menu a { color:#4C166C; font-weight: bold; font-size: 11px; }
.comments-from-auditors-page #leftmenu ul #comments-from-auditors-menu a { color:#4C166C; font-weight: bold; font-size: 11px; }
.gri-guidelines-page #leftmenu ul #gri-guidelines-menu a { color:#4C166C; font-weight: bold; font-size: 11px; }
.respecting-our-past-page #leftmenu ul #respecting-our-past-menu a { color:#4C166C; font-weight: bold; font-size: 11px; }


/* ECONOMIC PERFORMANCE */

.performance-intro-page #leftmenu ul #performance-intro-menu a { color:#4C166C; font-weight: bold; font-size: 11px; }
.awards-for-excellence-page #leftmenu ul #awards-for-excellence-menu a { color:#4C166C; font-weight: bold; font-size: 11px; }

/* COMMUNITIES */

.TELUS-community-boards-page #leftmenu ul #TELUS-community-boards-menu a { color:#4C166C; font-weight: bold; font-size: 11px; }
.arts-and-culture-page #leftmenu ul #arts-and-culture-menu a { color:#4C166C; font-weight: bold; font-size: 11px; }
.education-and-sport-page #leftmenu ul #education-and-sport-menu a { color:#4C166C; font-weight: bold; font-size: 11px; }
.health-and-well-being-page #leftmenu ul #health-and-well-being-menu a { color:#4C166C; font-weight: bold; font-size: 11px; }
.TELUS-community-ambassadors-page #leftmenu ul #TELUS-community-ambassadors-menu a { color:#4C166C; font-weight: bold; font-size: 11px; }
.team-TELUS-cares-page #leftmenu ul #team-TELUS-cares-menu a { color:#4C166C; font-weight: bold; font-size: 11px; }
.government-essentials-program-page #leftmenu ul #government-essentials-program-menu a { color:#4C166C; font-weight: bold; font-size: 11px; }

/* WORKPLACE */

.workplace-page #leftmenu ul #workplace-menu a { color:#4C166C; font-weight: bold; font-size: 11px; }
.supporting-team-members-page #leftmenu ul #supporting-team-members-menu a { color:#4C166C; font-weight: bold; font-size: 11px; }
.spirited-teamwork-sessions-page #leftmenu ul #spirited-teamwork-sessions-menu a { color:#4C166C; font-weight: bold; font-size: 11px; }
.health-and-safety-in-the-workplace-page #leftmenu ul #health-and-safety-in-the-workplace-menu a { color:#4C166C; font-weight: bold; font-size: 11px; }
.corporate-wellness-page #leftmenu ul #corporate-wellness-menu a { color:#4C166C; font-weight: bold; font-size: 11px; }
.respectful-workplace-page #leftmenu ul #respectful-workplace-menu a { color:#4C166C; font-weight: bold; font-size: 11px; }
.team-member-compensation-page #leftmenu ul #team-member-compensation-menu a { color:#4C166C; font-weight: bold; font-size: 11px; }
.developing-the-TELUS-team-page #leftmenu ul #developing-the-TELUS-team-menu a { color:#4C166C; font-weight: bold; font-size: 11px; }
.leadership-excellence-page #leftmenu ul #leadership-excellence-menu a { color:#4C166C; font-weight: bold; font-size: 11px; }


/* ENVIRONMENT */

.environment-intro-page #leftmenu ul #environment-intro-menu a { color:#4C166C; font-weight: bold; font-size: 11px; }
.managing-environmental-risk-page #leftmenu ul #managing-environmental-risk-menu a { color:#4C166C; font-weight: bold; font-size: 11px; }
.energy-and-resource-management-page #leftmenu ul #energy-and-resource-management-menu a { color:#4C166C; font-weight: bold; font-size: 11px; }
.recycling-page #leftmenu ul #recycling-menu a { color:#4C166C; font-weight: bold; font-size: 11px; }
.product-responsibility-page #leftmenu ul #product-responsibility-menu a { color:#4C166C; font-weight: bold; font-size: 11px; }