/* 	
	Stylesheet Name: Book
	Template Name: Bookish
	Description: Expanded layout for complex LEARN NC publications. Provides support for single-level chapters.
	Version: 1.6
	Date: November 2007
	Author: David Walbert
	Author URI: http://www.learnnc.org
	
	Liquid layout, but text columns has max-width of 45em (main) and 30em (sidebar) for readability. 
	Images scale to column width.
	
	KNOWN ISSUES
	
	Tested in Firefox2 , Safari 1 & 2, IE 7, and IE 6.
	
	Safari: If the window width becomes small enough that the main text column gets its width from the % rather than its max-width,
	images stay at 45em wide but their height changes proportionally to the container. Text scaling does not cause a problem. 
	The window needs to be larger than about 900px to avoid this problem. 
	
	IE 6: Max-width does not apply. This is only a problem if the window becomes too small and main-column images overlap the sidebar.
	However, this would be a problem in most simple layouts as well.
*/

	@import url(/lp/library/styles/banner.css);
	@import url(/lp/library/styles/microformats.css);
	@import url(/lp/library/styles/autosuggest.css);


/* 	PAGE LAYOUT
	____________________________________________________________________________ */
	
	body {
		margin: 0;
		background-color: #fff;
	}
	#banner {
		background-color: transparent;
		width: 100%;
	}	
	#content {
		float: left;
		width: 100%;
		max-width: 120em;
	}
	#page-header, #page-body, #page-footer, #cover {
		margin-left: 18em;
	}
	#edition-header {
		width: 100%;
	}
	#edition-header h2 {
		margin: 0;
		padding: 0.5em 10px;
	}
	#page {
		float: left;
		width: 60%; 
		padding: 1em 10px 1.5em 0;
	}
	#page-header, #page-body, #page-footer, #cover, .slide {
/*		max-width: 50em; */
		width: 50em;
	}
	#page-body img, .wide img {
		max-width: 100% !important;
		height: auto !important;
	}
	.slide img {
		max-width: 100% !important;
		height: auto !important;
	}
	#cover .slide img {
		width: 100% !important;
		height: auto !important;
	}
	#page-header {
		margin-bottom: 4em;
	}
	#page-footer {
		border-top: solid 1px #9cc0e4;
		margin-top: 2em;
		padding-top: 1em;
	}
	#page-footer p, #page-footer li, #page-footer dt, #page-footer dd {
		font-size: 1em;
	}
	#sidebar {
		margin-left: 70%;
		margin-left: 76em;
		width: 25em;
		margin-right: 5%;
		margin-top: 2.4em;
		padding-bottom: 2em;
	}
	#sidebar > h2:first-child {
		margin-top: 0em;
	}
	.wide, table.vocabulary {
		position: relative;
		left: -16em;
		width: 66em;
	}
	div.wide {
		margin: 3em 0 3em 0;
	}
	p.wide {
		left: -13.33em;
		width: 55em;
	}
	
	
	#footer {
		clear: both;
		margin-top: 0;
		padding: 0 4em 2em 14px;
		border-top: double 3px #69c;
		position: relative;
	}
	#footer-content {
		margin-top: 14px; /* matches top whitespace on UNC logo */
		margin-left: 174px; /* clears UNC logo */
		padding: 0.3em 3em 2em 15em; /* left padding clears nav column */
	}
	#footer p {
		font-size: 1.1em;
	}
	#footer-content :first-child {
		margin-top: 0;
	}
	#UNC-logo {
		position: absolute; 
		top: 0; 
		left: 0;
		padding-left: 12em; 
		margin-left: -45px;
		margin-top: 1em;
	}
	#print-footer {
		display: none;
	}
	
	#sidebar h2 span, #sidebar h3 span {
		position: absolute;
		text-align: right;
		display: block;
		left: -0.75em;
		width: 70%;	
		width: 76em;
	}
	#sidebar h2, #sidebar h3, #sidebar li, #sidebar ul.prevnext li {
		margin-left: -20px;
		padding-left: 20px;
	}
	#sidebar ul.prevnext {
		list-style-type: none;
		list-style-image: none;
		margin-top: 2em;
	}
	#sidebar ul.prevnext li {
		text-indent: 0;
	}
	#page ul.prevnext {
		list-style-type: none;
		list-style-image: none;
		position: relative;
		margin-top: 2em;
	}
	#page ul.prevnext li.next-page {
		text-align: right;
		list-style-image: url(images/arrow-right-2.gif); 
	}
	#page .prevnext li.previous-page {
		float: left;
		width: 45%;
		padding-top: 2em;
		background: transparent url(images/arrow-left.gif) no-repeat left;
		font-size: 1.0em;
		line-height: 1em;
	}


