@charset "UTF-8";
/* CSS Document */

html {font-size:62.5%;}

*, *:before, *:after {
	box-sizing:border-box;
	font-family: 'Alegreya', Times, serif;
}

body {
	margin:0;
	padding:0;
	background-image:url(../img/papertile.jpg);
	background-attachment:fixed;
}

header h1 {
	font-size: 36pt;
	font-size:3.6rem;
	font-family: 'Alegreya', serif;
	letter-spacing:-.1rem;
	line-height:28;
}

p, img, figure, figcaption, figcaption p {margin:0; padding:0;}

/* HEADER */

header {
	width:800px;
	width:80rem;
	height:30px;
	height:3rem;
	margin:0 auto;
	padding:10px 0 0 0;
	padding:1rem 0 0 0;
	}

header h1{
	font-size:3rem;
	font-weight:normal;
	line-height:1.2;
	text-align:left;
	font-family: 'Alegreya', serif;
	padding-left:.6rem;
	}

/* NAVIGATION */

nav {
	float:left;
	clear:left;
}

nav ul ul {
	display: none;
}

	nav ul li:hover > ul {
		display: block;
	}

nav ul {
	background: #E86D1F;
	font-size:1.6rem;
	padding: 0 2rem;
	border-radius: 1rem 1rem 0 0;
	list-style: none;
	position: absolute;
	top:6rem;
	z-index:100;
	display: inline-table;
	float:left;
	clear:left;
}
	nav ul:after {
		content: ""; clear: both; display: block;
	}

nav ul li {
	float: left;
}
	nav ul li:hover {
		background: #C1272D
	}
		nav ul li:hover a {
			color: #fff;
		}

	nav ul li a {
		display: block; padding: .8rem 2rem;
		color: #fff; text-decoration: none;
	}


nav ul ul {
	background: #E86D1F; border-radius: 0px; padding: 0;
	position: absolute; top: 100%;
}
	nav ul ul li {
		float: none;
		border-top: 2px solid #fff;
		border-bottom: 0px solid #fff;
		position: relative;
	}
		nav ul ul li a {
			padding: .8rem 2rem;
			color: #fff;
		}
			nav ul ul li a:hover {
				background: #C1272D;
			}

nav ul ul ul {
	position: absolute; left: 100%; top:0;
}


/* SECTION TEXT */

section {
width:80rem;
position:absolute;
left:50%;
margin-left:-40rem;
margin-top:7.8rem;
background-color:#eff7e7;
padding:3rem 0 0 0;
}

section a {color:#C1272D; text-decoration:none;}

section a:active, section a:hover {color:#C1272D; text-decoration:underline;}

section h1, section h2, section p, section blockquote, section ul, section ul p, psection ol, section ol p  {
	padding-left:3rem;
	padding-right:3rem;
	padding-bottom:2rem;
	padding-top:0;
	margin:0;
}

section h1 {
font-size:2.5rem;
line-height:1.3;
font-weight:normal;
}

section h2 {
	font-size:1.8rem;
}

section p, section blockquote, section ul , section ul p, section ol , section ol p {
	font-size:1.6rem;
	line-height:1.5;
}
section.citation .cit p {
padding-left:9rem;
text-indent:-6rem;
}
section ol, section ul {
	padding-left:5rem;
	padding-right:2rem;
}

section ol p, section ul p {
	padding:0; margin:0;
	text-indent:3rem
}
section ol figure figcaption p {
	text-indent:0;
}
section ol li {
margin-top:2rem;
}

section blockquote {
	padding:0 60px;
	padding:0 6rem;
	padding-bottom:2rem;
}


.credit p{
font-size:1.4rem; margin-bottom:.5rem; padding-bottom:0;
}

.credit p:first-child {
margin-top:1rem;
}

.credit p:last-child, section p:last-child, .last {
margin-bottom:2rem;
}

section figure p:last-child {
margin-bottom:0;
}


/* FIGURE */

figure {
	float:right;
	margin:0 3rem 2rem 2.5rem;
	width:auto;
}

figure.map {
width:50rem;
left:50%;
margin-left:-25rem;
margin-top:.5rem;
position:absolute;
background-color:#eff7e7;
}

figure.map {
margin-top:.9rem;
}


figcaption {
	float:right;
	clear:both;
	width:100%;
}

figcaption {
	float:right;
	clear:both;
	width:100%;
}

figcaption p {
	padding:.5rem 0 0 0;
	font-style:italic;
	font-size:1.4rem;
}

.fill {
margin:1.5rem 0 1rem 0; padding:0;
}

/* FOOTER */
section footer, figure.map footer {
float:left;
clear:both;
width:80rem;
background-color:#E86D1F;
color:#fff;
padding:2rem 0 1rem 0;
margin:0;
}

footer ul {
 margin-left: 2.5rem;
 padding: 0;
 display: inline;
 float:left;
 clear:left;
 }

 footer ul li {
 margin: 0;
 padding: 0 6px;
 border-left: 1px solid #000;
 list-style: none;
 display: inline;
 }

footer ul li.first {
 margin-left: 0;
 border-left: none;
 list-style: none;
 display: inline;
 }

footer p, footer ul li {
font-size:1.3rem;
}

section footer p, figure.map footer p {
float:left;
clear:left;
padding-top:.6rem;
padding-left:3rem;
}

footer a {color:#fff; text-decoration:none; }

footer ul a:hover, footer ul a:focus {
color:#fbd9b4;
}

.noleftborder {
border-left-style: hidden;
border-left-color:transparent;
border-left-width:0;}


/* FLOAT & CLEAR */

.floatlft {float:left;}
.floatrt {float:right;}
.clearfix {clear:both;}

.mar8 {margin:.8rem;}
.mar10 {margin:1rem 1rem 1rem 0;}

.indent {
padding-left:3rem;
padding-right:3rem;
}

.rdNo {
float:left;
height:5rem;
/*width:3.2rem;*/
overflow:hidden;
margin:-.2rem .4rem -.5rem 1.8rem;
}
.rdNo img {height:5rem;}


/*.rdNo img {width:100%;}*/

/**  CLEARFIX
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    contenteditable attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that are clearfixed.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */
.clearFix:before,
.clearFix:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.clearFix:after {
    clear: both;
}

/**
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */
.clearFix {
    *zoom: 1;
}

.fltLeft {float:left;}