html, body {	
	background-color: #5f1111;	
	margin: 0px;	
	padding: 0px;	
}

a { text-decoration:none; }
a { color: #000099; }
a:visited, a:active { color: #993300; }
a:hover { text-decoration:underline; }
a[rel='external'] {
	background:url("../images/external-link.gif") right no-repeat;
	padding-right:17px;
}

.navcue { display:none; }
@media braille, embossed, speech, tty {
	.navcue { display:block; }
}

hr.float-break {
	visibility:hidden;
	height:0; width:0; 
	margin:0; padding:0; border:0;
	clear:both;
}

/* Common navigation styles */
.nav-text {
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:11px;
	white-space: nowrap;
	color:#cbb;
}
.nav-text a, .nav-text a:visited {
	color:white; text-decoration:none;
}
.nav-text a:hover, .nav-text a:visited:hover {
	color:#a5bdde;
	text-decoration:underline;
}
ul.nav-text { margin:0; padding:0; list-style:none; }
ul.nav-text li { display:inline; margin:0; padding:0 .9em; list-style:none; }


/* ############## */
/*     Header     */
/* ############## */
#header {
	position:relative; z-index:2; /* above main content */
	white-space:nowrap;
	width:100%; /* at least as wide as the viewport */
	background-color:black;
	-webkit-box-shadow:0 2px 7px black;
	-moz-box-shadow:0 2px 7px black;
	box-shadow:0 2px 7px black;
}
#header #page_top { /* logo graphic */
	position:absolute;
	top:3px; left:3px; width:102px; height:136px;
	z-index:2; /* over subjectnav bar */
	border:0; text-decoration:none; color:transparent;
}
#header #librarynav, #header #subjectnav {
	min-width:900px; /* and at least wide enough to hold everything */
	margin:0; padding:0;
}
#header ul {
	margin:0; padding:0;
}
#header li {
	display:inline;
}

#header #librarynav {
	background:url("../images/header_back_new.jpg") no-repeat;
	background-size:auto 100%;
}
#header #librarynav ul {
	padding:65px 0 13px 121px;
	margin-left:-15px; /* compensate for padding on first link */
}
#header #librarynav li {
	margin:0 0 0 20px; /* separate consecutive links */
	padding:0;
}
#header #librarynav a {
	font-family: "Times New Roman", Times, serif;
	font-size: 28px;
	letter-spacing:5px;
	text-shadow:0 0 .3em black;
	color: #FF6464; /* pinkish */
	padding:5px 15px; /* expand clickable area */
}
#header #librarynav .current a {
	color:#F8ECD2; /* parchment */
}
#header #librarynav a:hover {
	text-shadow:0 0 .2em black, 0 0 .3em black; /* darken */
	color:#A5BDDE; /* ISE blue */
	text-decoration:none;
}

#header #subjectnav {
	position:relative; z-index:1; /* positioning-parent for searchbox float */
	background-color:#202020;
	border-top:2px solid black;
	border-bottom:2px solid black;
}
#header #subjectnav ul {
	padding:5px 0 6px 122px;
}
#header #subjectnav li {
	margin:0 0 0 18px; /* separate consecutive links */
	padding:0;
}
#header #subjectnav a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	text-decoration: none;
	color: #FFFFFF;
}
#header #subjectnav .current a {
	color:#F8ECD2; /* parchment */
}
#header #subjectnav a:hover {
	color:#A5BDDE; /* ISE blue */
	text-decoration:none;
}

#header #subjectnav #sitesearch {
	float:right;
	margin:5px 10px 0 0;
	position:relative; z-index:1;
}
#header #subjectnav #sitesearch input {
	/* note: all this is ignored by (most) Webkit browsers because of type="search" */
	margin:0; padding:3px 6px 1px 18px;
	background-image:url("../images/search.png");
	background-position:4px 4px;
	background-repeat:no-repeat;
	width:112px; height:16px;
	border:0;
	-moz-border-radius:10px;
	border-radius:10px;
	-moz-box-shadow:0 1px 2px rgba(0,0,0,.75) inset;
	box-shadow:0 1px 2px rgba(0,0,0,.75) inset;
	background-color:white;
}
#header #subjectnav #sitesearch.webkit input {
	/* webkit ignores padding.  add to width */
	width:130px;
}
#header #subjectnav #sitesearch.chromeWin input {
	/* clear icon if using Chrome on Windows, otherwise we get two search icons! */
	background-image:none;
	padding:3px 6px 1px 6px;
}
#header #subjectnav #sitesearch #sitesearchPlaceholder {
	position:absolute; left:22px; top:3px;
	font-size:9pt; color:#bbb;
	font-family:"Lucida Grande", sans-serif;
}
#header #subjectnav #sitesearch.SafariWin #sitesearchPlaceholder {
	/* safari on windows sometimes gets the placehold element added by mistake */
	display:none;
}



/* ############### */
/*     Content     */
/* ############### */

/* Layout */
#mainbox {
	position:relative; z-index:1;
	min-height:685px; /* based on #adbox height in normal template */
	width:100%;
	background:#FFFFF6;
	min-width:900px; /* same as header min-width */
}

#rail {
	position:absolute; right:0;
	width:170px; padding:20px 0 0;
	background:#FFFFF6; /* needs bakground in case it overflows #mainbox */
}
#content {
	padding:10px 10px 20px 25px;
	margin-right:185px; /* avoid rail */
	position:relative; z-index:1;
}
.fullwidth #content {
	padding:10px; margin-right:0;
}
#innerContent {
	max-width:45em;
	line-height:1.3em;
}