/* 	TYPOGRAPHY
	________________________________________________________________ */

	/*
		Georgia for H1 and H2.
		Lucida Grande or similar sans-serif for text, smaller headers, sidebars, pullouts, labels, and other special text.
		If Georgia is unavailable, do not specify other serif font, because other serif fonts tend to be unreadable onscreen;
		instead revert to the sans-serif list.
		
		We use the old 62.5% trick to set the baseline em = 10px in the default browser setting of 16-pixel text.
		I considered using a strict baseline grid, but the images would throw off the grid in the sidebar anyway.
		
		Special classes in this section may be used at will in the body of documents.
	*/
	
	body {
		font-family: "Lucida Grande", Tahoma, Lucida, Verdana, sans-serif;
		font-size: 62.5%;
	}
	a {
		text-decoration: none;
	}
	p a, li a, dt a, dd a, blockquote a {
		border-bottom-style: solid;
		border-bottom-width: 1px;
	}
	a img {
		border: none;
	}
	#banner a, a[rel=license] {
		border-bottom-style: none;
	}
	p, li, dt, dd {
		font-size: 1.2em;
		line-height: 1.6em;
	}
	li p, li li, li dt, li dd, dd p, dd li, dd dd {
		font-size: inherit;
	}
	p {
		margin: 1em 0 0 0; /* IE seems to need this, otherwise paragraphs get spaced out too much. */
	}
	#page-body p + p, #page-body p + div.sideimage + p, #page-body p + div.callout + p {
	}
	#page-body p + p.author, #page-body p.caption + p, #page-body p + p.break, #page-body p + p.caption, #page-body .pre p + p, .chapter-intro p + p {
		margin-top: 1em;
		text-indent: 0;
	}
	#page-body p.break {
		margin-top: 1em !important;
		text-indent: 0 !important;
	}
	#sidebar p, #sidebar li, #sidebar dt, #sidebar dd {
		font-size: 1.0em;
	}
	#page-body li {
		margin-top: 0.5em;
	}
	dt {
		font-style: normal;
		font-weight: bold;
		margin-top: 1em;
	}
	dd {
		margin-left: 2em;
		margin-top: 0.5em;
	}
	li * li {
		font-size: inherit;
	}
	h1, h2	{
		font-family: Georgia, "Lucida Grande", Tahoma, Lucida, Verdana, sans-serif;
	}
	h1 {
		font-weight: normal;
		font-size: 2.4em;
		margin-top: 0.5em;
		margin-bottom: 0.5em;
	}
	h1 span {
		/* the page number */
		color: #666;
		position: absolute;
		text-align: right;
		display: block;
		left: -0.83em; /* 2 base em / 2.4 */
		width: 7.5em; /* 18 base em / 2.4 */	
	}
	h2 {
		font-size: 2.1em;
		font-weight: normal;
		margin-bottom: 0;
		margin-top: 1.5em;
	}
	#sidebar h2 {
		font-size: 1.6em;
		font-weight: normal;
		color: inherit;
	}
	#page h3, #sidebar h3 {
		font-size: 1.4em;
		text-transform: uppercase;
		letter-spacing: 0.1em;
		color: #333;
		margin-bottom: 0;
		margin-top: 1.5em;
	}
	#sidebar h3 {
		font-size: 1.1em;
	}
	
	h4 {
		font-size: 1.3em;
		margin-bottom: 0;
	}
	h4 + p {
		margin-top: 0.5em;
	}
	h5 {
		font-size: 1.2em;
		text-transform: uppercase;
		letter-spacing: 0.1em;
		margin-bottom: 0;
		font-weight: normal;
	}
	h6 {
		font-size: 1.2em;
		margin-top: 1em;
		margin-bottom: 0;
		font-weight: bold;
	}
	dd h6 {
		font-size: 1.0em;
	}
	h6 + p {
		margin-top: 0.5em;
	}
	
	#page ul {
		list-style-image: url(images/bullet.gif);
		margin-left: 0;
		padding-left: 2.5em;
	}
	#page ol {
		margin-left: 0;
		padding-left: 2.5em;
	}

	p + .audioplayer {
		margin-top: 1em;
	}
	dfn {
		font-style: italic;
	}
	code, samp, kbd {
		font-size: 1.0em;
		font-family: "andale mono", "monotype.com", "lucida console", monospace;
		color: #333;
	}

	cite, .worktitle {
		/* for span enclosing the title of a major work */
		font-style: italic;
	}
	span.caption {
		font-size: 1.0em;
		font-weight: bold;
	}
	span.lead-in {
		/* First phrase of article */
		text-transform: uppercase;
	}
	ul.inline {
		/* Inline list */
		display: inline;
		list-style-type: none;
	}
	ul.inline li {
		display: inline;
	}
	p.note, span.note {
		/* Editorial note or explanation */
		font-style: italic;
	}
	
	ul.references {
		/* List of bibliographical references at the end of an article */
		list-style: none;
		padding-left: 2em;
		margin-left: 0;
		margin-bottom: 0;
	}
	ul.references li {
		text-indent: -2em;
		margin-bottom: 1em;
	}
	ul.ingredients {
		/* For recipes. I am not kidding. */
		list-style-type: none;
	}

	a.rss {
		font: normal bold 90% "Lucida Grande", Tahoma, Lucida, Verdana, sans-serif;
		border-style: solid;
		border-width: 1px;
		padding: 0.1em 0.4em;
		text-decoration: none;
	}
	#sidebar a.rss {
		font-size: 100%;
	}
	.yes, .no, .maybe {
		/* Combines with special colors to mark correct or incorrect answers */
		font-weight: bold;
	}
	p.small {
		font-size: 90%;
		font-family: "Lucida Grande", Tahoma, Lucida, Verdana, sans-serif;
	}
	p.highlight {
		margin-left: 2em;
		margin-right: 2em;
		padding: 0.2em 0.5em;
		font-size: 100%;
		font-weight: bold;
		font-family: "Lucida Grande", Tahoma, Lucida, Verdana, sans-seriff;
	}
	.chapter-intro {
		margin-bottom: 2em;
	}
	.chapter-intro p.credit, .chapter-intro p.caption {
		font-size: 0.83em;
		border-bottom: none;
		margin-top: 0;
	}
	p.credit {
		margin-top: 0;
		text-transform: uppercase;
		text-align: right;
		font-size: 0.9em;
	}
	p.author, p.next-page {
		font-family: "Lucida Grande", Tahoma, Lucida, Verdana, sans-seriff;
		font-weight: bold;
		text-transform: uppercase;
	}
	p.subtitle, p.summary {
		font-family: "Lucida Grande", Tahoma, Lucida, Verdana, sans-serif;
		font-size: 1.2em;
		color: #333;
	}

	#edition-header h2 {
		line-height: 1em;
	}
	#edition-header h2 {
		font-family: Arial, sans-serif;
		font-weight: normal;
		letter-spacing: 0.2em;
		text-transform: uppercase;
		font-size: 100%;
	}
	span.page-number {
		font-weight: bold; 
	}
		
	#page ul.bibliography, #page ul.index {
		list-style-type: none;
		list-style-image: none;
		padding-left: 2em;
		text-indent: -2em;
	}
	ul.bibliography li {
		margin-bottom: 1em;
	}
	
	ul.ingredients {
		list-style-type: none;
	}
	
	
	#sidebar ul {
		list-style-image: url(images/bullet.gif);
		margin-left: 0;
		padding-left: 0;
	}
	#sidebar ul li {
		margin-left: 0;
		padding-left: 0;
		text-indent: 0;
	}
	#sidebar ul.linkslist li + li {
		margin-top: 0.5em;
	}
	
	ol ol {
		list-style-type: lower-alpha;
	}
	ol ol ol {
		list-style-type: lower-roman;
	}
	
	ol.question-answer li {
		font-weight: bold;
	}
	ol.question-answer li dd {
		font-weight: normal;
	}


