#banner { direction:ltr; }
/* .nav { direction:ltr; } */

.topedge, .bottomedge {height:5px;}
.topleft, .bottomleft {position:absolute;left:0px;}



/* ===== <MAIN MENU> ===== */
.newmenuitem {color:red;}

.nav {
	background-color:#f2f2f2;
	width:100%;
	border-top:1px solid #666;
	border-bottom:1px solid #666;
}
.nav, .nav ul { /* all menu lists */
	z-index:100; /* brings content above anything and everything below */
	padding:0;
	margin:0;
	list-style:none;
	line-height:1; /* standardises vertical heights/spacing. */
}
.nav li { /* all list items */
	white-space:nowrap; /* solves the Opera line break problem! Hurrah! */
	font-size: 13px;
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	float: right; /* [CHILD-ONLY] - Only want to float the main menu bar items becuase you have removed fixed-widths] */
}
.nav li.menuspacer {
	margin-top:10px;
/*	border-top:1px solid gray; /* no luck in IE */
/*	padding-top:5px;
*/}

.nav a { /* links. have replaced non-link divs with non-link 'a's */
	color:#444;
/*	padding: 0.3em 0.7em; /* standardises vertical heights/spacing */
	padding: 6px 5px; /* standardises vertical heights/spacing */
	text-decoration:none; /* override default link behaviour */
	display:block;
}
.nav > li > a {min-height:10px; /* applies to top level links: height is gauged as the natural height of the flags/form - this helps to keep the highlight filling the full height of the menu bar. 17 = 15 + 2: in firefox, a mysterious extra 2px at bottom though?! */
}
.nav a:hover {
	background-color:transparent; /* turn off, doing it on the LIs */
}
.nav li:hover, .nav li.sfhover { /* any item that is currently hovered plus its ancestors */
	background-color:#b5c0df;
}
li.nohighlight:hover {
	background-color:transparent;
}

.nav * li { /* any second-level submenu items but also UNDO for CHILD-ONLY attributes of .mainmenusf li (my child selector implementation) */
	float:none; /* [CHILD-ONLY UNDO] */
}
.nav li ul { /* second-level lists */
	border: 1px solid #444;
	position: absolute;
	/* width:100%; /* dirty fix for IE7 where menus float to one side */
	/* left:0px; */
	background-color:#f2f2f2;
	top: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
}
.nav li:hover ul, .nav li.sfhover ul {top: auto;} /* lists nested under hovered list items */

li.langbutton {float:left;}
li.langbutton a {padding:5px 3px 1px;} /* tuning, solves all bar height probs */

#searchbutton {float:left;}
#searchbutton form {margin:0;} /* thanks IE */
#searchbutton input {
	font-size:12px;
	vertical-align:middle;
	position:relative; top:2px; /* tuning - but only 1px for IE7! */
}
#searchbutton #btnG {
	color:#999;
	margin-left:5px;
	border:1px solid #949494;
	padding:0 2px;
	height:20px;
	background:#fff url(/shared/images/form.gif) repeat-x top left;
}
#searchbutton #q {
	border:1px solid #949494;
	padding:2px 2px 0; /* tuning and inside padding */
	height:16px;
	background-color:#eee;
	color:#aaa;
}
#navaddthis img {width:14px; height:14px;}
#navaddthis a {padding:5px 5px 3px;}

/* ===== </MAIN MENU> ===== */



