/* readingroom.css 09/28/2007 */
/* called by: readingroom.php */

body, table, td, th {font-family: "Georgia", serif; font-size: 100%}

a:visited
{font-family: "Georgia", serif; font-size: 100%; font-weight: 500; color: #0000ff}
a:hover
{font-family: "Georgia", serif; font-size: 100%; font-weight: 500; color: #990099; background-color: #ffcccc}
a:active
{font-family: "Georgia", serif; font-size: 100%; font-weight: 500; color: #ff0000}
a:link
{font-family: "Georgia", serif; font-size: 100%; font-weight: 500; color: #000080}

body {background-color: #FFDDEC}

H1	{font-family: "georgia", serif; font-size: 105%; font-weight: 800; color: #640000; position: absolute; top: 50px; left: 500px}

P.LINKSTRIP     {position: absolute; top: 10px; left: 0px; width: 100%; color: #640000; background-color: transparent; text-align: center; margin-right: 0px; padding-left: 10px; padding-right: 10px}

html, body
	{
	margin				: 0px;
	padding				: 0px;
	background-color	: #ffddec;
	color				: #000000;
	font-size: 10.5px;
	line-height: 1.5;
	background-image	: url(swirl.gif);
	}
/* bizarrely IE6 seems to want to shift to the right by 3px
Could hack to shift everything else back but it looks ok */
body
	{
	margin				: 20px;
	margin-right		: 17px;
	}

div
	{
	border				: none;
	margin				: 0px;
	padding				: 0px;
	}

#wrapper1, #wrapper2
	{
	margin				: 0px;
	padding				: 0px;
	}

/* NN4 makes a mess of the backgrounds (positioning plus unintended inheritance) so exclude it. OmniWeb doesn't understand background positioning either - the left column can be achieved, but not the right one */
#wrapper1
	{
	/*/*/
	background-image	: 
url(http://pix.cloudband.com/alex/csstest/cssimages/EggzhampleCRightBg.gif);
	background-position	: right top;
	background-repeat	: repeat-y;
	/* */
	}
#wrapper2
	{
	/*/*/
	background-image	: 
url(http://pix.cloudband.com/alex/csstest/cssimages/EggzhampleCLeftBg.gif);
	background-repeat	: repeat-y;
	/* */
	}

.header
	{
	margin				: 0px;
	padding				: 0px;
	color				: #000000;
	background-color	: #ffffff;
	border				: solid 1px #000000;
	}
/* IE5 needs shifting up - and #empty to clear its parsing palette */
* html body .header
	{
	margin-bottom		: -19px;
	font-family			: "\"}\"";
	font-family			: inherit;
	margin-bottom		: 0px;
	}
#empty{}

/* -1px margin-top is so NN4 borders overlap */
.columns
	{
	margin				: 0px;
	margin-top			: -1px;
	padding				: 0px;
	border				: solid 1px #000000;
	color				: #000000;
	background-color	: #ffffff;
	}
/* reset post NN4 */
.columns
	{
/*/*/
	border				: none;
	margin-top			: 0px;
	background-color	: transparent;
/* */
	}

/*
make sure that .leftcolumn's width is equal to .centercolumn's margin-left
-11px margin-top enables columns to lign up in NN4 rather than dropping down unacceptably
*/
.leftcolumn
	{
	float				: left;
	left				: 0px;
	width				: 275px;
	margin				: 0px;
	margin-top			: -11px;
	padding				: 0px;
	}
/* reset post NN4 */
.leftcolumn
	{
/*/*/
	margin-top			: 0px;
/* */
	}

/*
make sure that .rightcolumn's width is equal to .centercolumn's margin-right
*/
.rightcolumn
	{
	position			: static;
	float				: right;
	width				: 275px;
	margin				: 0px;
	padding				: 0px;
	}


/* .centercolumn base settings
====================================
These values allow the three columns to butt up against each other
You can change the margins between them either by altering these values. However, in most cases altering the padding property of the .[$column]padding selectors will be simpler and more effective.
------------------------------------
NN4
------------------------------------
margin-left		: -25px
margin-right	: 0px
margin-top		: -1px
If you must change these, experiment with these values extensively since the center column does not move in a direct one-to-one relationship to the value specified here. The margin-top of -1px is needed to make NN4 line up correctly.
------------------------------------
OmniWeb
------------------------------------
margin-left		: 0px;
margin-right	: 0px;
------------------------------------
Other browsers
------------------------------------
margin-left		: width of .leftcolumn
margin-left		: final width of .rightcolumn
margin-right is set to the value of the overriding values for .rightcolumn's width.
*/
.centercolumn
	{
	margin				: 0px;
	padding				: 0px;
	}
/* OmniWeb value - others in external css file */

/* no they're not - they're here for ease of viewing for the moment */
/* NN4 values */
.centercolumn
	{
	margin-right		: 0px;
	margin-left			: -25px;
	}
/* Other browsers */
/*/*/
.centercolumn
	{
	margin-right		: 275px;
	margin-left			: 275px;
	}
/* */

/* OmniWeb (exclude from IE5 mac) */
/*\*/
.fake.centercolumn
	{
	margin-right		: 0px;
	margin-left			: 0px;
	}
/* reset IE*/
* html body .centercolumn
	{
	margin-right		: 200px;
	margin-left			: 200px;
	}


/* -7px margin-top enables footer/middles to lign up in NN4 rather than dropping down unacceptably */
.footer, .middle
	{
	clear				: both;
	margin				: 50px;
	margin-top			: -7px;
	padding				: 25px;
	color				: #000000;
	background-color	: #ffc4ba;
	border				: solid 1px #000000;
	}
/* reset post NN4 */
.footer, .middle
	{
/*/*/
	margin-top			: 0px;
/* */
	}

.headerpadding, .leftpadding, .centerpadding, .rightpadding
	{
	margin				: 0px;
	padding				: 10px;
	}

/* following styles have nothing to do with the structural layout */
h1, h2, h3
	{
	margin-top			: 0px;
	}

p
	{
	margin-bottom		: 0px;
	}

#nav, #nav ul {
	float: left;
	width: 100%;
	list-style: none;
	line-height: 1;
	height: auto;
	color: #e8e8e8;
	font-weight: bold;
	padding: 0;
	border: solid #747474;
	border-width: 1px 0;
	margin: 0 0 1em 0;
	z-index: 7;
}

#nav a {
	display: block;
	width: 10em;
	color: #b9b9b9;
	text-decoration: none;
	padding: 0.25em 2em;
	z-index: 7;
}

#nav a.submenu {
	background: url(rightarrow.gif) center right no-repeat;
	z-index: 7;
}

#nav a.one {
	font-weight: 800;
	z-index: 7;
}

#nav li {
	float: left;
	padding: 0;
	width: 10em;
	z-index: 7;
}

#nav li ul {
	position: absolute;
	left: -999em;
	height: auto;
	width: 13.9em;
	font-weight: normal;
	border-width: 0.25em;
	margin: 0;
	z-index: 7;
}

#nav li li {
	padding-right: 1em;
	width: 13em;
	z-index: 7;
}

#nav li ul a {
	width: 9em;
	z-index: 7;
}

#nav li ul ul {
	margin: -1.75em 0 0 14em;
	z-index: 7;
}

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
	left: -999em;
	z-index: 7;
}