/* 	BLOCKQUOTES AND PULLOUTS
	________________________________________________________________ */
	
	/* 
		You can use these in the body of the page too, but I've separated them out because they are complicated.
	*/

	#page-body blockquote, #page-sidebar blockquote {
		/* Indent and label with big blue quotation mark. */
		margin-left: 0;
		margin-right: 2em;
		margin-top: 1em;
		padding-left: 24px;
		padding-top: 8px;
		background: transparent url(images/quotemark.gif) no-repeat top left;
	}
	#page-sidebar blockquote {
		margin-right: 0; /* there isn't really room in the right-hand column for extra margin */
	}
	#page-body blockquote p, #page-body blockquote dl {
		margin-top: 0;
	}
	#page-body blockquote.epigram {
		/* For epigrams at start of article or section. */
		margin-left: 0;
		padding: 0;
		border-left: 0;
		background-image: none;
	}
	p.attribution {
		/* You can place the attribution in its own paragraph. */
		text-align: right;
	}
	#page-body blockquote.example {
		/* If the blockquote is an example rather than a quotation, skip the quotation mark. */
		margin: 0 2em;
		padding-top: 0;
		border-left: solid 1px #E3B600;
		padding-left: 0.5em;
		background-image: none;
	}
	#page-body blockquote.example p {
		margin-top: 1em;
	}
	
	div.blockquote {
		/*  This is a temporary style applied automatically to blockquotes in lesson plans
			because most of them are not actually blockquotes! 
			The script that displays lesson plans switches out blockquote tags for this style,
			which emulates a block quotation.
		*/
		margin: 1em 2em;
	}
	
	q.pullquote:before, q.pullquote:after { 
		/* Since IE doesn't put the quotes around <q>, tell Safari/Moz not to do it, either */
		content: '' 
	} 
	span.pullout {
		display: block;
		position: absolute;
		text-align: right;
		left: 0em;
		width: 14em;	
		font-size: 0.91em; /* 1/1.1 */
		padding-left: 2em;
	}
	.pullout del, .pullout-large del {
		/* Hide this from visual browsers */
		font-size: 0px;
		position: absolute;
	}




