/* =====  <MASTER STYLES> ===== */
img {border:none;}

p, td, ul, ol {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 1em;
	line-height: 1.5;
	color:#444;
}
h1 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 2.1em;
	font-weight:normal;
	color:#990000;
	margin-top:0;
	margin-bottom:0;
	font-variant:small-caps;
}

/* a {color:#009707;} a:hover {background-color:#d5e0ff;} */
/*a {color:#444; text-decoration:none;}
*/
#maincontent {padding:15px;}
a {color:#009707;}
a:hover {background-color:#99FFCC;}
/*a:hover {color:white; background-color:green; text-decoration:none;}
*/
/* =====  </MASTER STYLES> ===== */


/* ===== <http://positioniseverything.net/easyclearing> ===== */
.clearfix:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
.clearfix {display: inline-block;}

/* Holly Hack targets IE/Win only \*/
	* html .clearfix {height: 1px;}
	.clearfix {display: block;}
/* End Holly Hack */

/* ===== </http://positioniseverything.net/easyclearing> ===== */


/* ===== <MAIN CONTENT> ===== */
body {
	padding:0; /* these side paddings together determine the natural min-width */
	margin:0;
	background-color:#E0DECF;
}
.mj-container {
	margin:0 auto;
	width:900px;
	position:relative;
}

.allcontent {
	width:100%; /* for IE(56?), apparently */
	position:relative; /* Enables the shift upwards... */
	top:-2px; /* Brings the banner (and everything else) up over the page's top shadow-edge. 'Wraps' the banner with the main content and shifts the whole caboodle, leaving the white space happily stuck at the bottom of the page! */
	/* padding-bottom:1px; /* space at the bottom of every page before the bottom edge. Great for guaranteeing no silly missing backgrounds under margins - especially copyright P  */
}
/* ===== </MAIN CONTENT> ===== */


/* ===== <PAGE SHADOW EDGES> ===== */
.topedge, .bottomedge {
	font-size:0px; /* no-height magic part 1 */
	line-height:0%; /* no-height magic part 2 */
	background-repeat:repeat-x;
}
.topedge {
	margin-top:6px; /* margin causes white bg in IE */
	background-image:url(/shared/images/main-topedge.jpg);
	background-position:bottom;
}
.bottomedge {
	margin-bottom:7px; /* below noscript and also between bottom edge and viewport bottom. */
	background-image:url(/shared/images/main-bottomedge.jpg);
}
.topright, .bottomright {
	position:absolute;
	right:0px;
}
.leftedge {
	position:relative; /* IE needs this to get the edges right */
	padding-left:7px;
	background-image:url(/shared/images/main-leftedge.jpg);
	background-repeat:repeat-y;
	background-color: white; /* this is the main background color. Best place to put it. MJ-OK. */
}
.rightedge {
	padding-right:7px;
	background-image:url(/shared/images/main-rightedge.jpg);
	background-position:top right;
	background-repeat:repeat-y;
}
/* ===== </PAGE SHADOW EDGES> ===== */


/* ===== <GENERAL STYLES> ===== */
#banner {
	/* position:relative; /* test - for the banner logo and popup desc divs */
	background-image:url(/shared/images/rotate.aspx); 
	background-repeat:no-repeat;
	height:99px;
	/* line-height:0%; font-size:0px; */
}
#logofe {position:relative; display:block; background-image:url('/shared/images/logo_fe.gif'); width:275px; height:78px; background-repeat:no-repeat; text-decoration:none; color:#666; font-size:10px; font-weight:bold; font-style:italic;}
#logofe span {position:absolute; bottom:-15px; left:12px; width:400px;}

#banner a:hover {background-color:transparent;}

div.imgpreload {position: absolute; top:-100px;}
div.imgpreload img {width: 1px; height: 1px;}

p.noscript {
	margin:0; /* otherwise background shows through top and bottom margin in firefox */
	padding:5px; /* cosmetic */
	font-size:0.7em;
	line-height:1.6;
	color:#A04747;
	text-align:center;
	background-color:white;
}
p.noscript a {color:green;}
p.noscript a:hover {color:white; background-color:green; text-decoration:none;}

p.copyright {
	margin:10px 0 0;
	padding:5px 15px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	position:relative;
	color:#cccccc;
	font-size:10px;
	text-align:center;
}
p.copyright a {color:#666; text-decoration:none;}
p.copyright a:hover {color:#A04747;}

.pageheading {margin:0 0 15px; letter-spacing:0.04em; color:#A04747;font-size:2em; text-align:center; font-variant:small-caps;}
p.subheading {
	margin: 17px 0px 0px 0px;
	color:#A04747;
	font-variant:small-caps;
	font-weight:bold;
	line-height:1.3;
}
.imgleft {
	float:left;
	margin-right:10px;
}
.imgright {
	float:right;
	margin-left:10px;
}

.infopanel {
	margin:15px 15px 15px 0;
	border: 1px dotted #444;
	padding:9px;
	width:180px;
	float:left;
	background-color:#f1f1f1;
	font-size:85%;
}
.infopanel h1 {
	font: 1em/1.6 Georgia, "Times New Roman", Times, serif;
	word-spacing: 1px;
	color:#A04747;
	font-weight:bold;
	font-variant:small-caps;
	font-size: 1.1em;
}

			.purchasebutton a {
				padding: 2px 4px;
				white-space:nowrap;
				text-decoration: none;
				color: #224059;
				background-color:#b5c9e2;
				border-top: 1px #cce3ff solid;
				border-left: 1px #cce3ff solid;
				border-bottom: 1px #31557f solid;
				border-right: 1px #31557f solid;
			}
			.purchasebutton a:link, .purchasebutton a:visited, .purchasebutton a:hover, .purchasebutton a:active {color: #224059;}
			
			.purchasebutton a:hover {
				background-color:#cCdBF3;
			}
	p.indentinfo {margin-left:215px;}

#bookbanner {
/*	line-height:0%;
	font-size:0px; */
	text-align:center;
	background-repeat:repeat-x;
	margin:-15px -15px 0;
}
.excerpt {
	margin: 15px 30px 15px;
	border: 1px dotted #444;
	padding: 0 15px;
	background-color:#f1f1f1;
}
.testimonial {
	margin: 15px 30px 15px;
	border: 1px dotted #444;
	padding: 15px;
	background-color:#f1f1f1;
}
#commentarycontents li { /* no font-size cos it seems to be cumulative?! --- umm, wasn't that only if you had an enclosing p tag...?*/
/*	font: 0.8em/1.8 Georgia, "Times New Roman", Times, serif;
	word-spacing: 1px;
	color:#444;
*/	margin:1em 0 0;
}
#fe-logo-link a:hover {background-color:transparent;}
.nfimgright {
	float:right;
	clear:right;
	margin:10px 0 10px 15px;
}
.nfborder {border:1px solid gray; padding:5px; background-color:white;}
.albacontentsbox {
	margin:0 2%;
	border:1px solid #999;
	padding:1%;
	width:18%;
	float:left;
	background-color:#f2f2f2;
}
.albacontentsbox p {margin:0;}
#abbinding {width:734px; margin:0 auto 15px; clear:both;}
#abbinding .picture {clear:none;  margin:0 5px;}
#abpalace {width:734px; margin:0 auto 15px; clear:both;}
#abpalace .picture {clear:none;  margin:0 4px;}

.testimonial-thumb {float:left; margin-right:15px; border:1px solid #888; background-color:white; padding:1px;}
.upslogo {float:right;margin-left:5px;}
.upslogoleft {float:left;margin-right:5px;}
.cardquestions {font-size:10px; font-family:Verdana, Arial, Helvetica, sans-serif;}
/* =====  </GENERAL STYLES> ===== */




/* ================= SUCKERFISH MENUS ===================== */
			.suckerfish {
				position:relative;
				float:right;
				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;
				left: -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 {
				left: 0px;
			}
			
			.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 right;
				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 =================== */


/* ===== <SUBTITLES> ===== */
			.subtitleanchor { /* div to contain the anchor and ensure a nice space lies at the top of the page above the subtitles when navigating with the drop-down menu */
				font-size:0; /* no-height magic part 1 */
				line-height:0%; /* no-height magic part 2 */
				margin-bottom:20px;
				clear:both;
			}
			.subtitle {
				position:relative;
				padding:0 8px;
				min-height:27px; /* IE NEEDS HEIGHT to be set to give this effect, and to a bit more than this. (In IE the suckerfish does not move vertically as the text size changes) */
				clear:both; /* !MJ-?! unnecessary with anchor doing it? Was left. ARGH CHECK THIS FOR THE DROPDOWNS AND EVERYTHING ELSE!! */
				z-index:5; /* !MJ-OK! Pushes the whole subtitle div and thus the drop-down menu it contains, above anything below. Prevents drop-down menu appearing underneath subsequent floated images in IE. */
				border-top: 1px solid #A05454;
				border-bottom: 1px solid #A05454;
				/* font-size:0; /* no-height magic part 1 */
				/* line-height:0%; /* no-height magic part 2 */
			
				font: 1.4em/1.4 Georgia, "Times New Roman", Times, serif;
				letter-spacing:0.05em;
				word-spacing:0.1em;
				font-variant:small-caps;
				color:#990000;
			}
			.purchasesubtitle {
				font: 0.6em/1 Georgia, "Times New Roman", Times, serif;
				letter-spacing:normal;
				word-spacing:normal;
				font-variant:normal;
				color:#444;
				padding-left:2.5em;
			}
/* ===== </SUBTITLES> ===== */


/* ===== <PICTURES> ===== */
a.picture , div.picture { /* specify tag type otherwise background override doesn't work on "a" tags */
	display:block;
	padding-bottom:3px;
	border-bottom:solid 1px #aaa;
	background-color:transparent;
	text-decoration:none;
}
#maincontent a.picture:hover {background-color:transparent;} /* IE(5?)6 */


	/* >>>>>>>>>> ----------------------- NOT TESTED OR IMPROVED --------  */
	
	.picture.right {
		width:250px; /* DEFAULT! DO NOT CHANGE!! */
		margin:5px 0px 10px 15px;
		float:right;
		clear:right;
	}
	.picture.left {
		width:250px; /* DEFAULT! DO NOT CHANGE!! */
		margin:5px 15px 10px 0px;
		float:left;
		clear:left;
	}
	.picture.main {
		width:439px;
		padding-top:6px;
		margin: 0 auto;
		clear:both;
	}
	
	/* >>>>>>--------------------------------- to here */

.caption {
	font: 12px/1.2 "Times New Roman", Times, serif;
	color: gray;
}

.picture .caption {
	display:block;
	margin:0;
	padding: 0px 5px 5px;
}
a.picture .caption, .enlargeme {
	background-image: url(/shared/images/magnifyer.jpg);
	background-repeat: no-repeat;
	padding-left:21px;
}

a.picture:hover .caption {background-image:url(/shared/images/magnifyer_f2.jpg);}

.picture span.caption span, .picture a {
	white-space:nowrap;
	font-weight:bold;
	border-bottom:1px dotted #444;
	color:#444;
	text-decoration:none;
}

a.picture:hover span.caption span {background-color:#d5e0ff;}
a.picture span.caption span:hover {background-color:#d5e0ff;} /* maybe (i.e. SHOULD be) superfluous */
/* .picture a:hover {background-color:#d5e0ff;} /* redundant in its present form. [unknown if needed yet (probably will be used) but you get the idea */
/* ===== </PICTURES> ===== */


/* ===== <SPEC LIST> ===== */
.speclisttable {
	border:none;
	border-collapse:collapse;
	margin-top:15px;
}
.speclisttable td {
	padding:10px 7px 20px;
	vertical-align:top;
	color:#A04747;
	font-weight:bold;
	font-variant:small-caps;
}
.speclisttable img {
	background-color:#fff;
	padding:1px;
	border:1px solid #777;
}
.speclisttable ul {
	margin:0;
	font-weight:normal;
	font-variant:normal;
}
.speclisttable li {
	list-style-type:circle;
}
/* ===== </SPEC LIST ===== */


/* ===== <ORDER FORM> ===== */
					#purchaseform table {
						padding:0;
						border:0;
					}
					#purchaseform td, #purchaseform th {
						margin:0;
						padding:5px;
						border: 1px solid #999;
						background-color:#C0D1F8;
						font-size:0.7em;
						line-height:1.4;
					}
					#bookstable, #tblDynamic {
						border-collapse:collapse;
						margin: 0 auto;
					}
					.purchaseleftcol {
						width:30%;
						text-align:right;
					}
					.purchaserightcol {
						width:45%
					}
					.infocol {
						width:25%
					}
					#purchaseform table table td {
						font-size:1em;
					}
					
					.purchaseformtitle {
						text-align:center;
						padding-bottom:10px;
					}
					#purchaseform input, #purchaseform textarea {
						/* width:98%; */
					}
					#purchaseform textarea, #contactform textarea {
						width:98%;
					}
					#purchaseform table table input {
						width:auto;
					}
					#purchaseform #placeorder {
						width:auto;
					}
					#signature {display:none;}

