html {
	height: 100%;
	background-color: #fff;
	font-size: 62.5%;
}

body {
	min-width: 320px;
	font-family: "Open Sans", sans-serif;
	background: #614e3c;
	color: #000;
	margin: 0;
}

#pageWrapper {
	width: 100%;
	border-bottom: solid 4px #000;
	padding-bottom: 12px;
}
	#page {
		width: 1200px;
		max-width: 100%;
		background-color: #464d5f;
		background-position: bottom left;
		background-repeat: no-repeat;
		margin: 0 auto;
		padding-bottom: 12px;
	}
	#page:before,
	#page:after {
		content: " ";
		display: table;
	}
	#page:after {
		clear: both;
	}


/* -------- Navigation -------- */

#navAndPromos {
	left: 0%;
	width: 100%;
	float: left;
	margin: 0;
	position: relative;
}

#sidenav {
	width: auto;
	background: #464d5f;
}

#sidenav ul {
	list-style: none;
}
#sidenav ul.navLevel2.current {
	background: #fff;
	border-radius: 0 0 0 5px;
	margin-left: -5px;
	padding: 8px 0 8px 5px;
	
	border-bottom: solid 2px #333;
	margin-bottom: -2px;
}
	#sidenav ul li a {
		display: block;
		padding: 8px 8px 8px 20px;
		font-size: 14px;
		line-height: 18px;
	}

#sidenav h3 a {
	background: #614e3c;
	color: #fff;
	display: block;
	font-size: 28px;
	font-weight: 600;
	line-height: 35px;
	padding: 20px 0 14px 20px;
	text-transform: uppercase;
}

#sidenav .navItem1 a {
	color: #fff;
}
#sidenav .navItem1.current a,
#sidenav .navItem1 a:hover {
	background: #222;
	color: #fff;
}
#sidenav .navItem1.current a {
	border-radius: 5px 0 0 0;
	margin-left: -6px;
	
	border-top: solid 1px #393939;
	margin-top: -1px;
}
	#sidenav .navItem1.current a span {
		margin-left: -4px;
	}

#sidenav .navItem2 a {
	color: #000;
	font-weight: 600;
	padding-left: 10px;
}
#sidenav .navItem2.current a,
#sidenav .navItem2 a:hover {
	background: #ddd;
	color: #111;
}

#sidenav .navItem3 a {
	color: #444;
}
#sidenav .navItem3.current a,
#sidenav .navItem3 a:hover {
	background: #3f5ca8;
	color: #fff;
}

#sidenav .navItem4 a {
	color: #444;
	font-style: italic;
}
#sidenav .navItem4 a:before {
	content: "\2022\00a0";
	font-style: normal;
}
#sidenav .navItem4.current a,
#sidenav .navItem4 a:hover {
	background: #6578a8;
	color: #fff;
}

#sidenav .navItem5 a {
	color: #444;
	font-style: italic;
	padding-left: 40px;
}
#sidenav .navItem5.current a,
#sidenav .navItem5 a:hover {
	background: #a5afc6;
}


/* -------- Content -------- */

#content {
	width: 100%;
	background-color: #fff;
	background-position: bottom left;
	background-repeat: no-repeat;
	font-size: 16px;
	line-height: 22px;
	padding: 15px;
	position: relative;
}


/* - Main elements ------ */

main h1,
main h2,
main h3,
main h4,
main h5 {
	font-weight: 400;
	line-height: 1.3em;
	margin: .5em 0;
}

main h1 {
	clear: both;
	color: #83050d;
	font-family: "Vollkorn", serif;
	font-weight: 400;
	font-size: 32px;
}
	main h1 small {
		display: block;
		font-size: 25px;
		font-style: normal;
		line-height: 1.4;
	}
main h2 {
	color: #826948;
	font-size: 21px;
	font-weight: 600;
}
main h3 {
	color: #826948;
	font-size: 19px;
	margin-top: 1.325em;
}
main h4 {
	color: #826948;
	font-size: 17px;
	margin-top: 1em;
}
main h5 {
	color: #666;
	font-size: 17px;
	margin-top: 1em;
}


