@import url(shared4.css);
/*	@import url(tables4.css); */

/*	SITE COLOURS:																					.
	LGrey			#dae6eb		Grey			#92999d		DGrey		#303335	.
	LPole			#bfb8a0			Pole			#b0a789		DPole			#76705c	.
	LBlue			#6973c6		Blue			#1a18a0		DBlue			#030b4c	.
																			BBlue			#b3b8df		.
	Grey:			table rules/fills (default)														.
	Pole:			table rules/fills (punch), heads												.
	Blue:			logo sign, borders/text on links												.
																											.
	SITE FONTS:																						.
	Georgia:		default content, large headings												.
	Times:		ribbon bar																			.
	Trebuchet:	small headings, small text, footnotes, form elements				  */

/*	Fonts */
@font-face
	{	font-family: "Deroon";
		src: url('img/deroon-web.eot');
		src: url('img/deroon-web.eot?#iefix') format('embedded-opentype'), url('img/deroon-web.ttf') format('truetype');
		font-weight: normal; font-style: normal }

body, #content, .content, #sidebar .nav, h2, h3, h3.notes, h4, h5, sup, #search input, table.articles tbody td.toc p
	{	font: 1.25rem/1.6 "Crimson Pro", serif }

.notes, blockquote p
	{	font: 420 1.15rem/1.3 "Crimson Pro", serif }

h1, .huge
	{	font: 2.75rem/1.2 Deroon, "Crimson Pro", serif; letter-spacing: -.05em; word-spacing: .05em }
h1.article
	{	font: 400 2.6rem/1.15 "Crimson Pro", serif; letter-spacing: -.02em; word-spacing: 0 }
h1.review
	{	font: 400 italic 2rem/1 "Crimson Pro", serif; letter-spacing: -.01em; word-spacing: 0 }

#menu, #sidebar, #footer, table.articles td p,
#content .nextprev_top, #content .nextprev_bot,
table.articles tbody td p.flush, table.articles tbody td p.ind,
input, textarea, select, option, optgroup, button
	{	font: .9rem/1.5 sans-serif }

/*	Backgrounds */
#content h2, #content hr, #content h3.hr, #content p.hr, blockquote.pq, table.menu, table.articles, ul.contents, var.page
	{	background: transparent url(img/box-top.png) repeat-x left top }