/*	IMAGES
	____________________________________________________________________________ */


	img {
		border: none;
	}
	.figure {
		margin: 2em 0 1em 0;
	}
	.slide {
		margin: 1em 0;
		padding-bottom: 0.2em;
	}
	#cover .slide {
		padding: 0;
		border: none;
	}
	div.sideimage, div.callout {
		position: absolute;
		text-align: right;
		left: 0em;
		width: 16em;	
	}
	div.sideimage a img, .pullout a img {
		cursor: -moz-zoom-in;
	}
	div.sideimage img, .pullout img {
		width: 14em !important;
		height: auto !important;
		border: solid 1px #666;
	}
	#page-body img, #cover img, #sidebar img, .wide img {
		border: solid 1px #666;
	}
	#page-sidebar img {
		width: 95%;
		height: auto !important;
	}
	div.callout p, div.sideimage p.caption {
		padding-left: 2em;
		border-bottom: none;
		font-size: 1.0em;
	}
	p.caption {
		font-size: 1.0em;
		margin-top: 0.5em;

		padding-bottom: 0.5em;
		border-bottom: solid 1px #9cc0e4;
	}
	img#license-logo {
		margin-top: 1em;
	}
	
	.gmap {
		width: 450px;
		height: 350px;
		border: solid 1px #666;
	}
	#gmap img {
		max-width: none !important;
		max-height: none !important;
	}
	#gmap {
		border: solid 1px #666;
	}
	#gmap dl {
		margin: 0;
	}
	#gmap dt {
		font-size: 1.2em;
		margin: 0;
	}
	
	hr {
		color: #9cf;
		background-color: #9cf;
		height: 1px;
		width: 60%;
		margin-top: 2em;
		margin-bottom: 2em;
	}
		
	

/*	COLORS
	____________________________________________________________________________ */

	body {
		color: #000;
		background-color: #fff;
	}
	#sidebar {
	}	
	a, a:link {
		color: #195fb4;
		border-bottom-color: #ccc;
		cursor: pointer; /* to cover onclick */
	}
	a:visited {
		color: #939;
		color: #a719b4;
		color: #747;
		border-bottom-color: #ccc;
	}
	a:hover {
		color: #195fb4;
		border-bottom-color: #195fb4;
	}	
	a.definition:link {
		border-bottom-color: #195fb4;
	}
	a.definition:visited {
		border-bottom-color: #666;
	}
	a.definition:hover {
		border-bottom-color: #600;
	}

	#edition-header {
		background-color: #0a2061;
		color: #fff;
	}