/* print button */
#printpage {
	display:block; text-align:center;
	margin-bottom:.75em;
}
#printpagefullwidth {
	display:inline-block;
	margin-right:1em;
	font-size:13px;
	vertical-align:top; /* line up with AddThis box */
}

/* gadget boxes */
#gadgets > div {
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	border-radius:10px;
	-webkit-box-shadow:0 1px 3px gray;
	-moz-box-shadow:0 1px 3px gray;
	box-shadow:0 1px 3px gray;
	background-color:#F8ECD2; /* parchment */
	border:1px solid black;
	padding:0 7px 5px;
	margin-bottom:6px;
}
#gadgets > div > h2 {
	background-color:#600; color:white;
	font-size:15px;
	margin:0px -7px;
	padding:0px;
	text-align:center;
	border-top-left-radius:10px;
	border-top-right-radius:10px;
	-moz-border-radius-topleft:10px;
	-moz-border-radius-topright:10px;
}
#gadgets {
	margin-bottom:15px; /* separate from ads */
}

/* sharing links */
#sharelinks {
	margin-bottom:13px;
	margin-left:8px; /* "center" in the rail */
}
#sharelinksfullwidth {
	display:inline-block; position:relative; z-index:1;		
	font-size:10pt;
}

/* sidebar menus */
#sidebarmenu {
	margin:30px 8px 25px 0;
}
#sidebarmenu h1 {
	font-size:18px;
	color:black;
	margin:0 0 8px;
}
#sidebarmenu ul {
	padding:0; margin:0;
	list-style:none;
	font-family:sans-serif;
}
#sidebarmenu li {
	font-size:16px;
	margin:0 0 5px;
	padding:0;
	list-style:none;
}


/* Advertisements */
#adbox {
	text-align:center;
	padding:5px; margin:0;
}
#adbox > * {
	margin-bottom:15px;
}
#adbox > a {
	display:block;
}
#whyadvert {
	display:block;
	border:1px solid black;
	-webkit-border-radius:7px;
	-moz-border-radius:7px;
	border-radius:7px;
	padding:3px 5px;
	background:#F8ECD2;
	margin-top:20px;
}

#adbox dl, #adbox dd, #adbox dt {
	margin:0; padding:0;
}
#adbox dd {
	font-size:smaller;
}
#adbox .bookItem {
	margin-bottom:.8em;
}

/* Table of Contents */
#toc {
	float:right; width:13em;
	border:solid 1px;
    -webkit-border-radius:8px;
    -moz-border-radius:8px;
    border-radius:8px;
	margin:1em; margin-top:10px; padding:0;
	position: relative; z-index:2;
	background-color:#ffffe7;
	line-height:1.1em;
}
#toc_header {
	padding:.1em 0.5em; margin: 0;
	color:#660000;
	font-weight:bolder;
	text-align:center;
}
#toc_content {
	padding:0.7em; margin:0;
	font-size:80%;
}
#toc_content li { list-style-type: none; }
#toc_content li.h1 { padding-left:0; }
#toc_content li.h2 { padding-left: 0.8em; }
#toc_content li.h3 { padding-left: 1.6em; }


/* basic content styles */
h1, h2, h3 { color: #660000; }
h1 {
	font-size : 170%;
	padding-bottom: 2px;
	margin: 10px 0 2px;
}
h2 {
	font-size: 135%;
	margin: 10px 0 2px;
	padding-bottom: 2px;
}
h3 {
	font-size: 120%;
}


/* ############## */
/*     Footer     */
/* ############## */

#footer {
    clear: both;
    background-color: #5F1111;
    padding:10px 0 30px;
	text-align:center;
	color:#F8ECD2; /* parchment */
}
#footer > * { padding-top:6px; }
#footer p { margin:0; }
#footer a:hover {
	text-decoration:none;
}
#footer .copyright { display:none; } /* only show in print */



/* fix an IE6 problem with image spacing. */
/* see archivist.incutio.com/viewlist/css-discuss/50692 */
img {	
	margin: 0px;	
	padding: 0px;	
	border: 0px none transparent;	
	vertical-align: bottom;
}

/* FIXME: are these used anywhere? */
.indent-one {
	padding-left: 1em;
}

.indent-two {
	padding-left: 3em;
}

/* blockify SPANs in iembeds */
.iembedContainer, .iembedContent, .iembedCaption, .artifact_title, .artifact_media {
	display:block;
}
.iembedContainer {
	margin:10px;
}
.iembedContent {
	/* make this a positioning parent for .copyright */
	position:relative; z-index:1;
}
.iembedContent .copyright {
	position:absolute; bottom:0; right:0; left:0;
	padding:3px 5px; text-align:center;
	font-size:10px; font-family:"Helvetica", sans-serif; line-height:1em;
	overflow:hidden; text-overflow:ellipsis; white-space:nowrap;
	color:black; background:white;
	opacity:.6;
}
.iembedContent .copyright:hover {
	text-decoration:none;
}
.iembedContent.video .copyright, .iembedContent.audio .copyright {
	/* don't float the copyright over the flash player, or it might obscure the controls! */
	position:static; display:block;
	background:none; opacity:1; overflow:visible;
}