/*	Links */
a	{	word-wrap: break-word }
a, a:visited
	{	text-decoration: none;
		color: #359; border-bottom: 1px dotted transparent; text-shadow: 0px 0px 4px rgba(51, 102, 153, 0.3) }
a img
	{	border: 1px solid #aaa }
a:hover
	{	border-color: #999; text-shadow: 0px 0px 4px rgba(51, 102, 153, 0.6) }
a.blue, #menu .info a
	{	color: #338 }
a.yellow, #menu .pub a
	{	color: #dfb200 }
a.green
	{	color: #093 }
a.red
	{	color: #c33 }
#sidebar a
	{	color: #fc0 }
a.blue:hover, #menu .info a:hover
	{	 }
a.yellow:hover, #menu .pub a:hover
	{	text-shadow: 0px 0px 4px rgba(223, 178, 0, 0.8) }
a.green:hover, #sidebar a:hover
	{	text-shadow: 0px 0px 4px rgba(0, 153, 51, 0.7) }
a.red:hover
	{	text-shadow: 0px 0px 4px rgba(204, 51, 51, 0.5) }
a:hover img, #sidebar p.cover a:hover img
	{	border: 1px solid #999; box-shadow: 1px 1px 3px rgba(51, 102, 153, 0.6) }

/*	Blocks */
p
	{	margin: 0 0 10px;
		text-indent: 40px }
#logo p, #search p, #menu p, #sidebar p, #footer p
	{	text-indent: 0 }
.notes p
	{	margin-bottom: 0 }
p.author
	{	margin: 2rem 1rem; text-indent: 0; text-align: center;
		font-weight: normal; font-style: italic; hyphens: none }
p.book
	{	margin: 20px 0 10px 40px; text-indent: -40px }
p.book1
	{	margin: 0 0 5px 40px; text-indent: -40px }
p.book2
	{	margin: 0 0 10px 40px; text-indent: -40px }
p.bookind
	{	margin: 0 0 0 80px; text-indent: -40px }
p.booknobr
	{	margin: 0 0 10px 40px; text-indent: -40px }
p.center
	{	text-align: center; text-indent: 0 }
p.hang
	{	margin-left: 40px; text-indent: -40px }
p.ind
	{	margin-left: 40px }
p.ind2
	{	margin-left: 80px }
p.ind3
	{	margin-left: 120px }
p.ind05
	{	margin-left: 20px }
p.ind15
	{	margin-left: 60px }
p.ind25
	{	margin-left: 100px }
p.hang.ind
	{	margin-left: 80px }
p.hang.ind2
	{	margin-left: 120px }
p.hang.ind3
	{	margin-left: 160px }
p.li
	{	margin: 5px 0 0;
		text-indent: 0 }
p.nextprev_top, p.nextprev_bot
	{	text-indent: 0; text-align: right }
p.nextprev_top
	{	float: right; margin: 0 0 0 25px }
p.nextprev_bot
	{	margin: 25px 0 0 25px }
p.note
	{	margin-right: 45px; margin-bottom: 10px;
		font-size: 1.1rem; font-weight: 600; text-indent: 0 }
h1.review + p.note
	{	font-size: 1.4rem; line-height: 1.2; font-weight: 300; text-indent: 0 }
p.bookauthor
	{	margin-bottom: 0;
		font-size: 1.4rem; line-height: 1.2; font-weight: 700; text-indent: 0 }
p.pict_capt
	{	font-size: 1em; font-style: italic }
p.pict_credit
	{	font-size: 13px }
p.right
	{	text-align: right; text-indent: 0 }
p.section, p.review
	{	color: #444;
		font-size: 1.1rem; line-height: 1.4; text-indent: 0; text-transform: uppercase; letter-spacing: 0.05em }
table.articles tbody td.toc p.section
	{	font-weight: 600 }
p + p.section
	{	margin-top: 2rem; margin-bottom: -2rem;
		font-size: 1.25rem; font-weight: 400; text-align: center }
p + p.review
	{	margin-top: 2rem; margin-bottom: 1rem;
		font-size: 1.25rem; font-weight: 400 }
p.small
	{	font-size: 14px; line-height: 1.5 }
p.topmost
	{	text-align: center; text-indent: 0; font-weight: bold; margin-top: 11px; }

h1
	{	margin: 10px 0 10px;
		color: #222 }
.huge
	{	font-size: 60px }
h1 em, .huge em
	{	color: #555;
		font-style: normal }
h1 em em, .huge em em
	{	color: black;
		font-style: normal }
h1.article
	{	margin: 3rem .5rem 2rem; text-align: center;
		color: #222 }
h1.review
	{	margin: .2rem 0 .3rem }
h1.review em
	{	font-style: normal }
h1.review em em
	{	font-style: italic }
h2
	{	margin: 30px 45px 0 10px;
		color: #444;
		font-size: 23px; line-height: 1.4 }
#content h2
	{	margin-left: -45px; margin-right: -45px; padding: 10px 90px 10px 45px;
		border-top: 1px solid #c6d6de }
h3
	{	margin: 2rem 1rem .5rem 0;
		font-weight: 700 }
#content h3 /* changed to remove allcaps 2025-10-20 */
	{	font-size: 1.4rem; color: #444 }
#content h3.notes
	{	margin-bottom: 1rem; text-align: center;
		font-weight: 700 }
h3 label
	{	font-size: 1.1rem }
h4
	{	margin: 2rem 1rem .5rem 0;
		font-weight: 500; font-style: italic }
h4 em
	{	font-style: normal }
h2+p, h3+p, h4+p
	{	text-indent: 0 }
h3+h4
	{	margin-top: 0 }
h5
	{	margin: 1rem 0 0;
		font-size: 1.15rem; font-weight: normal }
h5 em /* changed 2024-08-28 */
	{	font-style: italic }
h5.foot
	{	margin-top: 2rem; padding-top: 1rem;
		border-top: .1rem solid #c6d6de;
		font-style: italic }
h5.foot em
	{	font-style: normal }
h6
	{	font-size: 11px }
h6
	{	margin: 0 0 5px }

hr
	{	margin: 20px -45px -10px; padding: 10px 45px 10px;
		border: 0 none; border-top: 1px solid #c6d6de }
hr.nofade
	{	margin-top: 10px;
		background: transparent }
#content h3.hr
	{	margin: 20px -45px 0; padding: 10px 90px 5px 45px;
		border-top: 1px solid #c6d6de }
#content p.hr
	{	margin-top: 20px; margin-left: -45px; margin-right: -45px; padding: 10px 45px 0;
		border-top: 1px solid #c6d6de }

blockquote
	{	margin: 20px 40px }
blockquote p
	{	text-indent: 0 }
#content td
	{	font-size: 1.15rem }
blockquote h4, blockquote h5
	{	margin-right: 0 }
blockquote img
	{	margin: 10px auto;
		border-color: #666 }
blockquote.pq
	{	margin-top: 1.5rem; margin-bottom: 1.25rem; padding: 1rem 2rem; text-align: center;
		border-top: .1rem solid #bbcad2; border-bottom: .1rem solid #c6d6de;
		font-size: 1.5rem; line-height: 1.3; font-style: italic }
blockquote.flush
	{	margin-left: 0; margin-right: 0 }
blockquote.shade
	{	padding: 20px 0;
		background-color: #eee }
blockquote.columns, div.columns
	{	display: table; width: 100% }
blockquote.columns>div, div.columns>div
	{	display: table-cell; padding-left: 20px }
blockquote.columns>div.half, div.columns>div.half
	{	width: 50% }
blockquote.columns>div:first-child, div.columns>div:first-child
	{	padding-left: 0 }
blockquote.figure
	{	padding: 10px 0;
		border-top: 1px solid #c6d6de; border-bottom: 1px solid #c6d6de }
blockquote.figure>p, blockquote.figure>h3, blockquote.figure>h4, blockquote.figure>h5
	{	text-align: center }
blockquote.figure table
	{	margin-left: auto; margin-right: auto }
#content blockquote h3:first-child, #content blockquote h4:first-child,
#content td h3:first-child, #content td h4:first-child, #content th h3:first-child, #content th h4:first-child
	{	margin-top: 0 }
#content blockquote img:first-child, #content td img:first-child, #content th img:first-child
	{	margin-top: 5px }
#content blockquote p:last-child
	{	margin-bottom: 0 }
#content blockquote img:last-child
	{	margin-bottom: 5px }

dl
	{	margin: 20px 0 10px }
dd
	{	margin: 0 0 10px 30px }
dt
	{	margin: 20px 0 10px }

ol, ul
	{	margin: 0 0 10px; padding: 0 0 0 40px }
ul
	{	list-style: disc url(img/bullet.png) }
ul ul
	{	list-style: circle }
ul ul ul
	{	list-style: square }
ul.contents
	{	margin: 15px -45px; padding: 10px 45px 10px 70px;
		background-color: #e5e5e5; list-style: square url(img/bullet-big.png) }
ol
	{	list-style: decimal }
ol.caps
	{	list-style: upper-alpha }
ol.lower
	{	list-style: lower-alpha }
ol.roman
	{	padding-left: 80px; list-style: upper-roman }
ul ul, ul ol, ol ul, ol ol
	{	margin-bottom: 5px }
ul ul.nobr, ul ol.nobr, ol ul.nobr, ol ol.nobr
	{	margin-bottom: 0 }
ul ul:last-child, ul ol:last-child, ol ul:last-child, ol ol:last-child
	{	margin-bottom: 0 }
.compress
	{	padding-left: 20px }
li
	{	margin: 5px 0 0 }
ol>li
	{	padding-left: .5rem }
.nobr>li
	{	margin-top: 0 }
ul.par>li
	{	margin: 10px 0 0 }
li:first-child, ul.par>li:first-child
	{	margin-top: 0 }
li li:first-child
	{	margin-top: 5px }
li .nobr>li:first-child
	{	margin-top: 0 }
li>p
	{	margin-bottom: 0 }
li>p:first-child
	{	text-indent: 0 }

.notes
	{	line-height: 1.3 }
ul.nobull
	{	margin: 0 0 10px 20px; padding-left: 20px;
		list-style: none }
ul.notes
	{	margin: 0 0 10px 20px; padding-left: 20px;
		list-style: none;
		text-indent: -20px }
ol.notes>li, ul.notes>li
	{	margin: 0 0 10px }
p.notes
	{	margin-left: 40px;
		text-indent: -40px }
li > p.notes
	{	margin-left: 0; text-indent: 0 }
p.notes.ul
	{	text-indent: -20px }
p.notes.flush
	{	margin-left: 0;
		text-indent: 0 }

/*	Inline and overrides */
.br, .bronly
	{	margin-top: 10px }
.nowrap
	{	white-space: nowrap }
.print, .hide
	{	display: none }
a.notice
	{	font-weight: bold; color: #c33; border: 1px solid #ddd; padding: 10px }
img
	{	display: block }
#hunterStatusbar img
	{	display: inline }
img.icon
	{	vertical-align: text-bottom }
img.bullet
	{	display: inline; padding: 0 5px }

abbr
	{	border-bottom: 1px dotted #76705c }
blockquote.pq em, em em
	{	font-style: normal }
small
	{	letter-spacing: -0.09em }
small.new
	{	padding-left: 10px;
		color: #da0e1a;
		font-size: 13px; font-weight: bold; font-style: italic; letter-spacing: 0 }
sup small
	{	letter-spacing: -0.2em }
sup
	{	font-size: 40%; line-height: 1; font-weight: 620; vertical-align: 60%; letter-spacing: 0.1em }
p sup, li sup, dd sup, dt sup, td sup, h4 sup, h5 sup
	{	font-size: .85rem; vertical-align: 40% }
sup.verse
	{	font-size: .85rem; font-weight: 360; vertical-align: 30% }
sub
	{	font-size: 70%; line-height: 0.8; vertical-align: -30% }
sub.sc
	{	font-size: 80%; vertical-align: baseline }
var.page
	{	padding: 0 .25rem .15rem; vertical-align: .15rem;
		border: .1rem solid #bbcad2; border-radius: .3rem;
		font: 620 1rem/1.4rem "Crimson Pro", sans-serif; color: #555 }

/*	Forms */
input.text, input.password, input.maxwidth, textarea
	{	padding: 3px 5px 3px;
		line-height: 17px;
		border: 0 none; box-shadow: 0 0 3px rgba(0, 0, 144, 0.5) }
input.text:focus, input.password:focus, input.maxwidth:focus, textarea:focus
	{	background-color: #ffc; box-shadow: 0 0 3px #009 }
textarea
	{	padding: 2px 2px 2px 5px }
select
	{	padding: 2px; 
		line-height: 17px;
		border: 0 none; box-shadow: 0 0 3px rgba(0, 0, 144, 0.5) }
select:focus
	{	background-color: #ffc; box-shadow: 0 0 3px #009 }
optgroup
	{	font-weight: bold; font-style: normal }
input.text[disabled], input.password[disabled], input.maxwidth[disabled], textarea[disabled], select[disabled]
	{	background-color: #e5e5e5; color: #999 }
input.maxwidth, textarea.maxwidth, select.maxwidth
	{	width: 100% }
button, input.button
	{	width: 150px; height: 30px }
#CaptchaImg
	{	float: right; margin-left: 15px; margin-right: 7px; margin-bottom: 8px }
.captcha img.icon
	{	padding: 0 1px 0 2px; vertical-align: -30% }
.captcha h5
	{	margin-top: 5px;
		font-weight: normal }
input.checkbox, input.radio
	{	margin: 4px 0 2px;
		background-color: transparent; border: 0 none }
label.checkbox, label.radio, label.checkbox_error, label.radio_error
	{	display: block; margin: -22px 0 2px 22px }
label.error, label.checkbox_error, label.radio_error
	{	border: 1px dotted #999; padding-left: 2px; padding-right: 2px; background-color: #ff6; color: black }
label.disabled
	{	color: #92999d }

table.form
	{	margin-top: 15px; margin-bottom: 15px }
table.form td
	{	padding: 6px 10px 4px }
table.form td.another
	{	padding-left: 0 }
table.form td.label.another
	{	padding-left: 10px }
table.form td.label
	{	padding: 6px 10px 6px 0 }
table.form .nobr td
	{	padding-top: 2px; padding-bottom: 4px }
table.form .bot td
	{	padding-bottom: 10px }
table.form .solo td
	{	padding-top: 12px; padding-bottom: 10px }
table.form .top td, table.form .solo td.label, table.form .top td.label
	{	padding-top: 12px }
table.form .solonobr td
	{	padding-top: 8px; padding-bottom: 10px }
table.form .topnobr td, table.form .solonobr td.label, table.form .topnobr td.label
	{	padding-top: 8px }
table.form .nobr td.label, table.form .botnobr td.label
	{	padding-top: 2px }
table.form .bot td.label, table.form .botnobr td.label, table.form .solo td.label, table.form .solonobr td.label
	{	padding-bottom: 12px }

table.form td.text
	{	padding-top: 4px; padding-left: 0; padding-right: 16px }
table.form td.texts
	{	padding-top: 4px; padding-left: 0; padding-right: 13px }
table.form td.data
	{	padding-top: 4px; padding-left: 0; padding-right: 6px }
table.form td.data_first
	{	padding-top: 4px; padding-right: 6px }
table.form td.first
	{	padding-left: 10px }
table.form .nobr td.text, table.form .nobr td.data, table.form .nobr td.data_first, table.form .nobr td.texts,
	table.form .botnobr td.text, table.form .botnobr td.texts, table.form .botnobr td.data,
	table.form .botnobr td.data_first
	{	padding-top: 0 }
table.form .solo td.text, table.form .solo td.data, table.form .solo td.data_first, table.form .solo td.texts,
	table.form .top td.text, table.form .top td.texts, table.form .top td.data, table.form .top td.data_first
	{	padding-top: 10px }
table.form .solonobr td.text, table.form .solonobr td.texts, table.form .solonobr td.data,
	table.form .solonobr td.data_first, table.form .topnobr td.text, table.form .topnobr td.texts,
	table.form .topnobr td.data, table.form .topnobr td.data_first
	{	padding-top: 6px }

table.form .white td
	{	border-top: 1px solid white }
table.form tr td.nob
	{	border-top: 0 none }
table.form .but td
	{	padding-bottom: 10px; border-top: 1px solid white }

/*	Tables */
#content th
	{	font-size: 1.25rem; font-weight: normal; font-style: italic; hyphens: none }
table.ind
	{	padding-left: 40px; padding-right: 40px }
table.table
	{	margin: 15px auto }
table.columns
	{	margin: 0 auto }
table.columns td
	{	padding: 0 20px 10px 0 }
table.columns td:last-child
	{	padding-right: 0 }
	
table.lines
	{	margin: 20px auto; border-collapse: collapse; border-bottom: 1px solid }
table.lines caption
	{	font-weight: bold;
		padding-bottom: 10px }
table.lines td
	{	padding: 10px 20px; border-left: 1px solid }
table.lines th
	{	font-weight: normal; text-align: left;
		padding: 10px 20px; border-top: 1px solid; border-bottom: 1px solid }
table.lines td:first-child, table.lines th:first-child
	{	padding-left: 0; border-left: 0 none }
table.lines td:last-child, table.lines th:last-child
	{	padding-right: 0 }
	
td.brbot
	{	padding-bottom: 10px }
td.brbotsm
	{	padding-bottom: 5px }
td.line
	{	border-bottom: 1px solid }
table.columns td.lines
	{	padding-top: 10px; border-top: 1px solid; border-bottom: 1px solid }
	

table.menu, table.articles
	{	margin: 20px auto; padding: 0;
		border: 0 none }
table.menu td
	{	padding: 0;
		border-top: 1px solid #c6d6de;
		line-height: 1.2 }
table.menu .nobr td
	{	padding-top: 0; border-top: 0 none }
table.menu tbody tr:last-child td, table.articles tbody tr:last-child td
	{	border-bottom: 1px solid #c6d6de }
table.menu a, table.articles a
	{	border: 0 none }

table.menu tbody tr:hover
	{	background-color: #ffefae }
table.menu tbody tr:hover img
	{	border: 1px solid #999; box-shadow: 1px 1px 3px rgba(51, 102, 153, 0.6) }
#content table.menu td img:first-child
	{	margin-top: 0 }
table.menu td.icon a
	{	display: block; padding: 6px 10px 6px 20px }
table.menu td.text a, table.menu td.small a
	{	display: table; height: 40px; width: 100%; padding: 6px 0 }
table.menu td.text a>p, table.menu td.small a>p
	{	display: table-cell; padding: 0 10px; vertical-align: middle;
		text-indent: 0 }
table.menu tr:hover a>p
	{	text-shadow: 0px 0px 4px rgba(51, 102, 153, 0.6) }
table.menu td:last-child a>p
	{	padding-right: 20px }

table.articles tbody td.toc p
	{	line-height: 22px }
table.articles th
	{	padding: 4px 10px;
		text-align: left }
table.articles td
	{	padding: 6px 10px;
		border-top: 1px solid #c6d6de;
		line-height: 22px }
table.articles th:first-child, table.articles td:first-child
	{	padding-left: 20px }
table.articles th:last-child, table.articles td:last-child
	{	padding-right: 20px }
table.articles .nob td, table.index .nob td
	{	border-top: 0 none }
table.articles tbody a
	{	border: 0; text-shadow: none }
table.articles tbody a:hover
	{	border: 0; text-shadow: none }
table.articles tbody tr:hover
	{	background-color: #ffefae }
table.articles tbody tr:hover a
	{	text-shadow: 0px 0px 4px rgba(51, 102, 153, 0.6) }
table.articles tbody tr.nolink:hover
	{	background-color: transparent }
table.articles tbody tr.nolink:hover a
	{	text-shadow: none }

table.articles td.toc a
	{	display: block; margin: -6px -300px -6px -20px; padding: 6px 300px 6px 20px }
table.articles td.section
	{	padding-bottom: 0 }
table.articles td.authors
	{	width: 180px; padding-top: 8px;
		white-space: nowrap }
table.articles td.authors a
	{	display: block; width: 180px; margin: -6px -10px; padding: 6px 10px }
table.articles td.pages
	{	width: 60px; padding-top: 8px;
		white-space: nowrap }
table.articles td.pages a
	{	display: block; width: 60px; margin: -6px -20px -6px -10px; padding: 6px 20px 6px 10px;
		white-space: nowrap }
table.articles td.ref
	{	width: 180px }
table.articles td.ref a
	{	display: block; width: 180px; margin: -6px -10px -6px -20px; padding: 6px 10px 6px 20px }
table.articles td.index a
	{	display: block; margin: -6px -20px -6px -220px; padding: 6px 20px 6px 220px }
table.articles td.authors a, table.articles td.pages a, table.articles td.ref a
	{	color: black }

table.articles tbody p
	{	margin: 0;
		text-indent: 0 }
table.articles tbody p.section
	{	text-transform: uppercase; letter-spacing: 0.03em }
table.articles tbody p.ind
	{	margin-left: 20px;
		color: black;
		text-indent: 0 }
table.articles tbody p.flush
	{	margin-left: 0;
		color: black;
		text-indent: 0 }

table.form thead th
	{	text-align: left }
table.form tbody td
	{	font-size: 13px }
table.form .but td
	{	padding-top: 4px; padding-bottom: 2px;
		background-color: #008a0b; border-top: 0 none }
table.form tbody td #SelectedStyle
	{	border: 1px solid white }

caption
	{	margin: 0 0 5px;
		font-size: 1.15rem; text-align: center }

#errors
	{	margin-right: 40px; padding: 5px 10px 0 0;
		background-color: #e5e57f; border: 1px dotted #a34d44 }


/*	PAGE STRUCTURE */
body
	{	margin: 0;
		background: #58b url(img/paper-top.png) repeat-x 32% top }

#page
	{	width: 100%; max-width: 1100px; min-width: 580px;
		background: transparent url(img/beam-yellow.png) no-repeat left top }
#logo
	{	float: left; margin: 0 0 20px 30px }
#logo img
	{	padding: 0 0 20px 20px;
		border: 0 none }
#search
	{	float: right; margin: 45px 50px 0 0 }
#search h3
	{	color: #eee }
#search input
	{	height: 40px; margin: 0; padding: 0 10px }
#search input.text
	{	width: 360px; padding: 0 50px 0 10px; border-radius: 8px 0 8px 0;
		color: #a2b6bf; background-color: #eee; background-color: rgba( 255, 255, 255, .8); border: 0 none;
		box-shadow: 1px 1px 3px rgba(54, 54, 96, 0.6); font-size: 20px }
#search input.text:focus
	{	color: black; background-color: #ffefae }
#search input.button
	{	width: 38px; height: 38px; margin: 0 0 0 -40px; border: 0 none; cursor: pointer;
		background: transparent url(img/search.png) no-repeat center center;
		text-indent: -200px }

div.wrapper
	{	clear: both; float: right; width: 100%; margin-left: -245px }
div.letters
	{	text-align: center }
div.letters a, div.letters big
	{	padding-left: 1px; padding-right: 1px }

#menu
	{	min-width: 580px; margin-left: 245px; border-top-left-radius: 15px; white-space: nowrap;
		color: #111; background: transparent url(img/sidebar-bot.png) repeat-x left top; border-bottom: 5px solid white }
#menu>ul
	{	margin: 0; padding: 0 35px 0 0;
		font-style: normal; text-align: right; line-height: 25px }
#menu>ul:first-child
	{	float: left; padding: 0 0 0 35px }
#menu>ul>li
	{	display: inline; margin: -8px 0 0; padding: 0 2px }
#menu>ul>li>a, #menu>ul>li>em
	{	display: inline-block; padding: 10px 13px 5px;
		border: 0 none;
		font-style: normal }
#menu>ul>li>a:hover
	{	background-color: #ffefae; background-color: rgba( 255, 239, 174, 0.5);
		box-shadow: 1px 1px 3px rgba(51, 102, 153, 0.6) }
#menu>ul.pub>li>a:hover
	{	background-color: #283f4f; background-color: rgba( 40, 63, 79, 0.5);
		box-shadow: 1px 1px 3px rgba(51, 102, 153, 0.6) }
#menu>ul>li.current>a:hover, #menu>ul.pub>li.current>a:hover
	{	background-color: transparent; box-shadow: none }
#menu>ul>li.current
	{	padding: 18px 0 13px; border-radius: 15px 15px 0 0;
		border: 2px solid white; border-bottom: 0 none; background-color: #dfb200 }
#menu>ul.pub>li.current
	{	color: #eee; background-color: #283f4f }

#content
	{	min-width: 480px; margin-left: 245px; padding: 35px 50px 30px 45px; border-bottom-left-radius: 30px;
		background: white url(img/page-top.png) repeat-x left top; border-left: 5px solid white }
#content .pageid
	{	color: transparent }

#sidebar
	{	clear: left; margin-left: 30px; width: 175px; padding: 35px 20px 20px 20px;
		color: #eee; background: transparent url(img/sidebar-bot.png) no-repeat left bottom;
		border-radius: 0 20px 0 30px }
#sidebar .nav
	{	margin: 0 -1px; padding: 0 5px 2px;
		border: 1px dotted transparent;
		font-size: 29px; line-height: 1.4 }
#sidebar span.nav
	{	color: #778 }
#sidebar a.nav:hover
	{	border-color: #ccc }
#sidebar p.cover
	{	margin: 5px 0 10px;
		text-align: center }
#sidebar p.cover img
	{	display: inline; vertical-align: bottom;
		border: 1px solid #ccc }
#sidebar p.issue
	{	margin: 0 0 10px;
		text-align: center }
#sidebar p.page
	{	text-align: center }
#sidebar p.page .current
	{	display: inline-block; width: 100px; margin-bottom: 5px; padding: 2px 5px 2px;
		border: 1px solid #777;
		text-align: center; vertical-align: bottom }
#sidebar h2
	{	margin-bottom: 5px;
		color: #ccc;
		font-size: 19px; line-height: 1.4 }
#sidebar ul
	{	padding: 0 0 0 20px }

#footer
	{	clear: both; margin: 0 40px 0 0; padding-top: 20px;
		color: #222;
		text-align: right }
#footer p
	{	display: inline; padding: 10px 10px 20px;
		white-space: nowrap;
		border-left: 1px solid transparent }
#footer p:first-child
	{	border-left: 0 none }
#footer .pageid
	{	color: #58b }
#footer a img
	{	border: 0 none; box-shadow: none }


@media only screen and (max-width: 900px) {

	#sidebar, #search, #footer .pageid
		{	display: none }
	div.wrapper
		{	float: none; margin-left: 0 }
	#menu
		{	margin-left: 0 }
	#menu>ul
		{	display: inline-block }
	#menu>ul:first-child
		{	float: none }
	#menu .info a, #menu .pub a
		{	color: #338 }
	#menu .info li:first-child a
		{	color: #dfb200 }
	#menu>ul.pub>li>a:hover
		{	background-color: #ffefae; background-color: rgba( 255, 239, 174, 0.5);
			box-shadow: 1px 1px 3px rgba(51, 102, 153, 0.6) }
	#menu>ul.info>li:first-child>a:hover
		{	background-color: #283f4f; background-color: rgba( 40, 63, 79, 0.5);
			box-shadow: 1px 1px 3px rgba(51, 102, 153, 0.6) }
	#menu>ul.pub>li.current
		{	color: #111; background-color: #dfb200 }
	#menu>ul.info>li:first-child.current
		{	color: #eee; background-color: #283f4f }
	#content
		{	margin-left: 0 }
}

@media print {

	a, a:visited
		{	text-decoration: underline }
	.noprint, #menu, p.nextprev_top, p.nextprev_bot, #footer p.credit
		{	display: none }
	.print
		{	display: block }
	body, #page, #content
		{	background: transparent }
	#logo
		{	margin-bottom: 0 }
	#content
		{	padding-top: 0; padding-bottom: 0 }
	#footer
		{	margin: 0; padding-top: 15px }
	h1, .huge
		{	font: 44px/1.5 Cambria, "Times New Roman", Times, serif; letter-spacing: -.04em }
	h1
		{	margin-top: 0 }
	.huge
		{	font-size: 60px }
	h1 em, .huge em
		{	font-style: italic }
	h1, h1 em, .huge em, h2, h3, #content h3
		{	color: black }
}