@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.
=================================================================== */

#theDifferenceMenu {
	font-family:Verdana,Arial,sans-serif;
	height:160px;
	position:relative;
	width:450px;
	z-index:100;
}
/* hack to correct IE5.5 faulty box model */
.theDifferenceMenuSpacing {
	margin:0;
	padding:0;
}
/* remove all the bullets, borders and padding from the default list styling */
#theDifferenceMenu ul {
	list-style-type:none;
	margin:0;
	padding:0;
}
#theDifferenceMenu ul ul {
	width:228px;
}
/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
#theDifferenceMenu li {
	position:relative;
	text-align:left;
	width:200px;
}
/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
#theDifferenceMenu li ul li {
	float:left;
	line-height:1.825em;
	margin:-21px 0 0 227px;
	position:relative;
	text-align:left;
	width:220px;
	background: #FFFFFF url(../images/theDifferenceMenuSideBar.gif) repeat-y scroll 0 -15px;
	padding:0 0 0 16px;
}
/* style the links for the top level */
#theDifferenceMenu ul a {
	display:block;
	text-decoration:none;
	color:#A41D21;
	height:18px;
	width:220px;
}
#theDifferenceMenu li ul li img {
	display:block;
	float:left;
	height:38px;
	padding:0 15px 0 0;
	width:38px;
}
/* a hack so that IE5.5 faulty box model is corrected */
* html #theDifferenceMenu a {
	width:228px;
	w\idth:227px;
}
/* style the second level background */
#theDifferenceMenu ul ul a {
	display:block;
	background:url(../images/MenuHover2Bkgd.gif) repeat-x scroll center center;
	font-size:9px;
	text-decoration:none;
	color:#7B8898;
	height:350px;
	margin: -5px 0 0 0;
}
#theDifferenceMenu ul ul a.drop {
	background:url(../images/MenuHover2Bkgd.gif) repeat-x scroll center center;
	height:350px;
}
/* style the second level hover */
#theDifferenceMenu ul ul a.drop:hover {
	background:url(../images/MenuHover2Bkgd.gif) repeat-x scroll center center;
	padding:0;
	height:30px;
}
#theDifferenceMenu ul ul :hover > a.drop {
	background:url(../images/MenuHover2Bkgd.gif) repeat-x scroll center center;
	padding:0;
	height:30px;
}
#theDifferenceMenu ul ul a:hover {
	background:url(../images/MenuHover2Bkgd.gif) repeat-x scroll center center;
	height:26px;
	margin: -5px 0 0 0;
}
#theDifferenceMenu ul ul :hover > a {
	background:url(../images/MenuHover2Bkgd.gif) repeat-x scroll center center;
	height:26px;
	margin: -5px 0 0 0;
}
/* hide the sub levels and give them a positon absolute so that they take up no room */
#theDifferenceMenu ul ul {
	position:absolute;
	visibility:hidden;
	width:350px;
}
/* make the first item default to be visible, so it shows something rather than leaving it blank */
#theDifferenceMenu ul #gn-one ul {
	position:absolute;
	visibility: visible;
	width:350px;
}
/* another hack for IE5.5 */
* html #theDifferenceMenu ul ul {
	top:19px;
	t\op:20px;
}
/* style the table so that it takes no ppart in the layout - required for IE to work */
#theDifferenceMenu table {
	position:absolute;
	top:0;
	left:0;
	border-collapse:collapse;
}
/* style the second level links */
#theDifferenceMenu ul ul a {
	background:url(../images/MenuHover2Bkgd.gif) repeat-x scroll center center;
	color:#fff;
	height:26px;
	margin: -5px 0 0 0;
}
/* yet another hack for IE5.5 */
* html #theDifferenceMenu ul ul a {
	width:228px;
	w\idth:227px;
}
/* style the top level hover */
#theDifferenceMenu a:hover {
	color:#7B8898;
	padding:0;
}
#theDifferenceMenu :hover > a {
	color:#7B8898;
	width:227px;
	padding:0;
	background:transparent url(../images/theDifferenceMenuBar.gif) no-repeat scroll 150px 6px;
}
/* make the second level visible when hover on first level list OR link */
#theDifferenceMenu ul li:hover ul {
	visibility:visible;
}
#theDifferenceMenu ul a:hover ul {
	visibility:visible;
}
.linkOff {
	color:#A41D21;
}
/* Fix Firefox to make it work in both browsers */
#theDifferenceMenu #globalnavDiff li#gn-one ul.subMn li {
	margin:-20px 0 0 227px !important;
	height:150px;
}
#theDifferenceMenu #globalnavDiff li#gn-two ul.subMn li {
	margin:-38px 0 0 227px !important;
}
#theDifferenceMenu #globalnavDiff li#gn-three ul.subMn li {
	margin:-56px 0 0 227px !important;
}
#theDifferenceMenu #globalnavDiff li#gn-four ul.subMn li {
	margin:-74px 0 0 227px !important;
}
#theDifferenceMenu #globalnavDiff li#gn-five ul.subMn li {
	margin:-92px 0 0 227px !important;
}
#theDifferenceMenu #globalnavDiff li#gn-six ul.subMn li {
	margin:-110px 0 0 227px !important;
}
#theDifferenceMenu #globalnavDiff li#gn-seven ul.subMn li {
	margin:-128px 0 0 227px !important;
}
#theDifferenceMenu #globalnavDiff li#gn-eight ul.subMn li {
	margin:-146px 0 0 227px !important;
}
/* LEARN TO Hack IE correctly -- Hack to render it correctly in IE */
*:first-child+html #theDifferenceMenu #globalnavDiff li#gn-one ul.subMn li {
	margin:-22px 0 0 227px !important;
	height:150px;
	position:absolute;
}
*:first-child+html #theDifferenceMenu #globalnavDiff li#gn-two ul.subMn li {
	margin:-42px 0 0 227px !important;
	position:absolute;
}
*:first-child+html #theDifferenceMenu #globalnavDiff li#gn-three ul.subMn li {
	margin:-62px 0 0 227px !important;
	position:absolute;
}
*:first-child+html #theDifferenceMenu #globalnavDiff li#gn-four ul.subMn li {
	margin:-82px 0 0 227px !important;
	position:absolute;
}
*:first-child+html #theDifferenceMenu #globalnavDiff li#gn-five ul.subMn li {
	margin:-102px 0 0 227px !important;
	position:absolute;
}
*:first-child+html #theDifferenceMenu #globalnavDiff li#gn-six ul.subMn li {
	margin:-122px 0 0 227px !important;
	position:absolute;
}
*:first-child+html #theDifferenceMenu #globalnavDiff li#gn-seven ul.subMn li {
	margin:-142px 0 0 227px !important;
	position:absolute;
}
*:first-child+html #theDifferenceMenu #globalnavDiff li#gn-eight ul.subMn li {
	margin:-162px 0 0 227px !important;
	position:absolute;
}
#theDifferenceMenu ul ul a.linkOff {
	text-decoration:none;
	color:#A41D21;
	background:none;
	width:0;
	height:0;
	display:inline;
}
* html #theDifferenceMenu ul ul a.linkOff {
	text-decoration:none;
	color:#A41D21;
	background:none;
	width:0;
	height:0;
	display:inline;
}
#theDifferenceMenu ul ul a.linkOff {
	text-decoration:none;
	color:#A41D21;
	background:none;
	width:0;
	height:0;
	display:inline;
}
#theDifferenceMenu ul ul a.drop.linkOff {
	text-decoration:none;
	color:#A41D21;
	background:none;
	width:0;
	height:0;
	display:inline;
}
#theDifferenceMenu ul ul a.drop:hover.linkOff {
	text-decoration:none;
	color:#A41D21;
	background:none;
	width:0;
	height:0;
	display:inline;
}
#theDifferenceMenu ul ul :hover.linkOff > a.drop.linkOff {
	text-decoration:none;
	color:#A41D21;
	background:none;
	width:0;
	height:0;
	display:inline;
}
#theDifferenceMenu ul ul a:hover.linkOff {
	text-decoration:none;
	color:#A41D21;
	background:none;
	width:0;
	height:0;
	display:inline;
}
#theDifferenceMenu ul ul :hover.linkOff > a.linkOff {
	text-decoration:none;
	color:#A41D21;
	background:none;
	width:0;
	height:0;
	display:inline;
}
#theDifferenceMenuHdr {
	width:450px;
}