/*	SPECIAL TYPOGRAPHY
	___________________________________________________________________________ */

	#edition-header h2 a:link, #edition-header h2 a:visited {
		color: #fff;
		border-bottom-style: none;
	}
	#edition-header h2 a:hover {
		text-decoration: underline;
		color: #fff;
	}
	h4.page-number {
		margin-top: 0;
		border-bottom: solid 1px #666;
		
	}
	h4.page-number span.chapter-title {
		float: left;
		width: 75%;
		margin-right: 1%;
	}
	h4.page-number span.page-number {
		float: right;
		width: 20%;
		text-align: right;
	}
	p.next-page {
		text-align: right;
	}
	.forward {
		padding-right: 8px;
		background: transparent url(images/forward.png) no-repeat center right;
	}
	.back {
		padding-left: 8px;
		background: transparent url(images/back.png) no-repeat center left;
	}
	.print {
		padding-left: 18px;
		background: transparent url(images/print.png) no-repeat center left;
	}
	.note {
		font-style: italic;
	}
	.note em {
		font-style: normal;
	}
	.part-of-speech {
		font-weight: normal;
		font-style: italic;
	}
	a.definition {
		border-bottom-style: dotted;
		border-bottom-width: 1px;
		cursor: help;
	}
	a.definition:hover, a.comment:hover {
		border-bottom-style: solid;
	}
	a.comment:link, a.comment:visited, a.comment:hover, span.comment {
		cursor: help;
		text-decoration: none;
		border-bottom: none;
		color: #000;
		background-color: #ffc;
		/* background-color: #bdf; */
	}
	div.alert {
		margin: 1em 0 2em 0;
		background-color: #ffc;
		border: solid 1px #003;
		line-height: 1.3em;
	}
	div.alert p {
		margin: 0.5em;
	}
	
	.slide img, .sideimage img, .pullout img {
		margin: 0;
		border-width: 0;
	}
	
	#sidebar h3 {
		margin-bottom: 0.5em;
	}
	
	/* Contents */
	
	#toc ol {
		list-style: none;
		padding-left: 0;
	}
	#toc ol ol {
		margin-left: 0;
	}
	#toc li {
		font-size: 1.1em;
	}
	#toc li span {
		position: absolute;
		text-align: right;
		display: block;		
	}
	#toc .chapters li span {
		left: -0.65em;
		width: 12.86em;	
		width: 13.5em;
	}
	#toc .chapters li li span, #toc .pages li span {
		left: -0.75em;
		width: 16.8em;	
	}
	#toc .pages li span {
		width: 15.5em;
	}
	#toc .chapters li {
		font-size: 1.3em;
		font-weight: bold;
		margin: 1em 0;
	}
	#toc .chapters li li {
		font-size: 0.86em;
		font-size: 0.79em;
		font-weight: normal;
		margin: 0;
	}
	#toc li ol {
		margin-top: 1em;
	}
	
	/* Sidebar TOC */

	#sidebar ol.contents, #sidebar ul.contents {
		padding-left: 0;
		margin-left: 0;
		font-weight: normal;
	}
	#sidebar ol.contents {
		list-style-type: decimal;
	} 
	#sidebar ul.contents {
		margin-left: 0;
	}
	#sidebar ol.chapters {
		font-weight: bold;	
		margin-left: 2.5em;
	}
	#sidebar .contents li, #sidebar ol.chapters li * li {
		margin-top: 0;
		margin-bottom: 0;
	}
	#sidebar ol.chapters li {
		margin-top: 0.3em;
		margin-bottom: 0em;
	}
	#sidebar .chapters li.selected span, .contents li.selected span {
		padding-right: 14px;
		background: transparent url(images/youarehere.png) no-repeat right;
	}
	#sidebar ul.contents {
		list-style: none;
		margin-bottom: 0;
	}
	#sidebar ol.pages {
		padding-top: 0.5em;
	}
	
