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

	@import url(banner.css);
	@import url(forms.css);
	@import url(autosuggest.css);
	@import url(microformats.css);


/* 	PAGE LAYOUT
	____________________________________________________________________________ */
	
	body {
		margin: 0;
	}
	
	#content {
		float: left;
		width: 100%;
		padding-bottom: 2em;
	}
	#sidenav {
		float: left;
		width: 12em;
		margin-left: 0;
		padding-right: 1em;
		font-family: Arial, Helvetica, sans-serif;
		border-right: double 3px #69c;
	}
	#page {
		margin-left: 12em;
		padding: 0 3em;
	}
	#page-header {
		margin-bottom: 4em;
/*		border-bottom: solid 1px #9cc0e4; */
	}
	#page-sidebar {
		float: right;
		width: 20em;
		border-left: double 3px #69c;
		padding-left: 1em;
		background-color: #fff;
	}
	#page-sidebar :first-child {
		margin-top: 0;
	}
	#page-body {
		margin-right: 23em;
	}
	#page-footer {
		border-top: solid 1px #9cc0e4;
		margin-top: 2em;
		padding-top: 1em;
	}
	#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;
	}
	
/* 	NAVIGATION
	____________________________________________________________________________ */

	#sidenav ul {
		list-style: none;
		padding-left: 0;
		margin-left: 13px;
		margin-top: 1em;
	}
	#sidenav ul li {
		font-weight: bold;
		text-transform: uppercase;
	}
	#sidenav ul ul {
		margin-top: 0.5em;
		margin-bottom: 1em;
		margin-left: 0;
	}
	#sidenav ul ul li {
		font-weight: normal;
		text-transform: none;
		margin: 0.4em 0;
		line-height: 1.5em;
	}
	#sidenav li.selected {
		background-color: #def;
		margin-left: -13px;
		padding-left: 13px;
		margin-right: -1em;
		padding-right: 1em;
		border-right: solid 1px #69c;
	}
	
	#site-area-header {
		background-color: #def;
		margin-left: -2em;
		padding: 0.5em 3em 0.5em 2em;
		margin-right: -3em;
		border-bottom: solid 1px #69c;
	}
	#site-area-header h3, #page #site-area-header h3 {
		margin: 0;
		font-size: 1.1em;
	}
	#site-area-header h3 a:link, #site-area-header h3 a:visited {
		color: #333;
		border-bottom: solid 1px #999;
		text-decoration: none;
	}
	#site-area-header h3 a:hover {
		color: #195fb4;
		border-bottom-color: #195fb4;
	}


/* 	RESTRICTED STYLES
	____________________________________________________________________________ */

	p.summary {
	}
	p.author {
		font-weight: bold;
		text-transform: uppercase;
	}
	p.subtitle {
		font-size: 1.2em;
		color: #333;
	}


