@charset "utf-8";

/* ========== http://positioniseverything.net/easyclearing ==================== */
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.clearfix {display: inline-table;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

/* * * * * * * * * END: http://positioniseverything.net/easyclearing */
img {border:none;}

a {text-decoration:underline;}
a:link, a:hover, a:visited, a:active {color:#B46F29;}
a:hover {color:#F1965F;}


body {
	padding:0 25px 25px;
	margin:0;
	text-align:center; /* this centers the wrappers in older IEwin versions */
	background-color:black;
}
.container {
	margin:0 auto;
	width:700px;
	text-align:left;
/*	border-bottom:solid 1px #B46F29;
*/}

p, td, ol {
	font: 1em/1.2 Georgia, "Times New Roman", Times, serif;
	color:#CCCC99;
}
h1 {
	font: 2.6em/1.0 Georgia, "Times New Roman", Times, serif;
	font-variant:small-caps;
	word-spacing: 0.1em;
	letter-spacing:0.06em;
	text-align:center;
	color:#B46F29;
	margin:0;
}
h4 {
	font: 0.8em/1.0 Georgia, "Times New Roman", Times, serif;
	color:#EEEEA6;
	text-align:center;
}
h5 {
	font: 0.6em/1.0 Georgia, "Times New Roman", Times, serif;
	color:#EEEEA6;
	text-align:center;
}


.quote {
	font: 1.4em/1.7 Georgia, "Times New Roman", Times, serif;
	font-style:italic;
	word-spacing:5px;
	color:#B46F29;
	margin:30px 50px;
	padding:20px;
	border: 1px dotted #444; /* IE fix needed */
	text-align:center;
}

.quotationmark {
	line-height:0%;
	font-size:200%;
	position:relative;
	top:0.2em;
	padding:0 0.1em;
}


.quote img {
	position:relative;
}
.quote #startquote {
	top:-6px;
	left:-6px;
}
.quote #endquote {
	top:-6px;
	right:-6px;
}


.contactpanel {
/*	font: 1.4em/1.7 Georgia, "Times New Roman", Times, serif;
	font-style:italic;
	word-spacing:5px;
	color:#B46F29;
*/	margin:30px 50px;
	padding:20px;
	border: 1px dotted #444; /* IE fix needed */
	text-align:center;
}

.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 this */
	clear:both;
	z-index:5;
	border-top:1px #B46F29 solid;
	border-bottom:1px #B46F29 solid;


	font: 1.4em/1.4 Georgia, "Times New Roman", Times, serif;
	letter-spacing:0.05em;
	word-spacing:0.1em;
	font-variant:small-caps;
	color:#B46F29;
}







/* ==================== INSET IMAGES ================= */
.insetimage {
	position:relative;
	text-align:center;
	padding-bottom:3px;
	border-bottom:solid 1px #CCCC99;
	cursor:pointer;
}
.insetimage.right {
	width:200px;
	margin:5px 0px 10px 15px; /*top was 10px but annoyed me */
	float:right;
	clear:right;
/*	background-color:white; /* until you have sorted the subtitle box wrap */
}
.insetimage.left {
	width:250px;
	margin:5px 15px 10px 0px; /* again top was 10 */
	float:left;
	clear:left;
}
.insetimage.main {
	width:439px;
	padding-top:6px;
	margin: 0 auto;
	clear:both;
}

.insetimage a {
	font-weight:bold;
	text-decoration:none;
	border-bottom:1px dotted #444;
}
.insetimage a:link, .insetimage a:visited, .insetimage a:hover, .insetimage a:active {color: #CCCC99;}
.insetimage a:hover {color:#fff;}
.insetimage:hover a {color:#fff;}

.insetcols { /* a row of three insetimages spanning the page */
	margin-bottom:30px; /* works for IE, not FF until the insetcols container is clearfixed */
}
.insetcolwrapper { /* occupies the necessary space allowing the insetimage divs to be centered inside these wrappers */
	float:left;
	width:33%;
}
.insetcolwrapper .insetimage {
	margin:0 auto;
	width:230px; /* maximum figure */
}

.caption {
	background-image: url(images/magnifyer.jpg);
	background-repeat: no-repeat;
	margin:0;
	padding: 0px 5px 5px 21px;
	text-align:left;
/*	text-indent:0px; /* WHY? */
	font: 12px/1.2 "Times New Roman", Times, serif;
	color: #CCCC99;
}
.caption a {white-space:nowrap;}

.captiononly {
	margin:0;
	padding: 0px 5px 5px;
	text-align:left;
	font: 12px/1.2 "Times New Roman", Times, serif;
	color: #CCCC99;
}

.insetimage:hover p.caption {
	background-image:url(images/magnifyer_f2.jpg);
}


.insetimage.main .caption {
	text-align:justify;
}

/* ================= END INSET IMAGES ===================== */




/* ================= 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:#000; /* 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 #CCCC99;
	/* margin: 0 0 1em 0; /* WHAT DOES THIS DO?!?!?! */
	background-color:#202020; /* 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: 200px; /* 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: 200px;
	left: -999em;
}
.suckerfish a {
	color:#aaa;
	display: block;
	width: 172px;
	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: #CCCC99;
	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:#aaa;
}
.suckerfish a:hover {
	background-color:#333;
}

.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:#aaa;
}
.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:#aaa;
}
.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:#CCCC99;
	font-size:11px;
	font-weight:bold;
/*	background-color:#eee;
	background-repeat:no-repeat;
	background-position:center right;
	width: 158px;
	padding-right:28px;
	min-height:28px; /* !MJ-?! */
	text-align:left;
	padding:0 14px;
	height:18px;
	position:relative;
	top:1px;
}
.dropdownmainli {
	background-image:url(images/downarrow.gif);
	background-position:bottom right;
	background-repeat:no-repeat;
	height:18px;
	padding:0;
	margin:0;
	border: 1px solid #CCCC99;
}

a.dropdownmain:hover {
/*	background-image:url(images/plussign_f2.jpg);
*/	background-color:transparent;
	color:#CCCC99;
}

/*.dropdownmain img {
	position:relative;
	top:3px;
}
*/
/* ===================================================================== */


/* Tools */
.nopointer {cursor:auto;}
.centered {text-align:center;font-style:italic;}