#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {
	left: auto;
	z-index: 7;
}

#nav li:hover, #nav li.sfhover {
	background: #fff1c7;
	z-index: 7;
}

P.THISPAGE	{text-align: center; font-size: 95%; font-family: "Courier New", monospace; color: #990000; font-weight: 800}

P.CATEGORIES {position: relative; top: 20px; left: 0px; font-size: 9px; font-weight: 600; color: #CC0033}

H1	{font-family: "Georgia", serif; font-size: 160%; font-weight: 800; color: #CC0033}

H2	{font-family: "Georgia", serif; font-size: 120%; font-weight: 800; color: #F80063}

H3	{font-family: "Georgia", serif; font-size: 100%; font-weight: 700; color: #6B08BD}

H4	{font-family: "Georgia", serif; font-size: 120%; font-weight: 600; text-align: left; color: #6B08BD}

H5	{font-family: "Georgia", serif; font-size: 18px; font-weight: 700; color: #CC0033; background-color: #FFFFFF}
h5 span.left-element { float: left; }
h5 span.right-element { float: right; }

H6	{font-family: "Georgia", serif; font-size: 120%; font-weight: 700; color: #CC0033; background-color: #FFFFFF}

SPAN.ARTTL	{font-size: 140%}

SPAN.SUBHEAD {font-family: "Georgia", serif; font-size: 120%; font-weight: 700; color: #660099}

SPAN.LILTYPE	{font-size: 9px}

P.BIGGER		{font-size: 140%}

DIV.BOOKREV0		{background: url(retro.gif); font-size: 10px; border: 1px black dashed; display: inline; float: left; padding-left: 5px; padding-right: 5px}

DIV.BOOKREV1		{background: #EEEEFF; font-size: 10px; border: 1px black dashed; display: inline; float: right; padding-left: 5px; padding-right: 5px}

P.ENDNOTE         {background-color: transparent; font-weight: 600; color: #007171; text-align: center}

input, select, textarea {margin-left: .1em; background: #FFE6B3; color: #CC0033; font-weight: 800; font-family: "Courier New", monospace}