/* NAVIGATION BUTTONS CSS */

/* ===========================================================
GLOBAL/TOP LEVEL STYLES
--------------------------------------------------------------*/
#nav, #nav ul {

	/* set the global font size */
	font-size:11px;
	
	/* bold all the main buttons */
	font-weight: bold;
	
	/* remove the bullets from the unordered list : mozilla/firefox only */
	list-style: none;

	/* decrease the default letter spacing */
	letter-spacing: -0.095em;
	
	/* remove the padding: mozilla/firefox only */	
	padding: 0;

	/* remove the margin */
	margin: 0px;
}

#nav a {
	/* display in block format */
	display:block;
	
	/* set the color of the hyperlinks */
	color: #1A1E1E;
	
	/* background color set for standards compatibility */
	background-color:inherit;
	
	/* add padding around the buttons */
	padding: 5px;
	
	/* center all the text */
	text-align:left;
	padding-left:8px;
}


/* ===========================================================
SUB MENU STYLES 
--------------------------------------------------------------*/
#nav li ul li a{
	/* stretch the anchor to fill the entire dropdown menu */
	width:100%;
	
	/* set padding for the submenus */
	padding-left:6px;
	/* set the color of the border that divides the submenu */	
	border-bottom: solid 1px #FFFEFB;
	
	/* re-align the submenus to the left */
	text-align:left;

	/* set the background colour */
	background-color:#F8ECDC;
	
	/* color set for standards compatibility */
	color:inherit;
	
	letter-spacing:normal;

}

#nav li ul li, #nav li ul {
	/* set the width of the submenus to the entire size of the top level menu */
	width:100%;
}

#nav li {
	/* float the buttons in a horizontal column instead of vertical */
	float: left;
}

#nav li ul {
	/* hide the dropdown menus by moving them -999em off the screen */
	position: absolute;
	left: -999em; 
	
	/* remove the boldness from the sub-menus */	
	font-weight: normal;
}

/* ===========================================================
NAVIGATION BUTTONS 
--------------------------------------------------------------*/
/* set the background image, width, and height of the anchor for each button */

/* .mainButton class is used to set the width of the anchor in the hyperlink
	internet explorer fix */
	
/* #nav [buttonName] ul is used to set the width of the dropdown */

/*HOME*/
#nav .homepage_page_label_fr {
	background-image:url(../img/common/dropDownMenu/home-fr.jpg);
	width: 56px;
}

	#nav .homepage_page_label_fr .mainButton {
		height:16px;
	}

/*CLIENT ACCOUNTS*/
#nav .clientaccount_book_label_fr
{
	background-image:url(../img/common/dropDownMenu/clientAccounts-fr.jpg);
	width: 104px;
}

	#nav .clientaccount_book_label_fr .mainButton {
		height:16px;
	}

/*FUND INFO*/
#nav .priceinfo_book_label_fr {
	background-image:url(../img/common/dropDownMenu/fundInfo-fr.jpg);
	width: 105px;
}

	#nav .priceinfo_book_label_fr .mainButton {
		height:16px;
		text-align:center;
	}
			
	#nav .priceinfo_book_label_fr ul {
		width:95px;
	}

/*SUPPORTING MY CLIENTS*/
#nav .supportclient_book_label_fr {
	background-image:url(../img/common/dropDownMenu/supportingMyClients-fr.jpg);
	width: 160px;
}

	#nav .supportclient_book_label_fr .mainButton{
		height:16px;
	}
	
	#nav .supportclient_book_label_fr ul {
		width: 149px;
	}

/*MANAGING MY BUSINESS*/
#nav .managingMyBusiness_book_label_fr {
	background-image:url(../img/common/dropDownMenu/managingMyBusiness-fr.jpg);
	width:164px; 
}

	#nav .managingMyBusiness_book_label_fr .mainButton {
		height:16px;
	}

	#nav .managingMyBusiness_book_label_fr ul {	
		width: 153px;
	}

/*INVESTMENT EXPERTISE*/
#nav .invExpertise_book_label_fr {
	background-image:url(../img/common/dropDownMenu/investmentExpertise-fr.jpg);
	width:150px;
}

	#nav .invExpertise_book_label_fr .mainButton {
		height:16px;
	}
	
	#nav .invExpertise_book_label_fr ul {
		width: 139px
	}

/* END NAVIGATION BUTTONS */


/* ===========================================================
DYNAMIC ACTIONS
--------------------------------------------------------------*/

#nav li:hover ul, #nav li.sfhover ul {
	/* when hovered over a primary button, reset the left value of the dropdown */
	left: auto;

}

#nav li:hover, #nav li.sfhover {
	/* change the background color of the dropdown need to use 
	an 1x1 pixel image here for Internet Explorer Compatibility*/
	background: url('../img/common/dropDownMenu/mainHover.gif');

}

#nav li a.mainButton:hover {
	background: url('../img/common/dropDownMenu/mainHover1.gif');
}

#nav li ul li a:hover {
	/* set the submenu color on hover */
	background: #DBCCB7;
	
	/* standards compatibility */
	color:inherit;
}

#nav a:hover {
	/* underline all hyperlinks on hover */
	text-decoration:underline;
}

/* ===========================================================
FUND SEARCH BOX STYLES
--------------------------------------------------------------*/
#fundSearch_fr {
	/* set the background image for fund search box */
	background-image:url(../img/common/dropDownMenu/fundSearch-fr.jpg);
	
	/* define dimensions */
	width:248px; 
	height:26px;
	overflow:hidden;
}

#fundSearch_fr p {
	/* remove the standard margins on paragraph text */
	margin-top:0px;
	margin-left:0px;
	padding-left:3px;
	
	/* add some padding */
	padding-top:3px;
	_padding-top:3px;
	margin-left:5px;

}

#fundSearch_fr form {
	/* remove the margins from the form */
	margin:0px;
	padding:0px;
	
	/* display inline instead of block, internet explorer only */
	display:inline;
}

.fundSearchBox_fr {
	/* set the font and size of the fund search box */
	font-size:10px;
	padding:0px;
	width:82px;
}

#SearchFloater {
	/* float the search & go button to the right side */
	float:right;
	
	/* and set some margins */
	margin-top:3px;
	margin-right:4px;
}

#SearchFloater p {
	/* paragraph is inserted for standards compatibility, xhtml strict
	   requires all form elements be inside a p or other semantic tag
	   removing padding and margin */	
	margin:0px;
	padding:0px;
}