@charset "UTF-8";
/* CSS Document */

/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/final_drop.html
Copyright (c) 2005-2008 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */

#menu {
	font-family:arial,sans-serif;
	height:45px;
	margin:25px 0 0;
	position:relative;
	width:681px;
	z-index:100;
}
.menuSpacing {
	margin:0 0 0 15px;
	padding:0 15px 0 0;
}
/* remove all the bullets, borders and padding from the default list styling */
#menu ul {
	padding:0;
	margin:0;
	list-style-type:none;
}
#menu ul ul {
	width:228px;
}
/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
#menu li {
	float:left;
	position:relative;
	text-align:left;
}
/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
#menu li ul li {
	float:left;
	width:238px;
	position:relative;
	text-align:left;
}
/* style the links for the top level */
#menu ul a {
	font-size:1.25em;
	display:block;
	text-decoration:none;
	color:#A41D21;
	height:45px;
	line-height:45px;
	font-weight: bold;
}
/* a hack so that IE5.5 faulty box model is corrected */
* html #menu a {
	width:228px;
	w\idth:227px;
}
/* style the second level background */
#menu ul ul a {
	display:block;
	background:url(../images/MenuHover2Bkgd.png) repeat-x scroll center center;
	font-size:9px;
	text-decoration:none;
	color:#7B8898;
	height:26px;
	line-height:26px;
	margin:0;
}
#menu ul ul a.drop {
	background:url(../images/MenuHover2Bkgd.png) repeat-x scroll center center;
	height:30px;
	line-height:30px;
}
/* style the second level hover */
#menu ul ul a.drop:hover {
	background:url(../images/MenuHover2Bkgd.png) repeat-x scroll center center;
	padding:0;
	height:30px;
	line-height:30px;
}
#menu ul ul :hover > a.drop {
	background:url(../images/MenuHover2Bkgd.png) repeat-x scroll center center;
	padding:0;
	height:30px;
	line-height:30px;
}
#menu ul ul a:hover {
	background:url(../images/MenuHover2Bkgd.png) repeat-x scroll center center;
	height:26px;
	line-height:26px;
	margin: 0;
}
#menu ul ul :hover > a {
	background:url(../images/MenuHover2Bkgd.png) repeat-x scroll center center;
	height:26px;
	line-height:26px;
	margin: 0;
}
/* hide the sub levels and give them a positon absolute so that they take up no room */
#menu ul ul {
	visibility:hidden;
	position:absolute;
	height:30px;
	top:30px;
	left:0;
	width:228px;
	margin:15px 0 0 0;
}
/* another hack for IE5.5 */
* html #menu ul ul {
	top:19px;
	t\op:20px;
}
/* style the table so that it takes no ppart in the layout - required for IE to work */
#menu table {
	position:absolute;
	top:0;
	left:0;
	border-collapse:collapse;
	;
}
/* style the second level links */
#menu ul ul a {
	background:url(../images/MenuHover2Bkgd.png) repeat-x scroll center center;
	color:#fff;
	height:26px;
	line-height:26px;
	margin: 0;
}
/* yet another hack for IE5.5 */
* html #menu ul ul a {
	width:228px;
	w\idth:227px;
}
/* style the top level hover */
#menu a:hover {
	color:#7B8898;
	background:url(../images/MenuHoverBkgd.png) no-repeat scroll 0 -5px;
	height:45px;
	line-height:45px;
	padding:0;
}
#menu :hover > a {
	color:#7B8898;
	background:url(../images/MenuHoverBkgd.png) no-repeat scroll 0 -5px;
	height:45px;
	line-height:45px;
	padding:0;
}
#menu #globalnav li#gn-blog a:hover {
	background: no-repeat scroll 0 5px;
}
#menu #globalnav li#gn-blog :hover > a {
	background: no-repeat scroll 0 5px;
}
/* make the second level visible when hover on first level list OR link */
#menu ul li:hover ul {
	visibility:visible;
	background:url(../images/MenuHover2Bkgd.png) repeat-x scroll center center;
	padding:0;
	height:30px;
	line-height:30px;
}
#menu ul a:hover ul {
	visibility:visible;
	background:url(../images/MenuHover2Bkgd.png) repeat-x scroll center center;
	padding:0;
	height:30px;
	line-height:30px;
}
/* ON STATES */
#menu.whatwedo #globalnav li#gn-whatwedo a {
	color:#7B8898;
	/*
	background:none !important;
	*/
	cursor: default;
}
#menu.whatwedo #globalnav li#gn-whatwedo ul li a {
	color:#FFFFFF;
	/*
	background:#A41D21 !important;
	*/
	cursor: default;
}
#menu.whatwedo #globalnav li#gn-whatwedo ul li a:hover {
	color:#7B8898;
	/*
	background:#A41D21 !important;
	*/
	cursor: default;
}
#menu.thedifference #globalnav li#gn-thedifference a {
	color:#7B8898;
	/*
	background:none !important;
	*/
	cursor: default;
}
#menu.thedifference #globalnav li#gn-thedifference ul li a {
	color:#FFFFFF;
	/*
	background:#A41D21 !important;
	*/
	cursor: default;
}
#menu.thedifference #globalnav li#gn-thedifference ul li a:hover {
	color:#7B8898;
	/*
	background:#A41D21 !important;
	*/
	cursor: default;
}
#menu.markets #globalnav li#gn-markets a {
	color:#7B8898;
	/*
	background:none !important;
	*/
	cursor: default;
}
#menu.markets #globalnav li#gn-markets ul li a {
	color:#FFFFFF;
	/*
	background:#A41D21 !important;
	*/
	cursor: default;
}
#menu.markets #globalnav li#gn-markets ul li a:hover {
	color:#7B8898;
	/*
	background:#A41D21 !important;
	*/
	cursor: default;
}
#menu.newsandevents #globalnav li#gn-newsandevents a {
	color:#7B8898;
	/*
	background:none !important;
	*/
	cursor: default;
}
#menu.newsandevents #globalnav li#gn-newsandevents ul li a {
	color:#FFFFFF;
	/*
	background:#A41D21 !important;
	*/
	cursor: default;
}
#menu.newsandevents #globalnav li#gn-newsandevents ul li a:hover {
	color:#7B8898;
	/*
	background:#A41D21 !important;
	*/
	cursor: default;
}
#menu.contactus #globalnav li#gn-contactus a {
	color:#7B8898;
	/*
	background:none !important;
	*/
	cursor: default;
}
#menu.contactus #globalnav li#gn-contactus ul li a {
	color:#FFFFFF;
	/*
	background:#A41D21 !important;
	*/
	cursor: default;
}
#menu.contactus #globalnav li#gn-contactus ul li a:hover {
	color:#7B8898;
	/*
	background:#A41D21 !important;
	*/
	cursor: default;
}
#menu.blog #globalnav li#gn-blog a {
	color:#7B8898;
	/*
	background:none !important;
	*/
	cursor: default;
}
#menu.blog #globalnav li#gn-blog ul li a {
	color:#FFFFFF;
	/*
	background:#A41D21 !important;
	*/
	cursor: default;
}
#menu.blog #globalnav li#gn-blog ul li a:hover {
	color:#7B8898;
	/*
	background:#A41D21 !important;
	*/
	cursor: default;
}

/* make blog show no background on hover */
#menu #globalnav li#gn-blog a {
	background:none !important;
}


#menu .subMn a.drop:hover {
	background:url(../images/MenuHover2Bkgd.png) repeat-x scroll center center;
	padding:0;
}
.menuBar {
	border-left:1px solid #7B8898;
	height:15px;
	margin:-30px 0 0;
	padding:0;
	background:none;
}
.menuBtmCap {
	background:transparent url(../images/MenuBottomCap.png) no-repeat scroll 0 0;
	height:15px;
	margin:0;
	position:relative;
	width:228px;
}