main a,
main .action {
	max-width: 100%;
	color: #486c83;
	cursor: pointer;
	text-decoration: underline;
	
	-moz-text-decoration-style: dotted;
	-webkit-text-decoration-style: dotted;
	text-decoration-style: dotted;
}
	main a h1,
	main a h2,
	main a h3 {
		color: #486c83;
	}
main a[target=_blank]:not(.external-silent):not(.button):after {
	top: 0;
	left: 100%;
	background: url(../images/icons.gif) no-repeat;
	background-position: -12px 0;
	content: "";
	margin-left: .25em;
	padding-left: 12px;
}
main a.button {
	background: #3f5ca8;
	border-radius: 5px;
	color: #fff;
	display: inline-block;
	font-size: 15px;
	font-variant: small-caps;
	padding: 10px 14px;
	text-align: center;
}
	main a.button img {
		border: solid 2px #fff;
		margin: 4px 0;
	}
main .external:after,
main a.gototop:after {
	top: 0;
	left: 100%;
	background: url(../images/icons.gif) no-repeat;
	background-position: 0 0;
	content: "";
	margin-left: .25em;
	padding-left: 12px;
}
main .external:after {
	background-position: -12px 0;
}

main > blockquote,
main > dl,
main > ol,
main > ul,
main > p {
	max-width: 680px;
}

main blockquote {
	border-top: solid 1px #c0c0c0;
	border-bottom: solid 1px #c0c0c0;
	font-size: 18px;
	font-style: italic;
	margin: 1em 1.5em;
	overflow: hidden;
	padding: 1.25em .75em;
}
	main blockquote p {
		margin: .75em 0;
	}
	main blockquote em {
		font-style: normal;
	}

main dl {
	margin: .75em 0;
}
	main dt {
		color: #000;
		font-size: 16px;
		font-weight: 600;
		margin-top: 1.325em;
	}
	main dd {
		margin-left: 1.5em;
	}
main dl.tight {
}
	main dl.tight dt {
		float: left;
		margin: 0 3px 0 0;
	}
	main dl.tight dd {
		float: left;
		margin: 0;
	}
	main dl.tight dd + dt,
	main dl.tight dd + dd {
		clear: left;
	}
	main dl.tight dd + dd {
		float: none;
	}

main figure {
	clear: both;
	display: table;
	margin: .75em auto;
	text-align: center;
}
	main figure figcaption {
		border-bottom: solid 1px #c0c0c0;
		caption-side: bottom;
		color: #666;
		display: table-caption;
		font-size: .8em;
		line-height: 1.4em;
		padding: 0 1em .75em 1em;
		text-align: left;
	}
	main figure iframe,
	main figure img {
		border: solid 1px #c0c0c0;
		padding: 3px;
	}
	main a figure figcaption {
		color: currentColor;
		text-decoration: underline;
	}
main figure.beside {
	text-align: right;
}
	main figure.beside figcaption {
		border: none;
		display: inline;
		padding: 0;
	}
	
	main figure.beside iframe,
	main figure.beside img {
		float: right;
		margin: 0 0 0 1em;
	}
main figure.left.beside {
	text-align: left;
}
	main figure.left.beside iframe,
	main figure.left.beside img {
		float: left;
		margin: 0 1em 0 0;
	}

main hr {
	width: 96%;
	height: 1px;
	border: none;
	border-bottom: 1px solid #ccc;
	clear: both;
	margin: 1.5em 2% 1.5em 2%;
	
	width: auto;
	clear: none;
}

main i > i {
	font-style: normal;
}

main > img {
	background-color: #fff;
	border: none;
}

main ol,
main ul {
	margin: 0;
}
main > ol,
main > ul {
	margin: .75em 0;
}
	main li {
		line-height: 24px;
		margin: 0 0 0 1.5em;
	}
	
	main li.location-0 {
		background: #ff9;
		color: #000;
		font-style: italic;
		list-style: none;
		text-align: center;
	}
	
	main li.skip {
		list-style: none;
		margin-top: 0;
	}
		main li.skip > ol > li:first-child {
			margin-top: 0;
		}
		
		main li blockquote {
			font-size: 16px;
			font-style: italic;
			margin: .75em 1.5em;
			overflow: hidden;
			padding: 0 .75em;
		}