/* ===== <ORDER (&= CONTACT) FORM> ===== */

					#contactform table {
						padding:0;
						border:0;
						margin:0;
					}
					#contactform td {
						margin:0;
						padding:5px;
						border: 1px solid #999;
						background-color:#C0D1F8;
						font-size:0.7em;
					}
					#bookstable {
						border-collapse:collapse;
						width:100%;
					}
					.purchaseleftcol {
						width:30%;
						text-align:right;
					}
					.purchaserightcol {
						width:45%
					}
					.infocol {
						width:25%
					}
					#contactform td {
						line-height:1.4;
						margin:0;
					}
					#contactform table table td {
						font-size:1em;
					}
					
					.purchaseformtitle {
						text-align:center;
						padding-bottom:10px;
					}
					#contactform input, #contactform textarea {
						/* width:98%; */
					}
					#contactform textarea {
						width:98%;
					}
					#contactform table table input {
						width:auto;
					}
					#contactform #placeorder {
						width:auto;
					}
					#contactpage {width: 40%; float: left;}
					
					#contactform {width: 55%; float: right;margin: 0 0 0 20px;}
					#signature {display:none;}


/* ===== <PRESS> ===== */
				.imgmiddle {vertical-align:middle;}
				
				#article .articlemenu {
					float:left;
					width:200px;
				}
				.spaceabove {
					margin:1em 0;
				}
				.inthisarticle {
					padding:0 5px;
					border:dotted 1px #999;
					background-color:#f5f5f5;
				}
				
				#article .articleimages {
					text-align:center;
					cursor:pointer;
					padding:10px;
					border:dotted 1px #999;
					background-color:#f5f5f5;
				
				}
				#article .articleimages img {display:block;margin:0 auto; border-width:0 1px 1px 0; border-color:#ccc; border-style:solid;}
				
				#article .articletext {
					margin-left:220px;
				}
				
				#article p {
					font: 0.7em/1.6 Verdana, Arial, Helvetica, sans-serif;
					color:#444;
					margin:0.5em 0;
				}
				#article .articlemenu strong {font-weight:normal;} /* OVERRIDE strong tags in the "print page" lang-specific variable in the press side menu */
				#article .articlemenu a {
					text-decoration:none;
				}
				#article .articlemenu a:hover {
					background-color:transparent;
					color:#990000;
				}
				
				#article h1 {
					font: 1.5em/1 Verdana, Arial, Helvetica, sans-serif;
					color:#444;
					font-weight:bold;
					margin:0 0 10px;
					padding:0;
				}
				
				#article h2 {
					font: 0.9em/1.2 Verdana, Arial, Helvetica, sans-serif;
					color:#444;
					font-weight:bold;
					margin:0 0 10px;
				}
				#article h3 {
					font: 0.6em/1.2 Verdana, Arial, Helvetica, sans-serif;
					color:#444;
					font-weight:bold;
					margin:0 0 10px;
				}
				#article h4 {
					font: 0.7em/1.2 Verdana, Arial, Helvetica, sans-serif;
					color:#444;
					font-weight:bold;
					margin:1em 0;
				}
				#article p.articleinsetright {
					float:right;
					margin-left:15px;
					padding:10px;
					width:200px;
					background-color:#97A0B7;
					font-size:0.84em;
					font-weight:bold;
					color:white;
				}
				#article p.articleinsetleft {
					float:left;
					margin-right:15px;
					padding:10px;
					width:200px;
					background-color:#97A0B7;
					font-size:0.84em;
					font-weight:bold;
					color:white;
				}				
