@import url("/lp/library/styles/banner.css");
@import url("microformats.css");
@import url("/lp/library/styles/scos.css");
@import url("/lp/library/styles/forms.css");
@import url("forms.css");
@import url("fixtable.css");

/* 	
	Stylesheet Name: Book
	Template Name: Bookish
	Description: Expanded layout for complex LEARN NC publications. Provides support for single-level chapters.
	Version: 2.0
	Date: January 2010
	Author: David Walbert
	Author URI: http://www.learnnc.org
*/


	body { behavior:url("/lp/library/scripts/csshover3.htc"); }


	body {
		color: #000;
		background-color: #fff;
	}
	

/* 	PAGE LAYOUT
	____________________________________________________________________________ */
	
	body {
		margin: 0;
	}
	#banner {
		background-color: transparent;
		width: 100%;
	}	
	#content {
		float: left;
		width: 100%;
	}
	#page-header, #page-body, #page-footer, #cover {
		margin-left: 18em;
	}
	#page {
		float: left;
		width: 65%;
		padding: 1em 10px 1.5em 0;
	}
	#page-header, #page-body, #page-footer, #cover, .slide {
		max-width: 56em;
	}
	
	#page-header {
		margin-bottom: 4em;
	}
	#page-footer {
		border-top: solid 1px #9cc0e4;
		margin-top: 2em;
		padding-top: 1em;
	}
	#page-footer h2:first-child {
		margin-top: 0;
	}

	#sidebar {
		margin-left: 75%;
		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: 72em;
		max-width: 72em;
	}
	.fullscreen {
		position: relative;
		left: -16em;
		max-width: none;
	}	
	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;
	}
	
	