main .clean {
	list-style: none;
}
	main .clean li {
		margin: 0;
	}
main .inline {
	list-style: none;
}
	main .inline li {
		display: inline;
		margin: .5em 1.5em .5em 0;
	}
	main .inline.tight li {
		margin-right: .5em;
	}

main ol ol, main ul ul {
	margin: 0;
}

main ol.deeper {
	list-style-type: upper-roman;
}
	main ol.deep,
	main ol.deeper ol {
		list-style-type: upper-latin;
	}
		main ol,
		main ol.deep ol,
		main ol.deeper ol ol {
			list-style-type: decimal;
		}
			main ol ol,
			main ol.deep ol ol,
			main ol.deeper ol ol ol {
				list-style-type: lower-alpha;
			}
				main ol ol ol,
				main ol.deep ol ol ol,
				main ol.deeper ol ol ol ol {
					list-style-type: lower-roman;
				}
main ol.traverse {
	font-size: 18px;
	list-style: none;
	margin: 2em 0 1em 0;
}
	main ol.traverse li {
		display: inline;
		margin: 0 5px 0 0;
	}

main ul {
	list-style-type: disc;
}
main ul.boxes {
}
	main ul.boxes li {
		display: inline-block;
		font-size: 15px;
		margin: .5em .75em .5em 0;
	}
main ul ul {
	list-style-type: circle;
}

main p {
	line-height: 24px;
}
main > p {
	margin: .75em 0;
}

main small {
	font-style: italic;
}
main > small {
	margin: 0;
}

main table {
	border-collapse: collapse;
	margin: .75em 0;
}
	main table caption {
		color: #826948;
		font-size: 19px;
		font-weight: 400;
		line-height: 1.3em;
		margin: .5em 0;
		margin-top: 1.325em;
	}
	main table hr {
		margin: .5em 2% .5em 2%;
	}
	main table li {
		margin-top: 0;
	}
main > table {
	min-width: 100%;
}
	main table tr {
		text-align: left;
	}
	main table tr:nth-child(odd) {
		background: #eee;
	}
		main table th {
			background: #464d5f;
			border: solid 1px #999;
			color: #fff;
			padding: .5em;
		}
		
		main table td {
			border: solid 1px #999;
			padding: .25em 1.5em .25em .5em;
			vertical-align: top;
		}
		main table td.level-0 {
		}
		main table td.level-1 {
			padding-left: 2em;
		}
		main table td.level-2 {
			padding-left: 4em;
		}
		main table td.level-3 {
			padding-left: 6em;
		}
		main table td.level-4 {
			padding-left: 8em;
		}
		main table td.level-5 {
			padding-left: 10em;
		}
		main table td.level-6 {
			padding-left: 12em;
		}
		
		main table tr.location-0 td,
		main table tr.location-1 td,
		main table tr.location-2 td {
			background: #ff9;
			color: #000;
			font-style: italic;
			text-align: center;
		}
		main table tr.location-1 td {
			background: #ffc;
		}
		main table tr.location-2 td {
			background: #ffc;
		}
		
		main table img {
			margin: .75em;
		}
		main table p {
			margin: .75em 0;
		}
main table.simple {
	min-width: 50%;
}
	main table.simple th,
	main table.simple td {
		border: none;
		padding: 0 .5em 0 0;
	}
	main table.simple tr:nth-child(odd) {
		background: none;
	}
main table.complex {
}
	main table.complex > tbody > tr:nth-child(odd) {
		background: none;
	}

/* - Main form elements ------ */

main button,
main input,
main select {
	font-size: 15px;
	margin: .25em 1.5em .25em 0;
	padding: 3px;
}

main button {
	min-width: 50px;
	margin: 0 .25em .25em 0;
}

main input[type=text] {
	min-width: 280px;
}

main label {
	font-weight: 600;
}

