/* 	
	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/autosuggest.css);
	@import url(/lp/library/styles/microformats.css);
	@import url(/lp/library/styles/scos.css);
	@import url(/lp/library/styles/forms.css);


/* 	PAGE LAYOUT
	____________________________________________________________________________ */
	
	body {
		margin: 0;
		background-color: #fff;
	}
	#banner {
		background-color: transparent;
		width: 100%;
	}	
	#content {
		float: left;
		width: 100%;
	}
	#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: 45em;
	}
	#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;
	}
	#page-footer h2 {
		font-size: 1.6em;
	}
	#page-footer h2:first-child {
		margin-top: 0;
	}
	#sidebar {
		margin-left: 70%;
		max-width: 30em;
		margin-right: 5%;
		margin-top: 2.4em;
		padding-bottom: 2em;
	}
	#sidebar > h2:first-child {
		margin-top: 0em;
	}
	.wide {
		position: relative;
		left: -16em;
		width: 61em;
	}
	div.wide {
		margin: 3em 0 3em 0;
	}
	
	
	#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-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%;	
	}
	#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.1em;
		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 {
		margin-top: 0;
		text-indent: 2em;
	}
	#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;
	}
	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.3em;
		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.2em;
		margin-bottom: 0;
	}
	h4 + p {
		margin-top: 0.5em;
	}
	h5 {
		font-size: 1.1em;
		text-transform: uppercase;
		letter-spacing: 0.1em;
		margin-bottom: 0;
		font-weight: normal;
	}
	h6 {
		font-size: 1.1em;
		margin-bottom: 0;
		font-style: italic;
		font-weight: normal;
	}
	
	#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;
	}
	span[lang] {
		/* Italicize anything marked in a language other than English */
		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 {
		font-size: 1.2em;
		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;
	}
	#sidebar ol {
		margin-left: 0;
		padding-left: 0;
	}
	#sidebar ol li {
		margin-left: 0;
		padding-left: 0;
		text-indent: 0;
	}
	
	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.example {
		margin: 2em 3em;
		border-top: solid 1px #9cc0e4;
		border-bottom: solid 1px #9cc0e4;
		padding: 1em 0;
	}
	
	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;
	}
	
	#page-sidebar .audioplayer {
		margin-top: 1em;
	}
	
	hr {
		color: #9cf;
		background-color: #9cf;
		height: 1px;
		width: 60%;
		margin-top: 2em;
		margin-bottom: 2em;
	}
	
	/* IMAGE MAPS */
	
	.mapped-image {
		position: relative;
	}
	.mapped-image a.comment:link, .mapped-image a.comment:visited, .mapped-image a.comment:hover {
		position: absolute;
		display: block;
		background-color: transparent;
		border: groove 3px #999;	
		font-size: 0px;
		text-indent: -9999px;
	}
	.mapped-image img, #page-body .mapped-image img {
		width: auto !important;
		max-width: none !important;
		height: auto !important;
	}
	/*
	.mapped-image a.comment:hover {
		display: block;
		border: groove 3px #999;	
		padding: auto;
	}
	.mapped-image a.comment span {
		color: #000;
		padding: 0.2em;
		background-color: #ffc;
	}
	.mapped-image a.comment:hover span {
		display: none;
	}
	*/
	

/*	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 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: 2em;
		font-weight: normal;
	}
	#sidebar ol.contents {
		list-style-type: decimal;
	} 
	#sidebar ul.contents {
		margin-left: 0;
	}
	#sidebar ol.chapters {

	}
	#sidebar ol.chapters li {
		text-indent: -2em;
		font-weight: bold;
	}
	#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 ul.contents {
		list-style: none;
		margin-bottom: 0;
	}
	#sidebar ol.pages {
		padding-top: 0.5em;
	}
	#sidebar ol.pages li {
/*	font-size: 0.917em;  1.1/1.2 
		font-weight: normal;	
		padding-left: -2em;
	}	
*/

	#sidebar ol.contents {
		list-style: none;
		padding-left: 0;
	}
	#sidebar ol.contents ol.contents {
		margin-left: 0;
	}
	#sidebar ol.contents li {
		position: relative;
	}
	#sidebar ol.contents li span {
		position: absolute;
		text-align: right;
		display: block;
		left: -0.75em;
		margin-left: -20px;
		width: 20px;	
	}
	#sidebar ol.contents li li span {
		
	}
	#sidebar ol.chapters li {
		font-size: 1.1em;
		font-weight: bold;
		margin-top: 0.8em;
		margin-bottom: 0.8em;
	}
	#sidebar ol.chapters li span {
		font-weight: bold;
	}
	#sidebar ol.chapters li li {
		font-size: 0.909em; /* 1.0/1.1 */
		font-weight: normal;
		margin-top: 0;
		margin-bottom: 0.3em;
	}
	#sidebar ol.pages {
		margin-top: 1.2em;
	}
	#sidebar li ol.pages {
		margin-top: 0.5em;
	}
	#sidebar ol.pages li {
		margin-bottom: 0.3em;
	}
	#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 {
		font-size: 1.0em;
		margin: 0;
		padding: 0.5em 0.5em;
		background-color: #c0dbf6;
		background-color: #ffc;
		border: solid 1px #003;
		text-align: left;
		line-height: 1.3em;
	}
	dd.popup {
		width: 24em;
	}
	dl.popup {
		width: 18em;
	}
	dd.popup p {
		font-size: 1.0em;
		line-height: 1.3em;
		margin: 0 0 0.5em 0;
	}
	dd.popup li {
		font-size: 1.0em;
		line-height: 1.3em;
	}
	dd.popup ul {
		margin: 0 0 0.5em 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 blockquote {
		margin-left: 1.5em;
	}
	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;
	}
	table.data th {
		text-align: left;
	}
	table.data thead.center th, table.data tr.center th, table.data th.center {
		text-align: center;
	}
	table.data td.number, table.data th.number {
		text-align: right;
	}
	table.data tr.total td, table.data tr.total th, table.data td.total, table.data th.total {
		border-bottom: none;
		font-weight: bold;
	}
	table.data th[colspan] {
		text-align: center;
	}
	table.data th[rowspan] {
		vertical-align: bottom;
	}
	table.data th.vertical {
		border-right: solid 1px #666;
		border-top: solid 1px #666;
		vertical-align: middle;
	}
	table.data th.vertical img {
		border: none !important;
		width: 0.8em;
		height: auto;
	}
	table.data th.empty {
		border-bottom: none;
	}
	table.data th[scope=rowgroup], table.data th[scope=rowgroup] ~ td {
		padding-top: 2em;
	}
	
/*	table.columns {
		border-top: solid 1px #666;
	}
	table.columns th, table.columns td {
		border-left: solid 1px #666 !important; 
		border-right: solid 1px #666 !important; 
	}
*/	
	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.1em;
		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.1em;
		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, table.data 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;
	}

	td.ruled, tr.ruled td {
		background-color: #def;
	}

	.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;
	}



/* 	SELF-ASSESSMENTS
	____________________________________________________________________________ */
	
	dl.self-assessment {
		
	}
	
	dl.self-assessment dt {
		font-size: 1.2em;
	}
	
	dl.self-assessment dd.ddLabel {
		font-size: 1.0em;
		font-weight: bold;
		text-transform: uppercase;
		letter-spacing: 0.1em;
		margin-left: 0;
		padding-left: 2em;
	}
	dl.self-assessment dd.show {
		background: transparent url(images/twisty-small.png) left  no-repeat;
	}
	dl.self-assessment dd.hide {
		background: transparent url(images/twisty-small-open.png) left  no-repeat;
	}