/*	TYPOGRAPHY
	______________________________________________________________________________________ */
	
	
	body {
		font-family: Corbel, "Trebuchet MS", Verdana, sans-serif;
		font-size: 62.5%;
	}
	h1, h2 {
		font-family: Constantia, Georgia, serif;
	}

	/* LINKS */

	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;
	}
	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 {
		border-bottom-style: dotted;
		border-bottom-width: 1px;
		cursor: help;
	}
	a.definition:hover, a.comment:hover {
		border-bottom-style: solid;
	}
	a.definition:link {
		border-bottom-color: #195fb4;
	}
	a.definition:visited {
		border-bottom-color: #666;
	}
	a.definition:hover {
		border-bottom-color: #600;
	}
	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; */
	}

	/* HEADERS */
	
	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-footer h2 {
		font-size: 1.6em;
	}
	#page h3, #sidebar h3 {
		font-size: 1.5em;
		text-transform: uppercase;
		letter-spacing: 0.1em;
		color: #333;
		margin-bottom: 0;
		margin-top: 1.5em;
	}
	#sidebar h3 {
		font-size: 1.2em;
		margin-bottom: 0.5em;
	}

	#page h3 a {
		border-bottom: solid 1px #ccc;
	}
	#page h3 a:hover {
		border-bottom-color: #195fb4;
	}
	h4 {
		font-size: 1.5em;
		margin-bottom: 0;
	}
	#sidebar h4 {
		font-size: 1.2em;	
	}
	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;
	}

	
	/* PARAGRAPHS AND LISTS */

	p, li, dt, dd {
		font-size: 1.2em;
		line-height: 1.4em;
	}
	#page-body p, #page-body li, #page-body dt, #page-body dd, #cover p, #cover li, #cover dt, #cover dd {
		font-family: Constantia, Georgia, serif;
		font-size: 1.4em;
		line-height: 1.71em;
	}
	p.caption, .callout, .pullout, .sideimage, .popup, p.small, p.highlight, p.author, #p.next-page, p.subtitle, p.summary, p.supertitle, .alert p, .era p {
		font-family: Corbel, "Trebuchet MS", Verdana, sans-serif !important;
	}
	p.caption, #page-body p.caption, p.small, #page-body p.small, #page-body .callout p, #page-body .sideimage p.caption, dd.popup p, dd.popup li, dl.popup dt, dl.popup dd, #sidebar p, #sidebar li, #sidebar dt, #sidebar dd, #page-footer p, #page-footer li, #page-footer dt, #page-footer dd {
		font-size: 1.2em;
		line-height: 1.5em;
	}
	th, td, caption {
		font-family: Corbel, "Trebuchet MS", Verdana, sans-serif !important;
		font-size: 1.2em;
		line-height: 1.5em;
	}
	caption {
		text-transform: uppercase;
		letter-spacing: 0.1em;
	}
	
	li p, li li, li * li, li dt, li dd, dd p, dd li, dd dt, dd dd, th p, td p, td li, td dt, td dd {
		font-size: 1em !important; /* we need this for both page-body and sidebar */
	}
	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;
	}
	#page-body .no-indent p + p {
		margin-top: 1em;
		text-indent: 0;
	}
	
	dt {
		font-style: normal;
		font-weight: bold;
		margin-top: 1em;
	}
	dd {
		margin-left: 2em;
		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;
	}
	#sidebar li ul {
		margin-left: 1.5em;
	}
	
	ol ol {
		list-style-type: lower-alpha;
	}
	ol ol ol {
		list-style-type: lower-roman;
	}

	p.author {
		font-size: 1.4em;
	}
	p.summary, p.subtitle, .alert p {
		font-size: 1.3em;
	}	
	p.subtitle, p.summary {
		color: #333;
	}
	p.caption {
		margin-top: 0.5em;
		padding-bottom: 0.5em;
		border-bottom: solid 1px #9cc0e4;
	}	
	p.highlight {
		margin-left: 2em;
		margin-right: 2em;
		padding: 0.2em 0.5em;
		font-size: 100%;
		font-weight: bold;
	}
	p.credit {
		margin-top: 0;
		text-transform: uppercase;
		text-align: right;
		font-size: 0.9em;
	}
	p.author, p.next-page {
		font-weight: bold;
		text-transform: uppercase;
	}
	p.next-page {
		text-align: right;
	}




	/* 	
	
	.vigneS */

	#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: 4px;
		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 */
		padding-top: 1px;
	}
	#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: 1em 0 1em 0.2em;
		padding-top: 0;
		border-left: solid 1em #9cc0e4;
		padding-left: 1em;
		background-image: none;
	}
	#page-body blockquote.example p {
		margin-top: 1em;
	}
	
	.vignette {
		font-style: italic;
		margin: 1em 0;
	}
	.vignette em, .vignette cite, .vignette .note {
		font-style: normal;
	}
	div.example {
		margin: 2em 3em;
		border-top: solid 1px #9cc0e4;
		border-bottom: solid 1px #9cc0e4;
		padding: 1em 0;
		font-size: 1.4em;
		line-height: 1.6em;
	}
	div.example p, #page-body div.example p {
		font-size: 1.0em;
		font-family: Corbel, "Trebuchet MS", Verdana, sans-serif;
	}
	div.example p:first-child {
		margin-top: 0;
	}
	

	/* INLINE STYLES */

	dfn {
		font-style: italic;
	}
	code, samp, kbd {
		font-size: 0.93em;
		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;
	}
	p.note, span.note {
		/* Editorial note or explanation */
		font-style: italic;
	}
	.note em {
		font-style: normal;
	}
	span[lang] {
		/* Italicize anything marked in a language other than English */
		font-style: italic;
	}
	strong.caps, em.caps {
		font-size: 0.86em;
		text-transform: uppercase;
		letter-spacing: 0.1em;
	}
	em.caps {
		font-style: normal;		
	}
	.part-of-speech {
		font-weight: normal;
		font-style: italic;
	}
	
	.yes, .no, .maybe {
		/* Combines with special colors to mark correct or incorrect answers */
		font-weight: bold;
	}	
	.yes {
		color: #060;
	}
	.no {
		color: #900;
	}
	strong.yes, strong.no {
		font-size: 0.86em;
		text-transform: uppercase;
		letter-spacing: 0.1em;
	}
	
	
	/* DECORATION */

	hr {
		color: #9cf;
		background-color: #9cf;
		height: 1px;
		width: 60%;
		margin-top: 2em;
		margin-bottom: 2em;
	}
	
	.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;
	}
	#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;
	}
	.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;
	}


