/*

	Menu image replacement
	In the html each li is called list<item number>
	each a is called item<item number>
	in the selected item page the item selected is called itemSelected<item number>
	
*/
#divMenu {display:inline; width:100%; height:28px;float:right;overflow:hidden;margin:0px 0px 4px 0px;float:left;background-color:#c7d2d6;}

#divMenu ul{margin:12px 0px 0px 15px;overflow:hidden;}
#divMenu li {float:left; margin-right:0px;}
/* Adding the initial images */
#divMenu li.list1 {background:transparent url(../img/repo/MainMenu/aboutus.jpg);}
#divMenu li.list2 {background:transparent url(../img/repo/MainMenu/products.jpg);}
#divMenu li.list3 {background:transparent url(../img/repo/MainMenu/markets.jpg);}
#divMenu li.list4 {background:transparent url(../img/repo/MainMenu/studies.jpg);}
#divMenu li.list5 {background:transparent url(../img/repo/MainMenu/partners.jpg);}
#divMenu li.list6 {background:transparent url(../img/repo/MainMenu/contact.jpg);}
#divMenu li.list7 {background:transparent url(../img/repo/MainMenu/careers.jpg);}
/* Step 6 - General link styling */
#divMenu a {display:block; height:0;overflow:hidden; padding-top:16px; color:#000; overflow:hidden;}
/* hack for older versions of IE with incorrect box model */
* html #divMenu a:link, * html #divMenu a:visited {height:16px; he\ight:0;}
/* Adding the background images to the link tags */
#divMenu a.item1 {width:83px;}
#divMenu a.item2 {width:135px;}
#divMenu a.item3 {width:79px;}
#divMenu a.item4 {width:106px;}
#divMenu a.item5 {width:84px;}
#divMenu a.item6 {width:94px;}
#divMenu a.item7 {width:85px;}
/* Adding the :hover  */
/*#divMenu a.item1:hover{background-position:0 0; z-index:50;}
#divMenu a.item2:hover {background-position:0 0; z-index:50;}
#divMenu a.item3:hover {background-position:0 0; z-index:50;}
#divMenu a.item4:hover {background-position:0 0; z-index:50;}
#divMenu a.item5:hover {background-position:0 0; z-index:50;}
#divMenu a.item6:hover {background-position:0 0; z-index:50;}
#divMenu a.item7:hover {background-position:0 0; z-index:50;}*/
/* Add the selected items */
/*#divMenu a.item1Selected {width:100px;background:transparent url(../assets/artwork_clicked.jpg) -0 0 no-repeat;z-index:50;}*/


/* hack for old version of ie */
/** html #divMenu a:hover {height:16px; he\ight:0;}*/

/*

Other menu items and lists

*/
#home #divRight ul li {
border-bottom:1px dotted #ffffff;
padding:4px 0px;
color:#ffffff;
}
#divLeft ul 
{
	margin-top:0px;
	margin-bottom:0px;	
}
#divLeft ul li
{
/*border-bottom:1px dotted #ffffff;*/
padding:4px 0px;
width:110px;

}
#divLeft .left ul li ul li {
padding: 4px 5px;
}

#divLeft a
{
	color:#000000;
}
#divLeft .left ul li a,#divLeft .right ul li a
{
	
	padding:2px 0px 5px 13px;
	background:transparent url(../img/submenu_item.gif) no-repeat 2px 6px;
	
}
#divLeft .left ul li.first a.parent {
	background:transparent url(../img/arrow.jpg) no-repeat 2px 6px;
	color: #011527;
	font-size: 15px;
	font-weight:bold;
	font-family:Helvetica, sans-serif;
	padding-left:20px;
	padding-top: 8px;
}
#divLeft .left ul li a.selected {
color:#061D49;
font-weight:bold;
background:transparent url(../img/down_arrow.jpg) no-repeat 2px 6px;
}
#divLeft .left ul li.first {
	border-bottom:none;
}
#divLeft .left a.Selected,  #divLeft .right a.Selected
{
	color:#003468;
}
#divLeft .left li.FirstSelected,#divLeft .right li.FirstSelected 
{
	border-top:1px dotted #ffffff;
}
#divLeft .right ul li ul li a 
{
	background:transparent;
}
#divLeft .right ul li ul li 
{
	border:none;	
}
#divLeft .right ul li ul 
{
	margin:0px 0px 0px 10px;	
}