/* 	SEARCH RESULTS
	____________________________________________________________________________ */

	p.search-summary {
		font-size: 1.3em;
		text-transform: uppercase;
		letter-spacing: 0.1em;
		font-weight: bold;
		color: #333;
	}
	p.search-links, #page-body p.search-links {
		font-weight: bold;
		font-size: 1.2em;
		text-indent: 0;
		margin-top: 1em;
	}

	.search-results dl {
		margin-left: 90px;
		position: relative;
		min-height: 73px;
		border-bottom: solid 1px #666;
		padding-bottom: 8px;
		width: 60%;
	}
	.search-results dl dt {
		margin-top: 1em;
		margin-bottom: 0;
		font-size: 1.2em;
		font-weight: bold;
		line-height: normal;
	}
	.search-results dl dd {
		margin-top: 0.5em;
		margin-bottom: 0;
		margin-left: 0;
		line-height: 1.4em;
	}
	.search-results dl dd.thumbnail {
		position: absolute;
		width: 80px;
		height: 80px;
		overflow: hidden;
		left: -90px;
		top: 0;
		margin-top: 0;
		margin-left: 0;
		text-align: center;
		border: solid 1px #666;
	}
	dl.page dd.thumbnail {
		background: transparent url(../images/sricon-page.png) no-repeat center;	
	}
	dl.edition dd.thumbnail {
		background: transparent url(../images/sricon-edition.png) no-repeat center;	
	}
	dl.audio dd.thumbnail {
		background: transparent url(../images/sricon-audio.png) no-repeat center;	
	}
	dl.video dd.thumbnail {
		background: transparent url(../images/sricon-video.png) no-repeat center;	
	}
	dl.document dd.thumbnail {
		background: transparent url(../images/sricon-file.png) no-repeat center;	
	}
	dl.help dd.thumbnail {
		background: transparent url(../images/sricon-help.png) no-repeat center;	
	}
	dl.external dd.thumbnail {
		background: transparent url(../images/sricon-external.png) no-repeat center;	
	}
	dl.course dd.thumbnail {
		background: transparent url(../images/sricon-course.png) no-repeat center;	
	}
	dd.thumbnail img, #page-body dd.thumbnail img {
		max-width: none !important;
		margin: auto;
	}
	.dspquery {
		color: #a00;
	}
	
	.search-results-sidebar {
		width: 35% !important;
	}
	.search-results-sidebar h2 {
		font-size: 1.8em !important;
	}	
	.search-results-sidebar h3 {
		font-size: 1.3em !important;
	}
	.search-results-sidebar p, .search-results-sidebar li, .search-results-sidebar dt, .search-results-sidebar dd {
		font-size: 1.1em !important;
	}
	
	#page-sidebar .search-results dl, .page-sidebar .search-results dl {
		width: 100%;
		margin-top: 1em;
		margin-left: 0;
		min-height: 0;
		border-bottom: none;
		padding-bottom: 0;
	}
	#page-sidebar .search-results dl dd.thumbnail, .page-sidebar .search-results dl dd.thumbnail {
		display: none;
	}
	.page-sidebar .search-results dl dd {
		margin-left: 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
	________________________________________________________________ */

	
	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 dt, dd dd {
		font-size: 1.0em;
	}
	p {
		margin: 1em 0 0 0; /* IE seems to need this, otherwise paragraphs get spaced out too much. */
	}
	li p:first-child {
		margin-top: 0;
	}
	#page-body ol ol {
		list-style-type: lower-alpha;
	}
	#page-body ol ol ol {
		list-style-type: lower-roman;
	}
	#page-body p + 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 {
		margin-top: 1em;
		text-indent: 0;
	}
	#page-sidebar p, #page-sidebar li, #page-sidebar dt, #page-sidebar dd {
		font-size: 1.0em;
	}
	dt {
		font-style: normal;
		font-weight: bold;
		margin-top: 1em;
	}
	dd {
		margin-left: 2em;
		margin-top: 0.5em;
	}
	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;
	}
	h2 {
		font-size: 2.1em;
		font-weight: normal;
		margin-bottom: 0;
		margin-top: 1.5em;
	}
	#page-sidebar h2 {
		font-size: 1.6em;
		font-weight: normal;
		color: inherit;
	}
	#page h3, #page-sidebar h3 {
		font-size: 1.3em;
		text-transform: uppercase;
		letter-spacing: 0.1em;
		color: #333;
		margin-bottom: 0;
		margin-top: 1.5em;
	}
	#page-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 ul ul {
		list-style-image: url(../images/bullet-outline.gif);
	}
	#page ol {
		margin-left: 0;
		padding-left: 2.5em;
	}

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

	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;
	}
	small, p.small {
		font-size: 1em;
		font-family: "Lucida Grande", Tahoma, Lucida, Verdana, sans-serif;
		float: none;
	}
	p.large {
		font-size: 1.3em;
	}
	p.help {
		margin-top: 1em;
		text-indent: 18px;
		font-size: 1em;
		background: transparent url(../images/help.png) no-repeat top left;
	}
	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-serif;
	}
	.chapter-intro {
		font-size: 1.4em;
		margin-bottom: 2em;
	}

	#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; 
	}
		
	
	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;
	}
	
	strong.inline-header {
		margin-left: 0.5em;
	}
	strong.inline-header:first-child {
		margin-left: 0;
	}
	


/* 	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 {
		/* 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-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 #999;
		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: -1em;
		width: 12em;	
		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;
	}


/* 	LISTS
	____________________________________________________________________________ */

	#page-sidebar ul {
		list-style-image: url(../images/bullet.gif);
		padding-left: 1.5em;
	}
	#page-sidebar dd {
		margin-left: 1.5em;
	}

	/* Page contents */
	
	#page-sidebar ol.contents {
		padding-left: 2em;
		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;
	}
	
	#page-sidebar ul.related-media {
		list-style: none;
		padding-left: 0;
	}	
	#page-sidebar ul.related-media a {
		border: none;
	}	
	
	ul.scroll {
		height: 25em;
		overflow: auto;
		width: 25em;
	}

	