/*	IMAGES AND MEDIA
	______________________________________________________________________________________ */

	img {
		border: none;
	}
	img.icon {
		border: none !important;
	}
	.figure {
		margin: 2em 0 1em 0;
	}
	.slide {
		margin: 1em 0;
		padding-bottom: 0.2em;
	}
	#cover .slide {
		padding: 0;
		border: none;
	}
	.slide img, .sideimage img, .pullout img {
		margin: 0;
		border-width: 0;
	}
	div.sideimage a img, .pullout a img {
		cursor: -moz-zoom-in;
	}
	#page-body img, #cover img, #sidebar img, .wide img {
		border: solid 1px #666;
	}
	#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-sidebar img {
		width: 95%;
		height: auto !important;
	}
	span.zoom {
		padding-left: 18px;
		background: transparent url(images/zoom.png) no-repeat left;
	}
	img#license-logo {
		margin-top: 1em;
	}
	a.icon, a.icon img {
		border: none !important;
	}

	p + .audioplayer {
		margin-top: 1em;
	}
	#page-sidebar .audioplayer {
		margin-top: 1em;
	}
	
	
	/* 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;
	}


/*	LEFT COLUMN
	______________________________________________________________________________________ */

	/* DIVS AND IMAGES */

	div.sideimage, div.callout {
		position: absolute;
		text-align: right;
		left: 0em;
		width: 16em;	
	}
	div.sideimage img, .pullout img {
		width: 14em !important;
		height: auto !important;
		border: solid 1px #666;
	}
	div.callout p, div.sideimage p.caption {
		padding-left: 2em;
		border-bottom: none;
		font-size: 1.0em;
	}
	.sideimage .caption {
		margin-bottom: 1em;	
	}


	/* INLINE PULLOUTS */
	
	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: 11.67em;	/* = 14/1.2 */
		font-size: 0.857em; /* = 1.2/1.4 */
		line-height: 1.5em; /* otherwise too spread-out to read */
		padding-top: 0.23em; /* evens first line with main column */
		padding-left: 1.67em; /* = 2/1.2 */
	}
	
	.pullout del, .pullout-large del {
		/* Hide this from visual browsers */
		font-size: 0px;
		position: absolute;
	}



/*	SIDEBAR STYLES 
	____________________________________________________________________________ */


	#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 {
		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;
	}

	#sidebar ul.prevnext {
		list-style-type: none;
		list-style-image: none;
		margin-top: 2em;
	}
	#sidebar ul.prevnext li {
		text-indent: 0;
	}

	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;
	}
	#sidebar .tools li a.icon {
		margin-left: -20px;
	}
	
	
/*	FOOTER STYLES
	____________________________________________________________________________ */

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

	#UNC-logo {
		position: absolute; 
		top: 0; 
		left: 0;
		padding-left: 12em; 
		margin-left: -45px;
		margin-top: 1em;
	}
	#print-footer {
		display: none;
	}
	
	
	/* 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;
	}
	
	

/*	COMMENTS AND DEFINITIONS
	______________________________________________________________________________________ */

	dl.glossary dt {
		font-weight: bold;
	}

	dd.popup, dl.popup {
		margin: 0;
		padding: 0.5em 0.5em;
		background-color: #c0dbf6;
		background-color: #ffc;
		border: solid 1px #003;
		text-align: left;
		line-height: 1.3em;
		z-index: 1000;
	}
	dd.popup {
		width: 30em;
	}
	dl.popup {
		width: 18em;
	}
	dd.popup p {
		margin: 0 0 0.5em 0;
	}
	dd.popup li {
		line-height: 1.3em;
	}
	dd.popup ul {
		margin: 0 0 0.5em 0;
	}
	dl.popup dt, dl.popup dd {
		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;	
	}
	
	div.alert {
		margin: 1em 0 2em 0;
		background-color: #ffc;
		border: solid 1px #003;
		line-height: 1.3em;
	}
	div.alert p {
		margin: 0.5em;
	}