/* ===== </PRESS> ===== */


/* ===== <PRESS TABLE> ===== */
					#press {/*width:726px;*/margin:0 auto;}
					
					#press img {width:50px; margin:5px;
											border:1px solid #444;
}

					#press td, #press th {
						font: 0.7em/1.8 Verdana, Arial, Helvetica, sans-serif;
						padding-left:6px;
						background-color:#e0e0e0;
/*						margin:0 0 0.4em;
*/					}
					#press th {font-weight:bold; font-size:0.8em; background-color:transparent;}

					#press tr {
/*						width:327px; /* min-height:147px; */
/*						margin:0 2px 4px;
						border:1px solid #aaa;
						padding:4px;
*/						
					}
					
					#press a img { /* for flags, undo css from thumbs */
						width:auto;
						margin:0 4px 2px 0;
						vertical-align:middle;
						display:inline;
						border:none;
					}
					#press a {
						display:block;
						float:left;
						margin-right:10px;
						margin-bottom:6px;
						text-decoration:none;
						white-space:nowrap; /* prevent line-breaks within the links to book titles and articles */
						border:1px solid #e0e0e0;
						padding:2px;
					}
					#press a:hover {
/*						color:#990000;
*/						background-color:transparent;
						border:1px solid #990000;
					}					




					/* ===== <http://positioniseverything.net/easyclearing> ===== */
					.presscol div:after {
						content:".";
						display:block;
						height:0;
						clear:both;
						visibility:hidden;
					}
					.presscol div {display: inline-block;}
					
					/* Holly Hack targets IE/Win only \*/
						* html .presscol div {height: 1px;}
						.presscol div {display: block;}
					/* End Holly Hack */
					/* ===== </http://positioniseverything.net/easyclearing> ===== */

					.presscol {float:left;}
					.presscol div {
						width:327px; /* min-height:147px; */
						margin:0 2px 4px;
						border:1px solid #aaa;
						padding:15px;
						background-color:#e0e0e0;
					}
					.presscol div:hover {background-color:#F0E9D9;}

					.presscol p {
						font: 0.7em/1.8 Verdana, Arial, Helvetica, sans-serif;
						margin:0 0 0.4em;
					}
					
					.presscol h2 {
						font: 0.7em/normal Verdana, Arial, Helvetica, sans-serif;
font-style:italic; color:#8488AE; font-weight:normal;
						line-height:1.3;
						margin:0;
					}


					.presscol div img { /* for thumbs */
						float:left;
						border:1px solid #444;
						margin-right:12px;
					}
					.presscol div a img { /* for flags, undo css from thumbs */
						float:none; /* undo */
						border:none; /* undo */
						margin:0 4px 2px 0;
						vertical-align:middle;
						display:inline;
					}
					.presscol div span {
						display:block;
					}
					.presscol div a {
/*						display:block;
						float:left;
*/						margin-right: 10px;
						margin-bottom:6px;
						text-decoration:none;
						white-space:nowrap; /* prevent line-breaks within the links to book titles and articles */
					}
					.presscol div a:hover {
						color:#990000;
						background-color:transparent;
					}					
					
					


		/*			#press {
						border-collapse: collapse;
						width: 100%;
						padding:0;
						margin:0;
						background-color:#e0e0e0;
					}
					#press img {vertical-align:middle; display:inline;}
					#press td {
											font: 0.7em/1.6 Verdana, Arial, Helvetica, sans-serif;
						line-height:normal;
						padding:10px;
						border:2px solid white;
						vertical-align:bottom;
					}
					#press td a {
						text-decoration:none;
						white-space:nowrap;
					}
					#press td a:hover {
						color:#990000;
						background-color:transparent;
					}
					#press .toprow td {
						padding:2px 10px;
						font-weight:bold;
					}
					#press .thumbs {
						width:120px;
						text-align:center;
					}
					#press .thumbs img {
						border: 1px solid #444;
						margin-bottom:7px;
					}
					#press .rightcol {
						border-right:0;
						white-space:nowrap;
					}
					#press .rightcol img {
						margin:0 4px 2px 0;
					}
					#press .pubs {
						text-align:center;
					}
					#press .pubs img {
						margin:5px;
					}
					
					#press .articlespecs {
						font-size:80%;
					}
					
					#press p {
						font:inherit;
						word-spacing:inherit;
					}
			*/
/* ===== </PRESS TABLE> ===== */

/* ===== <SCHOLARS TABLE> COPIED FROM PRESS TABLE ===== */
				#scholars {
					border-collapse: collapse;
					width: 100%;
				/*	background-color:green;
					border:0;
				*/	padding:0;
					margin:0;
					background-color:#e0e0e0;
				}
				#scholars img {vertical-align:middle;display:block;margin-bottom:6px;}
				#scholars td {
					font: 0.7em/1.6 Verdana, Arial, Helvetica, sans-serif;
					line-height:normal;
					padding:10px;
					border:2px solid white;
				}
				#scholars td a {
					text-decoration:none;
					white-space:nowrap; /* prevent line-breaks within the links to book titles and articles */
				}
				#scholars td a:hover {
					color:#990000;
					background-color:transparent;
				}
				#scholars .toprow td {
					padding:2px 10px;
					font-weight:bold;
				/*	border-top:0;
				*/}
				#scholars .thumbs {
					width:120px;
					text-align:center;
					font-size:0; /* no-height magic part 1 */
					line-height:0%; /* no-height magic part 2 */
				}
				#scholars .thumbs img {
					border: 1px solid #444;
				}
				#scholars .rightcol {
					border-right:0; /* MJ-?! why?! */
					/* width:150px; /* has effect of min-width */
					white-space:nowrap; /* prevent line-breaks within the links to book titles and articles */
				}
				#scholars .rightcol img {
					margin:0 4px 2px 0;
				}
				#scholars .pubs {
					text-align:center;
				}
				#scholars .pubs img {
					margin:5px;
				}
				
				#scholars .articlespecs {
					font-size:80%;
				}
				#scholars p {
					font:inherit;
					word-spacing:inherit;
				/*	white-space:nowrap; /* prevent line-breaks within the links to book titles and articles */
				}