/* ================= SUCKERFISH MENUS ===================== */
			.suckerfish {
				position:relative;
				float:left;
				top:0.5em;
				/* right:8px; /* When no specified height (for IE56) IE needs an extra 15px done with a conditional expression */
				font-size:11px; /* override .subtitle settings */
				line-height:1.4; /* override .subtitle settings */
				letter-spacing:normal;  /* override .subtitle settings */
				word-spacing:normal;  /* override .subtitle settings */
				font-variant:normal;  /* override .subtitle settings */
			}
			.suckerfish { /* all lists */
				padding: 0;
				margin: 0;
				list-style: none;
			/*	border: 1px solid #666;
			*/	/* margin: 0 0 1em 0; /* WHAT DOES THIS DO?!?!?! */
				background-color:#fff; /* crucially applied to the inner 'ul'; fills the margins (gaps) between the li entries in white and makes it able to mouseover without closing the menu. */
			}
			.suckerfish ul { /* all lists */
				padding: 0;
				margin: 0;
				list-style: none;
				border: 1px solid #666;
				line-height:1.2; /* manual reset for global ul line-height */
				/* margin: 0 0 1em 0; /* WHAT DOES THIS DO?!?!?! */
				background-color:#fff; /* crucially applied to the inner 'ul'; fills the margins (gaps) between the li entries in white and makes it able to mouseover without closing the menu. */
			}
			.suckerfish li {
				/*float: left; /* make sure you clear beneath.. should be done with the subtitle div */
				width: 170px; /* for Opera */
				/* background-color:#fff; /* makes sure the background applies to the 'wider' list entries rather than the 'narrower' UL container in FF (... and in other browsers??) Probably not needed now that BG is applied to .suckerfish and .suckerfish ul above. And probably only matters when there is a different width applied to .suckerfish ul. */
				font-size: 11px;
				font-family: Verdana, Arial, Helvetica, sans-serif;
			}
			.suckerfish li ul {
				position: absolute;
				width: 170px;
				top: -999em;
			}
			.suckerfish a {
				color:#444;
				display: block;
				width: 142px;
				font-weight:normal;
				text-decoration:none;
				border:0;
				padding: 2px 14px;
			}
			.suckerfish .downarrow {
				color:#999;
			}
			.suckerfish li:hover ul, .suckerfish li.sfhover ul {
				top: auto;
			}
			
			.suckerfish li.menuspacer {
				margin:4px 0;
				border-width:1px 0px 0px;
				border-style: solid;
				border-color: #666;
				font-size:0; /* !MJ-OK! NEEDED by IE even though there is no content in the spacer. no-height magic part 1 */
				line-height:0%; /* !MJ-OK! NEEDED by IE even though there is no content in the spacer. no-height magic part 2 */
			}
			.suckerfish li.menuspacertop {
				padding-top:4px;
			}
			.suckerfish li.menuspacerbottom {
				padding-bottom:4px;
			}
			
			.suckerfish a:link, .suckerfish a:visited, .suckerfish a:hover, .suckerfish a:active {
				color:#444;
			}
			.suckerfish a:hover {
				background-color:#d5e0ff;
			}
			
			.suckerfish li.purchase a, .suckerfish li.purchase a:link, .suckerfish li.purchase a:visited, .suckerfish li.purchase a:hover, .suckerfish li.purchase a:active {
				color:#990000;
			}
			
			.suckerfish li.printpage a, .suckerfish li.printpage a:link, .suckerfish li.printpage a:visited, .suckerfish li.printpage a:hover, .suckerfish li.printpage a:active {
				color:#0000BB;
			}
			.suckerfish li.sendtofriend a, .suckerfish li.sendtofriend a:link, .suckerfish li.sendtofriend a:visited, .suckerfish li.sendtofriend a:hover, .suckerfish li.sendtofriend a:active {
				color:#0000BB;
			}
			.suckerfish li.glossary a, .suckerfish li.glossary a:link, .suckerfish li.glossary a:visited, .suckerfish li.glossary a:hover, .suckerfish li.glossary a:active {
				color:#009900;
			}
			.suckerfish ul li a img {vertical-align:middle;}
			.suckerfish {
			/*	border-color:#990000;
				border:0;
				background-color:#FEF5E2; */
			}
			.suckerfish a.dropdownmain { /* the 'a' entry in the one li (top) of #suckerfish (ul) */
				color:#990000;
				font-size:11px;
				font-weight:bold;
				padding:0 14px;
				height:18px;
				position:relative;
				top:1px;
			}
			.dropdownmainli {
				background-image:url(/shared/images/downarrow.gif);
				background-position:bottom left;
				background-repeat:no-repeat;
				height:18px;
				padding:0;
				margin:0;
				border: 1px solid #666;
			}
			
			a.dropdownmain:hover {
			/*	background-image:url(/shared/images/plussign_f2.jpg);
			*/	background-color:transparent;
				color:#990000;
			}
			
			/*.dropdownmain img {
				position:relative;
				top:3px;
			}
			*/
/* ==================== END suckerfish menus =================== */