/*
	#sidebar ol.contents {
		list-style: none;
		padding-left: 0;
	}
	#sidebar ol.contents ol.contents {
		margin-left: 0;
	}
	#sidebar ol.contents li span {
		position: absolute;
		text-align: right;
		display: block;
		left: -0.75em;
		width: 75%;	
	}
	#sidebar ol.chapters li {
		font-size: 1.2em;
		font-weight: bold;
		margin-top: 1em;
		margin-bottom: 1em;
	}
	#sidebar ol.chapters li span {
		font-weight: bold;
	}
	#sidebar ol.chapters li li {
		font-size: 0.917em;
		font-weight: normal;
		margin-top: 0;
		margin-bottom: 0;
	}
	#sidebar ol.pages li span {
		font-weight: normal;
	}
*/

	/* Other sidebar stuff */
	
	#sidebar ul.prevnext li {
	}
	#sidebar ul.prevnext li.next-page {
		background: transparent url(images/arrow-right.gif) no-repeat top left;
	}
	#sidebar ul.prevnext li.previous-page {
		background: transparent url(images/arrow-left.gif) no-repeat top left;
	}
	#sidebar h2.chapter {
		background: transparent url(images/arrow-up.gif) no-repeat top left;
	}
	#sidebar h2.contents {
		background: transparent url(images/contents.gif) no-repeat left;
	}
	#sidebar h2.print {
		background: transparent url(images/print.gif) no-repeat left;
	}
	#sidebar h2.credits {
		background: transparent url(images/person.gif) no-repeat left;
	}
	#sidebar h2.learnmore {
		background: transparent url(images/learnmore.gif) no-repeat top left;
	}
	#sidebar h2.nchistproj {
		background: transparent url(images/nchistproj.gif) no-repeat top left;
	}
	
	/* Page contents */
	
	#page-sidebar ol.contents {
		padding-left: 1.5em;
		list-style-position: outside;
		list-style-type: decimal;
	}
	#page-sidebar ol.contents ol.contents {
		list-style-type: lower-alpha;
	}
	#page-sidebar ol.contents ol.contents ol.contents {
		list-style-type: lower-roman;
	}
	#page-sidebar #sidebar ol.contents li {
		margin-top: 0;
	}
	#page-sidebar #sidebar ol.contents li ol.contents {
		margin-bottom: 0;
	}
	
	
	dl.glossary dt {
		font-weight: bold;
	}

	dd.popup, dl.popup {
		margin: 0;
		padding: 1em 0.5em 1em 0.5em;
		background-color: #c0dbf6;
		background-color: #ffc;
		border: solid 1px #003;
		text-align: left;
		line-height: 1.3em;
	}
	dd.popup :first-child {
		margin-top: 0;
	}
	dd.popup {
		width: 24em;
	}
	dl.popup {
		width: 18em;
	}
	dd.popup p, dd.popup h6 {
		line-height: 1.3em;
	}
	dd.popup li {
		line-height: 1.3em;
	}
	dd.popul ul {
		margin: 0 0 1em 0;
	}
	dl.popup dt, dl.popup dd {
		font-size: 1.0em;
		line-height: 1.3em;
		display: inline;	
		margin: 0;
	}
	dd.popup p + p {
		margin-top: 1em;
	}
	dd.popup a:link, dd.popup a:visited, dd.popup a:hover {
		cursor: pointer;
		text-decoration: underline;
		border: none;
		color: #036;
	}
	dd.popup p.return {
		/* Extra margin so the padding in the A element doesn't overrun all our spacing between paragraphs */
		margin-top: 1.5em;
		margin-bottom: 1em;
	}
	dd.popup p.return a {
		font-size: 0.9em;
		text-transform: uppercase;
		letter-spacing: 0.05em;
		padding: 0.2em;
		text-decoration: none;
		background-color: #e4e4a7;
		color: #036;
		border: solid 1px #cdcd9f;
	}
	dd.popup p.return a:hover {
		background-color: #cdcd9f;
		border: solid 1px #9b9b7a;	
	}
	
	.yes {
		color: #060;
	}
	.no {
		color: #900;
	}
	strong.yes, strong.no, strong.caps {
		font-size: 0.9em;
		text-transform: uppercase;
		letter-spacing: 0.1em;
	}
	em.caps {
		font-size: 0.9em;
		text-transform: uppercase;
		letter-spacing: 0.1em;
		font-style: normal;		
	}

	ul.tools, #sidebar ul.tools {
		list-style: none;
		padding-left: 0;
	}
	#sidebar .tools li {
		margin-left: -20px !important;
		padding-left: 20px !important;
		margin-top: 0.5em;
		position: relative;
	}
	a.icon, a.icon img {
		border: none !important;
	}
	#sidebar .tools li a.icon {
		margin-left: -20px;
	}
	.tools li.email {
		background: transparent url(/lp/library/images/email.gif) no-repeat center left;
	}
	
	a.document {
		padding-right: 16px;
		background: transparent url(images/document.png) no-repeat center right;
	}
	
	span.zoom {
		padding-left: 18px;
		background: transparent url(images/zoom.png) no-repeat left;
	}
	
	p.letternav {
		font-size: 1em;
		line-height: 2.4em;
		margin-top: 1.5em;
	}
	span.no-letter {
		font-weight: bold;
		color: #0a2061;
		padding: 0.2em 0.4em 0.3em 0.4em;
		background-color: #CCC;
		border: solid 1px white;
		/* margin-right: 0.3em; */
	}
	p.letternav a {
		padding: 0.2em 0.4em 0.3em 0.4em;
		background-color: #0a2061;
		border: solid 1px white;
		/* margin-right: 0.3em; */
		border-bottom-style: none;
		font-weight: bold;
		color: white;
	}
	p.letternav a:link {
		color: white;
		border-bottom-style: none;
	}
	p.letternav a:visited {
		color: white;
		border-bottom-style: none;
	}
	p.letternav a:hover {
		color: white;
		border-bottom-style: none;
	}
	a#letter-selected {
		background-color: #9CF;
		border: solid 1px #0A2061;
		color: black;
	}
	span.letter a:hover {
		background-color: #9CF;
		border: solid 1px #0A2061;
		color: black;
	}
	.worktitle {
		font-style: italic;
	}
		

	
	
/*	FOOTNOTES
	____________________________________________________________________________ */

	a.noteref {
		font-weight: bold;
		border-bottom-style: none;
		font-size: 87%;
		vertical-align: super;
	}

	dl.noteslist {
		clear: both;
		width: auto;
		margin: 0;
		padding: 0;
	}
	dl.noteslist dt {
		width: 1.5em;
		text-align:left;
		margin: 0 0 -1.2em 0;
		font-weight: bold;
	}
	dl.noteslist dd {
		clear: right;
		margin: 0;
		padding-left: 1.5em;
	}

	