/*	SELF-ASSESSMENTS
	______________________________________________________________________________________ */

	ol.question-answer li {
		font-weight: bold;
	}
	ol.question-answer li dd {
		font-weight: normal;
	}


	dl.self-assessment dt {
		font-size: 1.2em;
	}
	
	dl.self-assessment dd.ddLabel, #page-body dl.self-assessment dd.ddLabel {
		font-family: Corbel, "Trebuchet MS", Verdana, sans-serif;
		font-size: 1.2em;
		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;
	}



/*	SPECIAL PAGES
	______________________________________________________________________________________ */

	/* CHAPTER COVER */

	.chapter-intro {
		margin-bottom: 2em;
	}
	.chapter-intro p.credit, .chapter-intro p.caption {
		font-size: 0.83em;
		border-bottom: none;
		margin-top: 0;
	}

	/* EDITION INDEX */

	p.letternav {
		font: 1.2em Corbel, "Trebuchet MS", Verdana, sans-serif !important;
		line-height: 1.5em;
		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;
	}



	.pdfnote {
		display: none;
	}
	

/*	TOC
	______________________________________________________________________________________ */
	

	#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: -1.87em;
		width: 12.8em;
	}
	#toc .chapters li li span, #toc .pages li span {
		left: -2.7em;
		width: 13.5em;	
		margin-top: -0.4em;
	}
	#page-body #toc .chapters li li span, #page-body #toc .pages li span {
		left: -2em;
		margin-top: -0.5em;
	}
	#toc .chapters li {
		font: normal bold 1.5em Corbel, "Trebuchet MS", Verdana, sans-serif;
		text-transform: uppercase;
		letter-spacing: 0.1em;
		margin: 1em 0;
	}
	#toc .chapters li li {
		font: normal normal 0.93em Constantia, Georgia, serif;
		text-transform: none;
		letter-spacing: 0;
		margin: 0.57em 0;
	}
	#toc li ol {
		margin-top: 1em;
	}
	
	
	#toc .pages li span {
		padding-top: 0.5em;
	}
	#toc .pages {
		margin-bottom: 2em;	
	}
	
	
/*	SIDEBAR CONTENTS
	______________________________________________________________________________________ */
	
	#sidebar .toc {
		padding-bottom: 1em;
		border-bottom: solid 1px #9cc0e4;	
	}
	#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 {
		margin-top: 0.3em;
		margin-bottom: 0.3em;
	}
	#sidebar ol.chapters li {
		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-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;
		margin-top: 0;
	}
	#sidebar ol.pages li span {
		font-weight: normal;
	}
	
	
/*	BANNER
	______________________________________________________________________________________ */
	
	#lnc-banner {
		border-bottom: double 3px #0a2061;
	}
	
	#edition-banner {
		border-top: none;
		border-bottom: none;
		color: #def;
		margin: 0;
		width: 100%;
		float:none !important;
		padding: 0;
		background-color: #195fb4;
	}
	#edition-banner a:link, #edition-banner a:visited {
		color: #def;
		border-bottom-style: none;
	}
	#edition-banner a:hover {
		color: #9cf;
		border-bottom-style: none;
		text-decoration: underline;
	}
	.banner-contents {
		margin: 0;
		padding: .3em 0 .3em 20px;
		font-size: 1.8em;
		line-height: 1em;
	}
	.banner-contents a {
		border-bottom: none;
		color: #195fb4;
	}
	.banner-contents .edition-credit {
		text-transform: uppercase;
		font-size: 0.72em;
		letter-spacing: 0.1em;
		padding-left: 1em;
		font-weight: strong;
	}