/* ===== </SCHOLARS TABLE> ===== */



.scrollingdss {
	position:relative;
	margin:0 auto;
	border:solid #999;
	border-width:0 0 1px;
	padding:15px 0;
	width:726px;
	height:138px;
	clear:both;
	overflow:hidden;
}
.scrollingdss .scrollingnav {
	position:relative;
	top:110px;
}


/* ===== <ME & PANELS> ===== */
#scrollingmegillah {
	position:relative;
	margin:0 auto;
	border:solid #999;
	border-width:1px 0;
	padding:15px 0;
	width:726px;
	height:527px;
	clear:both;
	background-image:url(/shared/images/me/megillahscroll-bg-en.gif);
	background-repeat:no-repeat;
	background-position:center 215px;
	overflow:hidden;
}
.scrollingnav {
	display:none;
	line-height:0%; font-size:0px;
	margin:0 auto;
	width:88px;
}
.scrollingnav img {margin:0 10px;}
#scrollingmegillah .scrollingnav {
	position:relative;
	top:420px;
}

.panel, .paneltitle {
	width:85.33333%;
	margin:15px auto;
	border:1px solid #444;
	background-color:#557767;
	background-color:#666;
	clear:both;
}
#vellumpanel a:link, #vellumpanel a:hover, #vellumpanel a:visited, #vellumpanel a:active {color:#33FF33;}
.panel a:hover {background-color:transparent;}

