/* common styling */
/* set up the overall width of the menu div, the font and the margins */

.menu {	font-family: arial, sans-serif;	width:740px;	margin:0;z-index:900;
}
/* remove the bullets and set the margin and padding to zero for the unordered list */
.menu ul {padding:0; margin:0;list-style-type: none;
}
/* float the list so that the items are in a line and their position relative so that the drop down list will appear in the right place underneath each list item */
.menu ul li {float:left; position:relative;}
/* style the links to be 104px wide by 30px high with a top and right border 1px solid white. Set the background color and the font size. */
.menu ul li a, .menu ul li a:visited {
display:block; 
text-decoration:none; 
height:15px; 
color:#fff; 
border:0;
font-size:11px;
background:#343434;
background:transparent url("images/n_topNav.gif") no-repeat ;text-indent:-9000px;
}
	.menu ul li#nav-bussales a {width:80px;background-position:0 -40px}
	.menu ul  li#nav-bussales a:hover {background-position:0 0px}
	.menu ul li#nav-bussales ul li a {background:#3566a2 url(images/whitearrow.gif) no-repeat 8px 8px;color:#ffffff; border-bottom:1px dotted #3e75ab; }
	.menu ul li#nav-bussales ul li a:hover {background:#3e75ab url(images/whitearrow.gif) no-repeat 8px 8px; color:#ffffff}
	
	.menu ul  li#nav-buscover a {width:80px;background-position:-80px -40px}
	.menu ul  li#nav-buscover a:hover {background-position:-80px 0px}
	.menu ul li#nav-buscover ul li a {background:#dd8827 url(images/whitearrow.gif) no-repeat 8px 8px;color:#ffffff; border-bottom:1px dotted #e39c48 ;}
	.menu ul  li#nav-buscover ul li a:hover {background:#e39c48 url(images/whitearrow.gif) no-repeat 8px 8px; color:#ffffff}
	
	.menu ul li#nav-busfinance a {width:90px;background-position:-160px -40px}
	.menu ul li#nav-busfinance a:hover {background-position:-160px 0px}
	.menu ul li#nav-busfinance ul li a {background:#5da633 url(images/whitearrow.gif) no-repeat 8px 8px;color:#ffffff; border-bottom:1px dotted #7eb85b;}
	.menu ul li#nav-busfinance ul li a:hover {background:#7eb85b url(images/whitearrow.gif) no-repeat 8px 8px;color:#ffffff}
	
	.menu ul li#nav-rsi a {width:155px;background-position:-250px -40px}
	.menu ul li#nav-rsi a:hover {background-position:-250px 0px}
	.menu ul li#nav-rsi ul li a {background:#f7af09 url(images/whitearrow.gif) no-repeat 8px 8px;color:#ffffff; border-bottom:1px dotted #fac857;}
	.menu ul li#nav-rsi ul li a:hover {background:#fac857 url(images/whitearrow.gif) no-repeat 8px 8px; color:#ffffff}
		
	.menu ul  li#nav-member a {width:135px;background-position:-405px -40px}
	.menu ul  li#nav-member a:hover {background-position:-405px 0px}
	.menu ul  li#nav-member ul li a {background:#b03011 url(images/whitearrow.gif) no-repeat 8px 8px; width:115px !important;color:#ffffff; border-bottom:1px dotted #ca765f;}
	.menu ul  li#nav-member ul li a:hover {background:#832416 url(images/whitearrow.gif) no-repeat 8px 8px; width:115px !important;color:#ffffff}
	
	.menu ul  li#nav-memberArea a {width:200px;background-position:-605px -40px}
	.menu ul  li#nav-memberArea a:hover {background-position:-605px 0px}
	
	.menu ul li#nav-home a {width:80px;background-position:0 -170px}
	.menu ul li#nav-home a:hover {background-position:0 -130px}
	
	.menu ul li#nav-busexpo a {width:80px;background-position:-80px -170px}
	.menu ul li#nav-busexpo a:hover {background-position:-80px -130px}
	.menu ul li#nav-busexpo ul li a { background: #343434 url(images/whitearrow.gif) no-repeat 8px 8px; width:120px !important}
	.menu ul li#nav-busexpo ul li a:hover { background:#222222 url(images/whitearrow.gif) no-repeat 8px 8px; width:120px !important}
	
	.menu ul li#nav-publications a {width:95px;background-position:-160px -170px}
	.menu ul li#nav-publications a:hover {background-position:-160px -130px}
	.menu ul li#nav-publications ul li a { background: #343434 url(images/whitearrow.gif) no-repeat 8px 8px; width:120px !important}
	.menu ul li#nav-publications ul li a:hover { background:#222222 url(images/whitearrow.gif) no-repeat 8px 8px; width:120px !important}

	.menu ul li#nav-careers a {width:75px;background-position:-255px -170px}
	.menu ul li#nav-careers a:hover {background-position:-255px -130px}
	.menu ul li#nav-careers ul li a { background: #343434 url(images/whitearrow.gif) no-repeat 8px 8px; width:120px !important}
	.menu ul li#nav-careers ul li a:hover { background:#222222 url(images/whitearrow.gif) no-repeat 8px 8px; width:120px !important}
	
	.menu ul li#nav-links a {width:105px;background-position:-330px -170px}
	.menu ul li#nav-links a:hover {background-position:-330px -130px}
	.menu ul li#nav-links ul li a { background: #343434 url(images/whitearrow.gif) no-repeat 8px 8px; width:170px !important}
	.menu ul li#nav-links ul li a:hover { background:#222222 url(images/whitearrow.gif) no-repeat 8px 8px; width:170px !important}
	
	.menu ul li#nav-news a {width:110px;background-position:-435px -170px}
	.menu ul li#nav-news a:hover {background-position:-435px -130px}
	.menu ul li#nav-news ul li a { background: #343434 url(images/whitearrow.gif) no-repeat 8px 8px; width:120px !important}
	.menu ul li#nav-news ul li a:hover { background:#222222 url(images/whitearrow.gif) no-repeat 8px 8px; width:120px !important}
	
	.menu ul li#nav-about a {width:90px;background-position:-545px -170px}
	.menu ul li#nav-about a:hover {background-position:-545px -130px}
	.menu ul li#nav-about ul li a { background: #343434 url(images/whitearrow.gif) no-repeat 8px 8px; width:140px !important}
	.menu ul li#nav-about ul li a:hover { background:#222222 url(images/whitearrow.gif) no-repeat 8px 8px; width:140px !important}
	
	.menu ul li#nav-contact a {width:95px;background-position:-635px -170px}
	.menu ul li#nav-contact a:hover {background-position:-635px -130px}


/* make the dropdown ul invisible */
.menu ul li ul {display: none;}

/* specific to non IE browsers */
/* set the background and foreground color of the main menu li on hover */
.menu ul li:hover a {

}
/* make the sub menu ul visible and position it beneath the main menu list item */
.menu ul li:hover ul {display:block; position:absolute; top:15px; width:120px;}

/* style the background and foreground color of the submenu links */
.menu ul li:hover ul li a {
display:block;background:#343434;padding:4px 2px 4px 18px;float:none;text-indent:0;font-size:10px;font-weight:normal;line-height:1.3;height:auto;text-decoration:none;overflow:hidden;border-bottom:1px dotted #5E5F5F;width:120px}
/* style the background and forground colors of the links on hover */
.menu ul li:hover ul li a:hover {
background-color:#222222;color:#fff;border-bottom:1px dotted #5E5F5F;
}

	