/*	COVER
	______________________________________________________________________________________ */
	
	#cover {
		position: relative;
	}
	#cover h1 {
		font-size: 2.4em;
		margin-bottom: 1em;
	}
	.supertitle {
		font-size: 1.3em;
		font-weight: bold;
		text-transform: uppercase;
		letter-spacing: 0.1em;
		color: #333;
		margin-bottom: 0;
		margin-top: 1.5em;
	}
	.supertitle + h1 {
		margin-top: 0.3em;
	}
	#cover p.subtitle {
		width: 60%;
		margin: 1em auto;
		font-size: 1.5em;
		text-transform: none;
		font-weight: normal;
		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 .callout {
		left: -18em;
	}
	#cover .callout h3 {
		font-size: 1.1em;
		padding-left: 1.82em;
	}
	#cover .callout p {
		font-family: Corbel, "Trebuchet MS", Verdana, sans-serif;
		font-size: 1.2em;
		line-height: 1.5em;
	}
	
	/* EDITION BADGE */

	.era {
		width: 12.9em;
		margin: 0.2em 0 0.5em 2em;
		padding: 0;
		background: #fff url(images/corner_topleft.gif) no-repeat top left;
		text-align: left;
	}
	.era h3, #page .era h3 {
		font-size: 1.5em;
		line-height: 1.1em; /* 1.25 x 1.2 = 1.5 base em or 15 px by default */
		text-transform: none;
		letter-spacing: 0;
		margin: 0 -13px 0 13px;
		padding: 13px 13px 0.2em 0;
		background: transparent url(images/corner_topright.gif) no-repeat top right;
	}
	.era .datespan, .era img {
		margin-right: 13px;
	}
	.era p.datespan {
		font-size: 1.4em !important;
		padding-left: 0 !important;
		line-height: 1.07em; /* 1.07 x 1.4 = 1.5 base em */
		margin-top: 0;
		margin-bottom: 1.14em;
	}
	.era img {
		margin-top: 1.6em;
		width: 11em !important;
		height: 11em !important;
		border: solid 0.1em #999;
	}
	.era div {
		margin: 0 13px 0 13px;
		padding: 0 13px 13px 0;
		width: 11.6em;
		background: #fff url(images/corner_bottomright.gif) no-repeat bottom right;		
	}
	.era .bottom-corner {
		margin: 0 0 -13px -13px;
		padding: 1em 0 13px 13px;
		width: 100%;
		background: transparent url(images/corner_bottomleft.gif) no-repeat bottom left;					
	}
	.era a.thumbnail {
		border: none;
	}



	#nearnav {
		border-bottom: solid 1px #9cc0e4;	
	}
	#page-sidebar {
		margin-bottom: 2em;
		border-bottom: solid 1px #9cc0e4;
		padding-bottom: 1em;
	}
	div.credits {
		margin-top: 1.5em;
		border-top: solid 1px #9cc0e4;
		padding-top: 1em;
	}
	.toc + .credits, .toc + div {
		border-top: none; /* no double border */	
	}
	div.credits h2 {
		margin-top: 0;
	}
	
	
	#sidebar h3.chapter {
		background: transparent url(images/arrow-up.gif) no-repeat top left;
	}
	#sidebar li.print {
		list-style: none;
		margin-left: -20px;
		padding-left: 20px;
		background: transparent url(images/print.gif) no-repeat left;
	}	
	ul.tools, #sidebar ul.tools {
		list-style: none;
		padding-left: 0;
	}
	#sidebar ul.tools li {
		margin-left: 0 !important;
		padding-left: 0 !important;
		margin-top: 0.5em;
	}
	#sidebar ul.tools li a.icon {
		margin-left: 0;
	}
	
	