main select {
	min-width: 170px;
}
	main select option {
		padding: 0 10px 0 2px;
	}


/* -------- IDs -------- */

/* - Bottom of content ------ */

#bottomLine {
	clear: both;
	font-size: 85%;
	position: relative;
	text-align: right;
	top: 5px;
}


/* - Breadcrumbs ------ */

#breadcrumbs {
	color: #a0acb2;
	float: left;
	font-size: 9px;
	text-transform: uppercase;
	letter-spacing: .09em;
}
	#breadcrumbs a {
		color: #3d669e;
	}


/* - Loading overlay ------ */

#loading {
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,.3);
	background-image: url("/_theme/images/loading.gif");
	background-position: center;
	background-repeat: no-repeat;
	display: none;
	position: fixed;
	z-index: 99999;
}
#loading.visible {
	display: block;
}


/* - Top of content ------ */

#topLine {
	width: 100%;
	clear: both;
	float: left;
	margin: 0 0 1em 0;
}

#emailPrint {
	display: none;
	float: right;
}
	#emailPrint a:last-of-type {
		padding-right: 0;
	}



/* -------- Overrides -------- */

/* - History.org overrides ------ */

#foundationBar {
	background: #ddd;
	display: none;
}
#foundationBar #learntab {
	background: #fff;
}

#quickLinks .weekataglance {
	z-index: auto;
}

#historyorgnav {
	background: #111;
	z-index: 1000;
}

#footer {
	background: #111 !important;
}

#historyorgnav li a,
#footer a,
#footer,
#footerLists li a,
#footerCallouts h6 {
	color: #fff;
}

#historyorgnav li.navresearch > h5 > a {
	background: #ddd;
	color: #222;
}




/* -------- General classes -------- */

div.center {
	width: 100%;
	display: block;
	margin: 2em 0;
	text-align: center;
}

.linkList {
	max-width: none;
	display: block;
	list-style: none;
	overflow: hidden;
}
	.linkList li {
		width: 100%;
		clear: left;
		float: left;
		margin: .75em -.25em .75em 0;
		padding-right: .5em;
	}
		.linkList > li > a {
			text-decoration: none;
		}
		.linkList h3 {
			border-bottom: dotted 1px;
			margin: 0 .75em;
		}
		.linkList p {
			margin: .5em .75em;
		}
		.linkList img {
			max-width: 37%;
			border: solid 1px #c0c0c0;
			float: left;
			margin: 0 1em 0 0;
			padding: 3px;
		}
	.linkList.tight li:nth-child(2n) {
		clear: right;
	}
		.linkList.tight p {
			margin: .25em .75em;
		}
		.linkList.tight img {
			margin-right: .75em;
		}

.separate {
	clear: both;
	overflow: hidden;
}



/* -------- Responsive elements -------- */

@media only screen and (min-width: 480px) {
	main h1 {
		clear: none;
	}
}

@media only screen and (min-width: 767px) {
	#content {
		left: 23%;
		width: 77%;
		min-height: 600px;
		background-image: url(../images/content-corner.png);
		float: left;
		padding: 33px;
		
		/*margin-bottom: -32768px;
		padding-bottom: 32768px;*/
	}
	
	#navAndPromos {
		left: auto;
		right: 77%;
		width: 23%;
	}
	
	#emailPrint {
		display: block;
	}
	
	main figure {
		float: right;
		margin: .75em 0 .75em 1.5em;
	}
	main figure.left {
		float: left;
		margin: .75em 1.5em .75em 0;
	}
	
	.linkList.tight li {
		width: 50%;
	}
	
	.linkList img {
		max-width: none;
	}
	
	#foundationBar {
		display: block;
	}
}

@media only screen and (min-width: 920px) {
	#content {
		left: 20%;
		width: 80%;
	}
	
	#navAndPromos {
		right: 80%;
		width: 20%;
	}
	
	main > table {
		min-width: 85%;
	}
}

@media only screen and (min-width: 1080px) {
	/*#page {
		background-image: url(../images/page-corner.png);
	}*/
	
	#content {
		padding: 33px 42px;
	}
}