/*	FOOTER
	____________________________________________________________________________ */

	#page-footer p, #page-footer li, #page-footer dt, #page-footer dd {
		font-size: 1em;
	}
	#page-footer h2 {
		font-size: 1.8em;
	}
	#page-footer :first-child {
		margin-top: 0;
	}

/*	TOOLS
	____________________________________________________________________________ */

	#page-body #tools {
		float: right;
		margin: 0 0 2em 2em;
	}
	#tools {
		width: 11.5em;
		border: solid 1px #195fb4;
		border-color: #69c;
	}
	#tools h2 {
		font-family: "Lucida Grande", Tahoma, Lucida, Verdana, sans-serif;
		font-weight: bold;
		font-size: 1.1em;
		text-transform: uppercase;
		letter-spacing: 0.1em;
		color: #fff;
		background-color: #195fb4;
		background-color: #69c;
		margin-bottom: 0;
		margin-top: 0;
		padding: 0.2em 0.5em;
	}
	#tools ul {
		list-style: none;
		padding: 0 0.5em;
		margin: 1em 0;
	}
	#tools li {
		margin-bottom: 0.5em;
		font-size: 0.9em;
		text-transform: uppercase;
		letter-spacing: 0.1em;
	}
	#tools li.print {
		padding-left: 21px;
		background: transparent url(../images/print.gif) no-repeat center left;
	}
	#tools li.email {
		padding-left: 21px;
		background: transparent url(../images/email.gif) no-repeat center left;
	}
	#tools li.pdf {
		padding-left: 21px;
		background: transparent url(../images/pdf.gif) no-repeat center left;
	}


/*	IMAGES
	____________________________________________________________________________ */


	img {
		border: none;
	}
	a.icon img, img.icon {
		border: none !important;
		vertical-align: middle;
	}
	#page-body img, #page-sidebar img, .feature-thumbs img {
		border: solid 1px #666;
	}
	#page-body .diagram img {
		border: none;
	}
	#page-body img, #page-sidebar img {
		max-width: 100% !important; 
		height: auto !important;
	}
	#page-body img.noresize {
		max-width: none !important;
	}
	.slide {
		margin: 1em 0 2em 0;
		padding-bottom: 0.2em;
	}
	#cover .slide {
		padding: 0;
		border: none;
	}
	div.sideimage, div.callout {
		position: absolute;
		text-align: right;
		left: -1em;
		width: 14em;	
	}
	div.sideimage a img, .pullout a img {
		cursor: -moz-zoom-in;
	}
	div.sideimage img, .pullout img {
		width: 12em !important;
		height: auto !important;
		border: solid 1px #666;
	}
	div.callout p, div.sideimage p.caption {
		padding-left: 2em;
		border-bottom: none;
	}
	p.caption {
		font-size: 1.0em;
		margin-top: 0.5em;
		padding-bottom: 0.5em;
		border-bottom: solid 1px #9cc0e4;
	}
	.figure {
		margin: 2em 0;
	}
	img.license-logo {
		padding-top: 1em;
	}
		
/*	GOOGLE MAPS
	____________________________________________________________________________ */
	
	.gmap {
		width: 450px;
		height: 350px;
		border: solid 1px #666;
		margin: 2em 0;
		float: none;
	}	

	#gmap img {
	
		max-width:none !important;
	}