/*	TABLES
	______________________________________________________________________________________ */
	
	/* FIX STYLES FOR THIS TEMPLATE */
	
	table.data th, table.data td, table.rubric th, table.rubric td, table.geo th, table.geo td, table.data caption, table.rubric caption {
		font-family: Corbel, "Trebuchet MS", Verdana, sans-serif;
		font-size: 1.3em;
		line-height: 1.4em;
	}
	table.data td p, table.data td li, table.data td dt, table.data dt dd {
		font-family: Corbel, "Trebuchet MS", Verdana, sans-serif;
		font-size: 1.0em;
		line-height: 1.4em;
	}
	#page-body .data td p {
		margin-top: 1em;
		text-indent: 0;
	}
	.geo th p, .geo td p {
		font-family: Corbel, "Trebuchet MS", Verdana, sans-serif;
	}

	/* CHECKBOX */
	
	table.checkbox {
		margin: 1em 0 2em 0;
	}
	.figure table.checkbox {
		margin: 0;
	}
	.checkbox caption {
		margin-top: 1.5em;
	}
	table.checkbox th, table.checkbox td {
		padding: 0.5em 1em;
		border-bottom: solid 1px #999;
	}
	.checkbox th[scope=col], .checkbox td {
		text-align: center;
	}
	.checkbox td, .checkbox th[scope=col] {
		vertical-align: middle;
	}

	/* GALLERIES */
	
	table.gallery {
		border-collapse: collapse;
		position: relative;
		left: -15em;
		width: 65em;
		margin-top: 2em;
	}
	.gallery td {
		font: 1.3em Corbel, "Trebuchet MS", Verdana, sans-serif;
		border-bottom: solid 1px #999;
		vertical-align: middle;
		padding: 1em 0;
		line-height: 1.4em;
	}
	
	.gallery td p, .gallery td li, .gallery td dt, .gallery td dd {
		font: 1em Corbel, "Trebuchet MS", Verdana, sans-serif !important;
		line-height: inherit;
	}
	.gallery td p + p {
		text-indent: 0 !important;
		margin-top: 1em !important;
	}
	.gallery td:first-child {
		text-align: right;
		width: 250px;
	}
	.gallery td + td {
		padding-left: 2em;
	}
	.gallery td img {
		width: 100% !important;
		height: auto !important;
	}
	.gallery caption {
		font-size: 1.3em;
		text-transform: uppercase;
		letter-spacing: 0.1em;
		color: #333;
		margin-bottom: 0;
		margin-top: 1.5em;
		font-weight: bold;
		text-align: left;
	}
	.gallery td h5 {
		font-weight: bold;
	}
	
	ul.gallery, #page ul.gallery {
		list-style-type: none;
		list-style-image: none;
		margin-top: 2em;
		margin-bottom: 2em;
		padding-left: 0;
		text-indent: 0;
	}
	ul.gallery li {
		position: relative;
		padding-left: 14.286em;
		height: 10em;
/*		border-bottom: solid 1px #9cc0e4; */
	}
	ul.gallery li img {
		position: absolute;
		top: 0;
		left: -14.286em;
		left: 0;
		width: 12.857em !important;
		height: auto !important;
	}
	ul.gallery li p.caption {
		border: none;
	}
	ul.gallery li.portrait {
		height: 15.5em;
	}
	ul.gallery li.portrait img {
		height: 12.857em !important;
		width: auto !important;
	}
	
	
	/* SEARCH RESULTS */
	
	dl.search-results {
		margin: 2em 0 2em 90px;
		position: relative;
		min-height: 80px;
		border-bottom: solid 1px #9cc0e4;
		padding-bottom: 8px;
	}
	dl.search-results dt {
		font-family: Corbel, "Trebuchet MS", Verdana, sans-serif !important;
		font-size: 1.3em;
		margin-top: 1em;
		margin-bottom: 0;
		font-weight: bold;
		line-height: normal;
	}
	dl.search-results dd {
		font-family: Corbel, "Trebuchet MS", Verdana, sans-serif !important;
		font-size: 1.2em;
		margin-top: 0.5em;
		margin-bottom: 0;
		margin-left: 0;
		line-height: 1.4em;
	}
	dl.search-results dd.thumbnail {
		position: absolute;
		width: 80px;
		height: 80px;
		overflow: hidden;
		left: -90px;
		top: 0.5em;
		margin-top: 0;
		margin-left: 0;
		text-align: center;
		border: solid 1px #666;
	}
	dd.thumbnail img, #page-body dd.thumbnail img {
		max-width: none !important;
		margin: auto;
	}

	
	/* TABLES ??? */
	
	tr.ruled td, tr.ruled th {
		background-color: #def;
	}

	/* GOOGLE MAPS */
	
	.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;
	}
	#gmap dt, #gmap dd {
		font-family: Corbel, "Trebuchet MS", Verdana, sans-serif;
		font-size: 1.2em ;
	}
	#gmap dd {
		font-family: Corbel, "Trebuchet MS", Verdana, sans-serif;
		font-size: 1.1em;
	}