/*	COVER PAGE
	____________________________________________________________________________ */

	#cover h1 {
		font-size: 2.4em;
	}
	#cover p.subtitle {
		width: 60%;
		margin: 1em auto;
		font-size: 1.5em;
		text-transform: none;
		font-weight: normal;
		color: #333;
	}
	#cover p.author {
		font-size: 1.2em;
		letter-spacing: 0.1em;
		color: #333;
	}
	#cover p.next-page {
		text-align: inherit;
		letter-spacing: 0.2em;
		font-size: 1.2em;
	}
	#cover img.primary {
		margin: 0 0 2em 0;
		float: none;
	}
	#cover p, #cover li, #cover dt, #cover dd {
		font-size: 1.2em;
	}
	#cover p.caption {
		font-size: 1.0em;
	}

/*	TABLES
	____________________________________________________________________________ */

	table.data {
		margin-top: 1em;
	}
	table.data th, table.data td {
		border-bottom: solid 1px #666;
		padding: 0.5em 1em;
		font-size: 1.2em;
	}
	table.data th {
		text-align: left;
	}
	table.data td.number {
		text-align: right;
	}
	.data td p, .data td li, .data td dt, .data td dd {
		font-size: inherit;
	}
	
	table.fill-in th, table.fill-in td {
		padding: 0.5em;
	}
	table.fill-in th, table.fill-in td {
		text-align: center;
		border-right: solid 1px #666;
		border-bottom: solid 1px #666;
	}
	table.fill-in tbody th {
		text-align: left;
	}
	table.fill-in {
		padding: 1em;
		border: solid 1px #666;
	}
	
	
	.geo td p, .geo td li, .geo td dd, .geo td dt {
		font-size: 1em;
	}
	.geo td p:first-child {
		margin-top: 0;
	}
	#page-body .geo td p + p {
		text-indent: 1em;
	}
	table.geo  {
		border-collapse: collapse;
		margin: 2em 0;
		border-bottom: solid 1px #000;
	}
	table.geo td, table.geo th {
		padding: 0.5em 0.5em;
		border: solid 1px #000;
		font-size: 1.2em;
		line-height: 1.5em;
	}
	table.geo td {
		border-bottom-width: 0px;
	}
	table.geo td.continue-column {
		border-top-color: transparent;
	}
	table.geo td.continue-column span {
		display: none;
	}
	
	table.rubric {
		font-size: 1.2em;
		border-left: solid 1px #000;
		border-top: solid 1px #000;
		margin: 1em 0;
		border-collapse: collapse;
	}
	table.rubric th, table.rubric td {
		padding: 0.5em;
		border-right: solid 1px #000;
		border-bottom: solid 1px #000;
	}
	table.rubric th[scope=col], table.rubric th[colspan] {
		background-color: #9cf;
	}
	table.rubric th[scope=row] {
		text-align: left;
	}
	table.rubric tfoot td {
		background-color: #ccc;
	}
	table.rubric caption {
		text-align: left;
		font-size: 1.2em;
		text-transform: uppercase;
		letter-spacing: 0.1em;
		margin-bottom: 0;
		margin-top: 1.5em;
	}
	table.rubric tbody td {
		height: 6em;
		overflow: visible;
	}
	table.rubric p, table.rubric li, table.rubric dt, table.rubric dd {
		font-size: 1em;
	}
	table.rubric ul {
		margin-left: 0;
		padding-left: 1em;
	}
	table.rubric dt {
		margin-top: 0;
	}	
	table.rubric dd {
		margin-left: 1em;
		margin-top: 0;
	}
	table.survey td {
		text-align: center;
	}

	.worksheet li {
		padding-bottom: 3em;
	}
	.worksheet li.short {
		padding-bottom: 0;
	}
	.worksheet li.long {
		padding-bottom: 12em;
	}
	ul.worksheet, #page ul.worksheet {
		list-style: none;
		padding-left: 0;
	}
	span.fill-in {
		/* underline */
		padding-right: 15em;
		border-bottom: solid 1px #000;
	}
	
	td.column-highlight, th.column-highlight {
		background-color: #eee;
	}
	tr.ruled td.column-highlight, tr.ruled th[scope=row].column-highlight {
		background-color: #bdd8f4;
	}


