/* sideNavCSS.css  -- CSS Document for Primary Side Navigation  */ 
/*                    Javascript is used to control some menu behaviors */

.hide{ display: none; }  /* used to hide and show submenus */
.show{ display: block; }

/* navContainer -- these is the overall sideNav container */
/* ================================== */
#navContainer {
    width: 185px; 
	padding-bottom: 10px;
	margin: 0px;
	padding: 0px;

 }

/* First Level sideNav -- styles Anchors decendant  to navContainer ID
================================== */
#navContainer a
{
	display: block;
	padding-top: 6px;
	padding-right: 0px;
	padding-bottom: 6px;
	padding-left: 16px;
	color: #0067b3;
	text-decoration: none;
	text-transform:uppercase;
	font-family:  Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight:normal;
	background-image:url(../image/menu.gif);
 	background-repeat: no-repeat;
}

#navContainer a:hover {
	text-decoration:none;
	color: #FFFFFF;
	background-image:url(../image/menuHover.gif);
 	background-repeat: no-repeat;
}

#navContainer ul {
	list-style-type: none;
	width: 100%;

}

#navContainer li {
	display: inline;  /* ####  This fixes extra vertical space in UL LI Win IE Bug */
	
}

/* First Level Anchors decendant of Body > Class : Highlight selected menu bar */
body.aboutRSB #aboutRSB #menuBar1 A,
body.governance #governance #menuBar2 A,
body.financial #financial #menuBar3 A,
body.annualReports #annualReports #menuBar4 A,
body.analystCoverage #analystCoverage #menuBar5 A,
body.news #news #menuBar6 A,
body.ratings #ratings #menuBar7 A,
body.capitalMarkets #capitalMarkets #menuBar8 A,
body.contact #contact #menuBar9 A,
body.alerts #alerts #menuBar10 A

{
	background-image:url(../image/menuSelected.gif);
	background-repeat: no-repeat;
	color: #FFF;
}

/* First Level Hover for Body Class */
body.aboutRSB #aboutRSB #menuBar1 A:hover,
body.governance #governance #menuBar2 A:hover,
body.financial #financial #menuBar3 A:hover,
body.annualReports #annualReports #menuBar4 A:hover,
body.analystCoverage #analystCoverage #menuBar5 A:hover,
body.news #news #menuBar6 A:hover,
body.ratings #ratings #menuBar7 A:hover,

body.capitalMarkets #capitalMarkets #menuBar8 A:hover,
body.contact #contact #menuBar9 A:hover,
body.alerts #alerts #menuBar10 A:hover

{
	color: #FFF;
	background-image:url(../image/menuSelected.gif);
	background-repeat: no-repeat;
	text-decoration:none;
}


/* These styles forces the submenu to remain open based on Body decendant class and submenu id */
body.aboutRSB #m1,
body.governance #m2,
body.financial #m3,
body.annualReports #m4,
body.analystCoverage #m5,
body.news #m6,
body.ratings #m7,
body.capitalMarkets #m8,
body.contact #m9,
body.alerts #m10
{
	display: block;
		background-image:url(../image/menuGrade.gif);
		background-repeat: no-repeat;


	
}

/* Second Level Nav -- submenu Anchors -- styles nested list of navContainer
================================== */

#navContainer li li a {
	display: block;
	color: #0067b3;
	text-decoration: none;
	text-transform:uppercase;
	font-size: 9px;
	font-weight: normal;
	position:relative;
	left: -20px;  /* positions submenu relative to parent menu item */
	top: 0px;
	height: 12px; /*  controls vertical spacing of text */
	width: 140px;
	margin-bottom: 1px; 
	padding-top: 3px;
	padding-right: 0px;
	padding-bottom: 3px;
	padding-left: 15px; /* indents text for bullet */
 	/*background-color:#FFFFFF; */
	background-image:url(../image/blueBullet.gif);
	background-repeat:no-repeat;
	background-position: 0px 3px; /* this can be used to control placement of bullet  to text */
}

#navContainer li li a:hover {
	text-decoration: underline;
	background-image:url(../image/ywBullet.gif);
	background-repeat:no-repeat;
	color: #0067b3;
}