/*	COLORS
	____________________________________________________________________________ */

	body {
		color: #000;
		background-color: #fff;
	}
	a, a:link {
		color: #195fb4;
		border-bottom-color: #ccc;
		cursor: pointer; /* to cover onclick */
	}
	a:visited {
		color: #939; /* too purple! */
		color: #747;
		border-bottom-color: #ccc;
	}
	a:hover {
		color: #195fb4;
		border-bottom-color: #195fb4;
	}	
	a.icon:link, a.icon:visited, a.icon:hover, a.icon img {
		border: none;
	}
	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: 18px;
		background: transparent url(../images/forward.png) no-repeat center right;
	}
	.back {
		padding-left: 18px;
		background: transparent url(../images/back.png) no-repeat center left;
	}
	a.print, span.print {
		padding-left: 18px;
		background: transparent url(../images/print.png) no-repeat center left;
	}
	span.zoom {
		padding-left: 18px;
		background: transparent url(../images/zoom.png) no-repeat 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;
	}
	

	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, dd.popup ol {
		margin: 0 0 0.5em 0;
		padding-left: 1.5em;
	}
	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 {
		text-transform: uppercase;
		letter-spacing: 0.1em;
	}
	em.caps {
		text-transform: uppercase;
		letter-spacing: 0.1em;
		font-style: normal;
	}

	ul.tools {
		list-style: none;
		padding-left: 0;
		margin-left: 2.5em;
		margin-left: 0;
	}
	
	a.document {
		padding-right: 16px;
		background: transparent url(../images/document.png) no-repeat center right;
	}
	
	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, a.button {
		padding: 0.2em 0.4em 0.3em 0.4em;
		background-color: #0a2061;
		border: solid 1px #69c;
		/* margin-right: 0.3em; */
		border-bottom-style: none;
		font-weight: bold;
		color: white;
		cursor: pointer; 
	}
	p.letternav a:link, a.button:link {
		color: white;
		border-bottom-style: none;
	}
	p.letternav a:visited, a.button:visited {
		color: white;
		border-bottom-style: none;
	}
	p.letternav a:hover, a.button:hover {
		color: white;
		border-bottom-style: none;
	}
	a#letter-selected {
		background-color: #9CF;
		border: solid 1px #0A2061;
		color: black;
	}
	span.letter a:hover, a.button: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;
		margin-top: 0;
	}
	#cover p.subtitle {
		width: 60%;
		margin: 1em auto;
		font-size: 150%;
		text-transform: none;
		font-weight: normal;
		color: #333;
	}
	#cover p.author {
		font-size: 120%;
		letter-spacing: 0.1em;
		color: #333;
	}
	#cover p.next-page {
		text-align: inherit;
		letter-spacing: 0.2em;
		font-size: 120%;
	}
	#cover img.primary {
		margin: 0 0 2em 0;
		float: none;
	}
	#cover p {
		font-size: 110%;
	}

/*	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 {
		text-align: right;
	}
	
	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;
	}
	
	tr.ruled, td.ruled {
		background-color: #def;
	}
	


/*	TAG CLOUDS
	__________________________________________________________________________ */

	ul.tagcloud {
		padding: 1em;
		border: solid 1px #9cf;	
		font-size: 1em;
		font-family: "Lucida Grande", Tahoma, Lucida, Verdana, sans-serif;
		text-align: justify;
		list-style: none;
		margin-left: 0;
	}
	.tagcloud li {
		display: inline;
		padding-right: 1em;
	}
	.tagcloud span {
		position: absolute; 
		left: -999px; 
		width: 990px;
	}
	.tagcloud a {line-height: 25px; margin: 0 2px;}
	.tagcloud .level0 {font-size: 0.9em; line-height: 1.5em;}
	.tagcloud .level1 {font-size: 0.9em; line-height: 1.5em;}
	.tagcloud .level2 {font-size: 1.0em; line-height: 1.5em;}
	.tagcloud .level3 {font-size: 1.1em; line-height: 1.5em;}
	.tagcloud .level4 {font-size: 1.2em; line-height: 1.5em;}
	.tagcloud .level5 {font-size: 1.3em; line-height: 1.5em;}
	.tagcloud .level6 {font-size: 1.4em; line-height: 1.5em;}
	.tagcloud .level7 {font-size: 1.5em; line-height: 1.5em;}
	.tagcloud .level8 {font-size: 1.6em; line-height: 1.5em;}
	.tagcloud .level9 {font-size: 1.7em; line-height: 1.5em;}
	
	.tagcloud .level0 a {color:#369;}
	.tagcloud .level1 a {color:#369;}
	.tagcloud .level2 a {color:#369;}
	.tagcloud .level3 a {color:#369;}
	.tagcloud .level4 a {color:#369;}
	.tagcloud .level5 a {color:#369;}
	.tagcloud .level6 a {color:#369;}
	.tagcloud .level7 a {color:#369;}
	.tagcloud .level8 a {color:#369;}
	.tagcloud .level9 a {color:#369;}