/* 	LANGUAGE TYPOGRAPHY
	____________________________________________________________________________ */
	
	/* Chinese */
	
	*[lang=zh] {
		font-size: 1.17em;
	}
	*[lang=zh].pinyin {
		font-size: 1.0em;
	}
	h2[lang=zh], h2 span[lang=zh], h3[lang=zh], h3 span[lang=zh] {
		font-weight: normal;
		font-size: inherit;
	}
	th[lang=zh], th span[lang=zh], dt span[lang=zh] {
		font-weight: normal;
	}
	.data td[lang=zh], .data th[lang=zh] {
		font-size: 1.4em;
	}

	/* Arabic */
	
	*[lang=ar] {
		direction: rtl;
		unicode-bidi: embed;
	}
	span[lang=ar] {
		font-size: 1.5em;
	}
	span[lang=ar].transliteration {
		font-size: inherit;
	}
	table.alphabet td[lang=ar] {
		font-size: 3em;
		text-align: center;
	}
	
	/* Japanese */
	
        *[lang=ja] {
                unicode-bidi: embed;
        }
        span[lang=ja] {
                font-size: 1.5em;
        }
        span[lang=ja].transliteration {
                font-size: inherit;
        }
        table.alphabet td[lang=ja] {
                font-size: 3em;
                text-align: center;
        }


/* 	SECTIONS
	____________________________________________________________________________ */

	h1.section, h2.section {
		position: relative;
	}
	h1.section a, h2.section a {
		/* section controls */
		position: absolute;
		text-align: right;
		display: block;
		left: -30px; 
		background-repeat: no-repeat;
		background-position: right;
		width: 25px;
		height: 25px;
		text-indent: -9999px;
		font-size: 1px;
	}
	h1.section a.closed, h2.section a.closed {
		background-image: url(images/twisty.png);
	}
	h1.section a.open, h2.section a.open {
		background-image: url(images/twisty-open.png);
	}
	


/* 	TABLES
	____________________________________________________________________________ */
	
	table.dialog {
		margin-top: 2em;
		margin-bottom: 4em;
		border-collapse: collapse;
	}
	table.dialog th, table.dialog td {
		font-size: 1.2em;
		padding: 0.3em 0.5em;
	}
	.dialog td[lang=zh] {
		font-size: 1.4em;
	}
	.dialog td[lang=zh].pinyin {
		font-size: 1.2em;
	}
	.dialog td[lang=ar] {
		font-size: 1.8em;
	}
	.dialog td[lang=ar].transliteration {
		font-size: 1.2em;
	}
	table.dialog td {
		vertical-align: middle;
	}
	table.dialog th {
		text-align: left;
		padding-bottom: 0.5em;
		border-bottom: solid 2px #666;
		vertical-align: bottom;
	}
	table.dialog td dt, table.dialog td dd, .dialog td p, .dialog td li {
		font-size: 1.0em;
	}
	table.dialog td + td, table.dialog th + th {
		border-left: solid 1px #666;
	}
	table.dialog tr.speaker1 td {
		background-color: #FFFFCC;
	}
	table.dialog tr.speaker2 td {
		background-color: #FFcc66;
		background-color: #ffee88;
		background-color: #ddeeff;
	}
	table.dialog tr.speaker3 td {
		background-color: #ddffdd;
	}	
	table.dialog tr.speaker4 td {
		background-color: #ffdddd;
	}	
	table.dialog td.notes {
		vertical-align: middle;
	}
	table.dialog dt {
		font-weight: normal;
	}
	
	td.ruled, tr.ruled td, th[scope=row].ruled, tr.ruled th[scope=row] {
		background-color: #def;
	}

	
	
	input.button {
		font-size: 1.2em;
		background-color: #eee;
	}
	table.dialog td input.button {
		font-size: 1em;
	}
	table.dialog td input.button {
		margin-top: 1em;
		margin-bottom: 0.5em;
	}
	table.dialog td dl + input.button {
		margin-top: 0em;
	}
	input.button:hover {
		background-color: #fff;
	}
	
	
	table.vocabulary {
		margin-top: 2em;
		margin-bottom: 4em;
		border-collapse: collapse;
	}
	
	.vocabulary th[scope=col] {
		text-align: left;
	}
	.vocabulary th, .vocabulary td {
		padding: 0.5em 0.5em; 
		border-bottom: solid 1px #ccc;
		font-size: 1.2em;
	}

/*	
	.columns {
		position: relative;
	}
	.columns .leftcol {
		width: 45%;
	}
	.columns .rightcol {
		position: absolute;
		top: 0;
		left: 55%;
		width: 45%;
	}
*/

	.columns {
		float: left;
		width: 100%;
		margin-bottom: 2em;
	}
	.columns .leftcol {
		width: 45%;
		float: left;
	}
	.columns .rightcol {
		width: 45%;
		margin-left: 10%;
		float: right;
	}