.paneltitle {
	margin-bottom:0;
	border-bottom:none;
	padding:10px 0;
	color:#eee;
	font-weight:bold;
	text-align:center;
}
.panel {
	margin-top:0;
	border-top:none;
	padding:0 0 15px;
	overflow:auto;
}
.panel td {
/*	font: 0.7em/1.4 Verdana, Arial, Helvetica, sans-serif;
*/	font-size: 0.9em;
	line-height:1.4;
	padding:0 15px 0 25px;
	vertical-align:top;
	color:#eee;
}
.panel img {
	display:block;
	margin-bottom:10px;
	border:1px solid #ccc;
	margin-left:-10px;
}
.paneltext {
	padding:15px;
	border:1px solid #ccc;
	width:270px;
	height:250px;
	background-color:#ccc;
	color:#444;
	overflow:auto;
}
/* ===== </ME & PANELS> ===== */


/* ===== <HOME PAGE> ===== */
img.homeright {
	float:right;
	margin:5px 0px 10px 15px;
}
img.homeleft {
	float:left;
	margin:5px 15px 10px 0px;
}
#homemeflags {height:15px;margin-bottom:5px;}
#homemeflags a {margin:0 5px;}
#homeme {text-align:center;position:relative;left:-45px;}
/* ===== </HOME PAGE> ===== */

/* ===== <TOOLS> ===== */
.notextheight {line-height:0%; font-size:0px;}
.centered {text-align:center;}
.cleared {clear:both;}
.oneline {white-space:nowrap;}
.renderedtext {display:none;}
.bookbannerimage { margin:0 auto; background-repeat:no-repeat;}
.renderedtext {color:#666; font-style:italic; text-align:center; font-size:0.85em; margin:8px 0 0;}
/* ===== </TOOLS> ===== */