@charset "utf-8";
/* 
COLORS:
	cream: #fff9e9 (255, 249, 233)
	lighter cream: #fffbfb
	apricot: #efcb9b (239, 203, 155)
	dark apricot: #f3a53f (243, 165, 63)
	grayer dark apricot: #bea584 (190, 165, 132)
	gray: #aaaa9b (170, 170, 155)
	light gray: #ccccba (204, 204, 186)
	cover poster bg gray: #e8e1c4 (232, 225, 196)
	lighter version of cover poster bg gray: #f3efdf (243, 239, 223)
*/


/* CSS RESET */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
	box-sizing: border-box; /* Added 2017-09-17 for RWD */
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
/* ol, ul {
	list-style: none;
} */
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* Site-specific stuff follows */


a {
	color: #f3a53f;
	font-weight: bold;
}

a:hover {
	color: #000000;
}

a:visited {
	color: #bea584;
}

a:visited:hover {
	color: #000000;
}

.dim a {
	color: #ccccba;
}

body {
	text-align: center;
	margin: 0;
	padding: 0;
	background-color: #efcb9b;
	color: #000000;
}

h1, h2, h3, h4, h5 {
	font-family: Lucida Bright, Times New Roman, Times, serif;
	color: #aaaa9b;
	font-style: italic;
	padding: 1ex 0;
	line-height: 1.2;
}

h1 {
	font-weight: bold;
	font-size: 200%;
}

.dim h1 {
	color: #ccccba;
}

h2 {
	font-weight: bold;
	font-size: 160%;
}

h3 {
	font-weight: bold;
	font-size: 115%;
	padding-top: 3ex;
}

.buy-left200 h3 {
	text-align: center;
}

.dim h3 {
	color: #ccccba;
}

h4 {
	color: #000000;
}

hr {
	color: #aaaa9b;
}

img {
	padding: 0;
	margin: 0;
}

li {
	font-family: Trebuchet MS, Arial, Helvetica, Helv, sans-serif;
	line-height: 1.2;
	padding-bottom: 1ex;
	padding-left: 1em;
	margin-left: 2em;
}

nav {
	padding: 0;
	vertical-align: top;
}

nav:hover .burger-box, nav:hover ul, nav:hover .navaddon {
	display: block;
}

nav a {
	text-decoration: none;
}

nav a:visited {
	color: #f3a53f;
}

nav ul {
	display: none;
}

nav li {
	list-style-type: none;
	font-weight: bold;
	text-align: left;
	background-color: #fffbfb; 
/*	color: #fffbfb; */
	border: solid 2px #efcb9b;
	border-radius: 10px;
	padding: 5px;
	margin: 5px;
}

nav li:hover {
	background-color: #ffffff;
	border: solid 2px #f3a53f;
}

ol, ul {
	list-style-position: outside;
}

p {
	font-family: Trebuchet MS, Arial, Helvetica, Helv, sans-serif;
	line-height: 1.3;
	padding-bottom: 1.2ex;
}

table {
	width: 100%;
	margin: 0;
	padding: 0;
	border: none;
}

.all-right {
	width: 1500px;
	max-width: 100%;
	text-align: center;
}

.asbury_logo {
	/* background: #294573; */
	width: 169px;
	height: 69px;
	float: left;
	padding: 4px;
	margin-right: 4px;
}

.attrib {
	text-align: right;
	margin-bottom: 2rem;
}

.attrib-byline {
	text-align: right;
	font-size: 80%;
}


.author {
	font-style: italic;
}

.banner {
	color: #000000;
	background-color: #fffbfb;
	border: 2pt #aaaa9b solid;
	padding: 0.5em;
	margin: 0;
	font-size: 120%;
}

.between-0-600 {
	display: block;
}
  
.between-600-5000 {
	display: none;
}

.between-0-600-inline {
	display: inline;
}

.between-600-5000-inline {
	display: none;
}

.big-bold {
	font-size: 125%;
	font-weight: bold;
}

.bigger-bold {
	font-size: 200%;
	font-weight: bold;
}

.bold {
	font-weight: bold;
}

.box {
	color: #000000;
	background-color: #f3efdf;
	border: 2pt #aaaa9b solid;
	padding: 1ex;
	margin: 1ex;
	float: right;
	font-size: 120%;
}

.box2 {
	color: #000000;
	background-color: #f3efdf;
	border: 2pt #aaaa9b solid;
	padding: 1ex;
	margin: 1ex;
	float: right;
}

.burger {
	background-color: #aaaa9b;
	width: 100%;
	height: 16%;
	margin: 16% 0;
}

.burger-box {
	width: 2em;
	height: 2em;
	margin: 0 0 0 2em;
}

.btn {
	padding: 0.2em;
}

.btn-virtual {
	background-color: #ee8800;
	margin: 0.5em 30%;
	border: 4px outset #ee8800;
	padding: 0.1em 5%;
	text-align: center;
	color: #eeeeee;
	font-weight: bold;
}

.btn-virtual:hover {
	background-color: #ff9900;
	border: 4px outset #ff9900;
	color: #ffffff;
}

.btn-virtual:active {
	border-style: inset;
}

.btn-virtual-a {
	color: #eeeeee;
	font-weight: bold;
	text-decoration: none;
}

.buttons {
	float: left;
	width: 120px;
	text-align: center; 
	padding: 0;
	margin: 0.3em 0;
}

.buttons-text {
	padding: 0;
	margin: 0.5em;
}

.buy-full {
	background-color: #ffffff;
	padding: 0.5em 0;
	border: solid 2px #999999;
}

.dim .buy-full {
	background-color: #dddddd;
	border-color: #777777;
}

.buy-null {
	clear: both;
	margin: 0;
	padding: 0;
	line-height: 1px;
	font-size: 1px;
	color: #ffffff;
}

.buy-left200 {
	float: left;
	width: 202px;
	margin: 0 1em 1em 0;
	padding: 0;
	background-color: #fffbfb;
	border: solid 2px #efcb9b;
}

.buy-left200 hr {
	margin: 0.5em 1em;
	color: #efcb9b;
}

.buy-text {
	padding: 0 0.5em 0.2em 0.5em;
	text-align: center;
}

.byline {
	font-size: 80%;
}

.cc-authors {
	width: 100%;
	max-width: 800px;
	text-align: center;
}

.cccover {
	width: 100%;
	max-width: 800px;
	text-align: center;
}

.cccover75pct {
	width: 100%;
	max-width: 600px;
	text-align: center;
}

.center {
	text-align: center;
}

.color {
	color: #006699
}

.content {
	padding-top: 0;
	padding-bottom: 0;
	padding-right: 1rem;
	padding-left: 1rem;
	vertical-align: top;
}

.copyright {
	color: #fff9e9;
	background-color: #aaaa9b;
	text-align: center;
	font-size: 0.75rem;
	font-weight: bold; 
	line-height: 150%;
	margin: 0 10% 0 10%;
	height: 3rem; 
}

.copyright a {
	color: #fff9e9;
}

.coverquote {
	vertical-align: middle;
}

.dim {
	color: #ccccba;
}

.dr_logo {
	background: #0000ff;
	width: 300px;
	height: 65px;
	float: left;
	padding: 4px;
	margin-right: 4px;
}

.excerpt {
	font-family: Lucida Bright, Times New Roman, Times, serif;
	line-height: 1.5;
	margin-left: 2em;
	margin-right: 2em;
}

.font-a {
	font-family: Courier New, Courier, monospace;
}

.hanging-indent {
	padding-left: 2em;
	text-indent: -2em;
}

.important {
	border-top: 0.5ex #efcb9b solid;
	border-bottom: 0.5ex #efcb9b solid;
	font-size: 150%;
	margin-bottom: 0.5ex;
	padding-top: 1ex;
	padding-bottom: 1ex;
}

.info-box {
	border: solid 2px #efcb9b;
	padding: 0 1em;
	font-size: 80%;
}

/* .info-box .title {
	font-size: 120%;
	font-weight: bold;
	color: #999999;
	margin-top: 0.3em;
} */

.info-box-top {
	background-color: #efcb9b;
	color: #fffbfb;
	margin: 0;
	padding: 0.3em 0;
	text-align: center;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 90%;
	letter-spacing: 0.5em;
}

.inlist {
	margin: 1ex 0;
}

.intro {
	font-style: italic;
	margin: 1ex 0;
}

.italic {
	font-style: italic;
}

.italic-center {
	padding: 2% 5%;
	background-color: #fffbfb;
	text-align: center;
	font-style: italic;
}

.landing {
	width: 90%;
	padding: 0 2% 0 1%; 
	vertical-align: top;
}

.letter-a {
	color: #000000;
	width: 85%;
	background-color: #fffcf9;
	border: 1pt #000000 solid;
	margin: 0 0 1ex 1ex;
	padding: 2ex;
}

.letter-b {
	color: #bea584;
	font-style: italic;
	font-weight: bold;
	width: 85%;
	background-color: #ffffff;
	border: 4pt #ccccba solid;
	margin: 0 0 1ex 1ex;
	padding: 2ex;
}

.letter-c {
	color: #0f0f6a;
	width: 85%;
	background-color: #fffcf9;
	margin: 0 0 1ex 1ex;
	padding: 2ex;
}

.light-bg {
	background-color: #fffbfb;
	padding: 2% 5%;
}

.logo-left {
	float: left;
	width: 100px;
	margin: 0;
	padding: 0;
	text-align: center;
}

.logo-right {
	margin: 0;
	padding: 0;
}

.logoname {
	font-family: Garamond, Times New Roman, Times, serif;
	color: #aaaa9b;
	letter-spacing: 0.5em;
	text-align: left;
	font-size: xx-large;
	margin-top: 0.5em;
	margin-bottom: 0;
}

.logosub {
	font-family: Garamond, Times New Roman, Times, serif;
	color: #aaaa9b;
	letter-spacing: 0.2em;
	text-align: left;
	font-size: large;
	font-style: italic;
	margin-top: 0;
	margin-bottom: 0;
}

.logotag {
	font-family: Garamond, Times New Roman, Times, serif;
	color: #aaaa9b;
	text-align: right;
	border-bottom: 2pt #aaaa9b solid;
	margin-top: 0;
	margin-bottom: 4px;
	padding-bottom: 4px;
	font-size: medium;
}

header .logotag {
	display: none;
}

nav .logotag {
	display: block;
}

.logo {
	padding: 1em;
}

.logo_tn {
	display: none;
	margin: 0 1em 1em 0;
	vertical-align: text-top;
}

/* .nav {
	border: solid 2px #efcb9b;
	border-radius: 10px;
	padding: 10px;
	margin: 10px;
	color: #000000;
	background-color: #fff9e9;
	font-weight: bold;
	text-align: left;
}
*/
.navaddon {
	display: none;
	border: solid 2px #fff9e9;
	padding: 10px;
	margin: 10px;
	color: #000000;
	font-weight: bold;
}

.navnow {
	color: #000000;
	font-weight: bold;
}

.no-phone {
	display: none;
	}

.note {
	border-top: 2pt black solid;
	border-bottom: 2pt black solid;
	font-size: 90%;
	padding-top: 4pt;
	padding-bottom: 4pt;
}

.note_dr {
	border-top: 2pt black solid;
	border-bottom: 2pt black solid;
	font-size: 90%;
	padding-top: 4pt;
	padding-bottom: 4pt;
	min-height: 75px;
}

.outline {
	text-align: center;
	margin: 0;
	padding: 0;
	background-color: #fffbfb;
	border: solid 2px #efcb9b;
}

.overlay {
	background-color: #ffffff;
	border: 0.2em solid #666666;
/*	margin: 0 8%; */
	padding: 0 1em;
	position: absolute;
	top: 5em;
	left: 15%;
	right: 15%;
}

.page {
	background-color: #fff9e9;
	text-align: left;
	border-top: solid #aaaa9b 1em;
	border-bottom: solid #fff9e9 1em; 
	overflow: auto;
}

.page-dim {
	background-color: #ddd7c7;
	text-align: left;
	border-top: solid #888879 1em;
	border-bottom: solid #ddd7c7 1em; 
}

.photo-credit {
	text-align: right;
	font-size: 75%;
	font-style: italic;
	margin: 0 0 1ex 0;
	padding: 0;
}

.red-alert {
	color: #ff0000;
	font-weight: bold;
}

.right {
	text-align: right;
}

.sidebar-l {
	color: #000000;
	width: 40%;
	float: left;
	background-color: #f3efdf;
	border: 2pt #aaaa9b solid;
	margin: 0 1ex 1ex 0;
	padding: 1ex;
}

.sidebar-l-wide {
	color: #000000;
	width: 60%;
	float: left;
	background-color: #f3efdf;
	border: 2pt #aaaa9b solid;
	margin: 0 1ex 1ex 0;
	padding: 1ex;
}

.sidebar-r {
	color: #000000;
	width: 40%;
	float: right;
	background-color: #f3efdf;
	border: 2pt #aaaa9b solid;
	margin: 0 0 1ex 1ex;
	padding: 1ex;
}

.dim .sidebar-r {
	color: #999999;
	background-color: #d1cdbd;
	border-color: #888879;
}

.sidebar-r-variable {
	color: #000000;
	width: 100%;
	background-color: #f3efdf;
	border: 2pt #aaaa9b solid;
	margin: 0;
	padding: 1ex;
}

.sidebar-r-wide {
	color: #000000;
	width: 60%;
	float: right;
	background-color: #f3efdf;
	border: 2pt #aaaa9b solid;
	margin: 0 0 1ex 1ex;
	padding: 1ex;
}

.signature {
	font-family: Lucida Bright, Times New Roman, Times, serif;
	font-style: italic;
	font-size: 150%;
	text-align: right;
	padding-right: 10%;
}

.small {
	font-size: 80%;
}

.strikethrough {
	text-decoration: line-through;
}

.supertitle {
	font-family: Lucida Bright, Times New Roman, Times, serif;
	color: #584940;
	letter-spacing: 0.1em;
	text-align: left;
	font-size: large;
	font-style: italic;
	font-weight: bold;
	margin-top: 1em;
	margin-bottom: 0;
}

.supertitle + h1 {
	margin-top: 0;
	padding-top: 0;
}

.title {
	font-style: italic;
}

.what .title {
	font-style: normal;
}

.title-reverse {
	font-style: normal;
	font-weight: bold;
	color: #584940;
}

.titleltl {
	width: 179px;
	padding: 4px 4px 4px 0;
}

.titleselfsoul {
	float: left;
	width: 149px;
	height: 32px;
	padding: 4px 4px 0 0;
}

.titlesteeped {
	width: 159px;
	padding: 4px 4px 4px 0;
}

.thumbnail {
	margin: 1ex;
}

.when {
	font-weight: bold;
}

.what {
	font-style: italic;
}

.where {
}

.who {
	color: #584940;
	font-weight: bold;
	font-style: italic;
}

#capehouselogo {
	width: 100%;
}

.caption {
	font-size: small;
	font-style: italic;
	font-family: Trebuchet MS, Arial, Helvetica, Helv, sans-serif;
	margin-top: 0;
	padding-top: 0;
}

.caption-R {
	text-align: right;
}

.caption01 {
	font-size: small;
	font-style: italic;
	font-family: Trebuchet MS, Arial, Helvetica, Helv, sans-serif;
	margin-top: 0;
	padding-top: 0;
}

.caption03 {
	font-size: small;
	font-style: italic;
	font-family: Trebuchet MS, Arial, Helvetica, Helv, sans-serif;
	margin-top: 0;
	padding-top: 0;
}

.caption04 {
	font-size: small;
	font-style: italic;
	font-family: Trebuchet MS, Arial, Helvetica, Helv, sans-serif;
	margin-top: 0;
	padding-top: 0;
}

.caption05 {
	font-size: small;
	font-style: italic;
	font-family: Trebuchet MS, Arial, Helvetica, Helv, sans-serif;
	margin-top: 0;
	padding-top: 0;
	width: 400px;
}

.caption06 {
	font-size: small;
	font-style: italic;
	font-family: Trebuchet MS, Arial, Helvetica, Helv, sans-serif;
	margin-top: 0;
	padding-top: 0;
	width: 347px;
}

.caption07 {
	font-size: small;
	font-style: italic;
	font-family: Trebuchet MS, Arial, Helvetica, Helv, sans-serif;
	margin-top: 0;
	padding-top: 0;
	width: 400px;
}

.caption08 {
	font-size: small;
	font-style: italic;
	font-family: Trebuchet MS, Arial, Helvetica, Helv, sans-serif;
	margin-top: 0;
	padding-top: 0;
	width: 428px;
}

.caption09 {
	font-size: small;
	font-style: italic;
	font-family: Trebuchet MS, Arial, Helvetica, Helv, sans-serif;
	margin-top: 0;
	padding-top: 0;
	width: 332px;
}

.caption10 {
	font-size: small;
	font-style: italic;
	font-family: Trebuchet MS, Arial, Helvetica, Helv, sans-serif;
	margin-top: 0;
	padding-top: 0;
	width: 427px;
}

.caption11 {
	font-size: small;
	font-style: italic;
	font-family: Trebuchet MS, Arial, Helvetica, Helv, sans-serif;
	margin-top: 0;
	padding-top: 0;
	width: 375px;
}

.caption12 {
	font-size: small;
	font-style: italic;
	font-family: Trebuchet MS, Arial, Helvetica, Helv, sans-serif;
	margin-top: 0;
	padding-top: 0;
	width: 400px;
}

.caption13 {
	font-size: small;
	font-style: italic;
	font-family: Trebuchet MS, Arial, Helvetica, Helv, sans-serif;
	margin-top: 0;
	padding-top: 0;
	width: 334px;
}

.caption14 {
	font-size: small;
	font-style: italic;
	font-family: Trebuchet MS, Arial, Helvetica, Helv, sans-serif;
	margin-top: 0;
	padding-top: 0;
	width: 400px;
}

.caption15 {
	font-size: small;
	font-style: italic;
	font-family: Trebuchet MS, Arial, Helvetica, Helv, sans-serif;
	margin-top: 0;
	padding-top: 0;
	width: 400px;
}

.caption16 {
	font-size: small;
	font-style: italic;
	font-family: Trebuchet MS, Arial, Helvetica, Helv, sans-serif;
	margin-top: 0;
	padding-top: 0;
	width: 338px;
}

.caption17 {
	font-size: small;
	font-style: italic;
	font-family: Trebuchet MS, Arial, Helvetica, Helv, sans-serif;
	margin-top: 0;
	padding-top: 0;
	width: 240px;
}

.caption18 {
	font-size: small;
	font-style: italic;
	font-family: Trebuchet MS, Arial, Helvetica, Helv, sans-serif;
	margin-top: 0;
	padding-top: 0;
	width: 360px;
}

.caption19 {
	font-size: small;
	font-style: italic;
	font-family: Trebuchet MS, Arial, Helvetica, Helv, sans-serif;
	margin-top: 0;
	padding-top: 0;
	width: 240px;
}

.caption20 {
	font-size: small;
	font-style: italic;
	font-family: Trebuchet MS, Arial, Helvetica, Helv, sans-serif;
	margin-top: 0;
	padding-top: 0;
}

.caption21 {
	font-size: small;
	font-style: italic;
	font-family: Trebuchet MS, Arial, Helvetica, Helv, sans-serif;
	margin-top: 0;
	padding-top: 0;
	width: 450px;
}

.caption22 {
	font-size: small;
	font-style: italic;
	font-family: Trebuchet MS, Arial, Helvetica, Helv, sans-serif;
	margin-top: 0;
	padding-top: 0;
	width: 600px;
}

.caption23 {
	font-size: small;
	font-style: italic;
	font-family: Trebuchet MS, Arial, Helvetica, Helv, sans-serif;
	margin-top: 0;
	padding-top: 0;
	width: 320px;
}

.caption55 {
	font-size: small;
	font-style: italic;
	font-family: Trebuchet MS, Arial, Helvetica, Helv, sans-serif;
	margin-top: 0;
	padding-top: 0;
	padding-bottom: 1em;
	width: 400px;
}

.graphic100L {
	float: left;
	width: 104px;
	margin: 4px 4px 4px 0;
	padding: 2px;
	background-color: #ccccba;
}

.graphic100L-border {
	float: left;
	width: 104px;
	padding: 2px;
	background-color: #ccccba;
}

.graphic100R-border {
	float: right;
	width: 104px;
	padding: 2px;
	background-color: #ccccba;
}

.graphic360R {
	float: right;
	width: 360px;
	margin: 1ex;
	padding: 4px;
}

.graphic800L {
	width: 100%;
	max-width: 800px;
	text-align: center;
}

.graphic900 {
	width: 100%;
	max-width: 900px;
	text-align: center;
}

.graphic1500 {
	width: 1500px;
	max-width: 100%;
	text-align: center;
}

.graphic01 {
	float: right;
	width: 284px;
	margin: 1ex;
}

.graphic03 {
	float: right;
	width: 310px;
	margin: 1ex 8ex 1ex 1ex;
	border: 2px solid #aaaa9b;
	padding: 4px;
}

.graphic04 {
	float: right;
	width: 300px;
	margin: 1ex;
	padding: 4px;
}

.graphic17 {
	float: left;
	width: 200px;
	padding-right: 4px;
}

.graphic18 {
	float: right;
	width: 170px;
	padding: 4px;
}

.graphic19 {
	float: left;
	width: 292px;
	padding: 4px;
}

.graphic20 {
	float: left;
	width: 233px;
	padding-right: 4px;
}

.graphic21 {
	float: left;
	width: 120px;
	padding-right: 4px;
}

.graphic22 {
	float: left;
	width: 133px;
	padding: 0 1em 0 0;
}

.graphic23 {
	float: left;
	width: 126px;
	padding: 0 1em 0 0 ;
}

.graphic24 {
	float: right;
	width: 400px;
	padding: 4px;
}

.graphic25 {
	float: left;
	width: 400px;
	padding: 4px;
}

.graphic26 {
	float: right;
	width: 180px;
	padding: 4px;
}

.graphic27 {
	float: left;
	width: 355px;
	padding: 4px;
}

.graphic28 {
	float: left;
	width: 14ex;
	height: 17ex;
	padding: 0 1em 1em 0;
}

.graphic29 {
	float: left;
	width: 200px;
	padding: 4px;
}

.graphic30 {
	float: right;
	width: 318px;
	padding: 4px;
}

.graphic31 {
	float: left;
	width: 180px;
	padding: 4px;
}

.graphic32 {
	float: right;
	width: 180px;
	padding: 4px;
}

.graphic33 {
	float: left;
	width: 318px;
	padding: 4px;
}

.graphic34 {
	float: left;
	width: 100px;
	padding: 4px;
}

.graphic35 {
	float: right;
	width: 318px;
	padding: 4px;
}

.graphic36 {
	float: left;
	width: 318px;
	padding: 4px;
}

.graphic37 {
	float: right;
	width: 318px;
	padding: 4px;
}

.graphic38 {
	float: left;
	width: 318px;
	padding: 4px;
}

.graphic39 {
	float: right;
	width: 318px;
	padding: 4px;
}

.graphic40 {
	float: right;
	width: 180px;
	padding: 4px;
}

.graphic41 {
	float: left;
	width: 180px;
	padding: 4px;
}

.graphic42 {
	float: left;
	width: 318px;
	padding: 4px;
}

.graphic43 {
	float: right;
	width: 180px;
	padding: 4px;
}

.graphic44 {
	float: left;
	width: 318px;
	padding: 4px;
}

.graphic45 {
	float: right;
	width: 318px;
	padding: 4px;
}

.graphic46 {
	float: right;
	width: 180px;
	padding: 4px;
}

.graphic47 {
	float: left;
	width: 318px;
	padding: 4px;
}

.graphic48 {
	float: right;
	width: 318px;
	padding: 4px;
}

.graphic49 {
	float: right;
	width: 300px;
	padding: 4px;
}

.graphic50 {
	float: left;
	width: 240px;
	padding: 4px;
}

.graphic51 {
	float: left;
	width: 240px;
	padding: 4px;
}

.graphic52 {
	float: right;
	width: 240px;
	padding: 4px;
}

.graphic53 {
	float: left;
	width: 175px;
	padding: 4px;
}

.graphic54 {
	float: left;
	width: 269px;
	padding: 4px;
}

.graphic55 {
	float: right;
	width: 400px;
	padding: 4px;
}

.graphic56 {
	width: 100%;
	max-width: 480px;
}

.graphic57 {
	width: 100%;
	max-width: 500px;
}

.graphic58 {
	width: 100%;
	max-width: 500px;
}

.graphic59 {
	padding-left: 0.5em;
	padding-bottom: 0.5em;
	float: right;
	width: 50%;
}

.graphic60 {
	width: 100%;
}

.graphic61 {
	width: 100%;
	max-width: 1600px;
}

.graphic62 {
	max-width: 100%;
}

.graphic63 {
	max-width: 100%;
}

.graphic64 {
	width: 100%;
}

.graphic-coronavirus-121x121 {
	width: 2rem;
	height: 2rem;
}

.graphicDR150L {
	float: left;
	width: 150px;
	padding: 4px;
}

.graphicDR150R {
	float: right;
	width: 150px;
	padding: 4px;
}

.graphicDR180L {
	float: left;
	width: 180px;
	padding: 4px;
}

.graphicDR180R {
	float: right;
	width: 180px;
	padding: 4px;
}

.graphicDR300L {
	float: left;
	width: 300px;
	padding: 4px;
}

.graphicDR300R {
	float: right;
	width: 300px;
	padding: 4px;
}

.graphicDR318L {
	float: left;
	width: 318px;
	padding: 4px;
}

.graphicDR318R {
	float: right;
	width: 318px;
	padding: 4px;
}

.graphic-full {
	width: 100%;
}

#cccover {
	width: 100%;
	margin: 0;
	padding: 0;
	border: 1px solid #aaaa9b;
}

#ltlcover {
	width: 200px;
	margin: 0;
	padding: 0;
	border: 1px solid #aaaa9b;
}

#selfandsoul {
	width: 200px;
	float: left;
	margin: 0 1em 1em 0;
	padding: 0;
	border: 1px solid #aaaa9b;
}


@media only screen and (min-width: 600px) {
/* Tablet and desktop only */
  nav {
	display: block;
	width: 25%;
	float: left;
	}
  nav:hover .burger-box {
	display: none;
	}
  nav ul {
	display: block;
	}
  nav li {
	padding: 10px;
	margin: 10px;
	}

  .all-right {
	width: 1500px;
	max-width: 50%;
	float: right;
	margin-left: 0.5rem;
  }

  .between-0-600 {
  	display: none;
  }
  
  .between-600-5000 {
  	display: block;
  }
  
  .between-0-600-inline {
	display: none;
  }

  .between-600-5000-inline {
	display: inline;
  }
  
  .caption-R {
  	float: right;
}

  .cc-authors {
	width: 50%;
	max-width: 800px;
	float: left;
	margin-right: 0.5rem;
}

  .cccover {
	width: 50%;
	max-width: 800px;
	float: right;
	margin-left: 0.5rem;
  }

  .cccover75pct {
	width: 35%;
	max-width: 600px;
	float: right;
	margin-left: 0.5rem;
  }

  .burger, .burger-box {
	display: none;
  }

  .content {
	margin-left: 25%;
  }

  .logo_tn {
	display: block;
  }

  header .logotag {
	display: block;
  }

  nav .logotag {
	display: none;
  }

  .navaddon {
	display: block;
  }

  .navnow {
	border: solid 2px #f3a53f;
	border-radius: 10px;
	padding: 10px;
	margin: 10px;
  }

  .no-phone {
	display: block;
  }

  .page {
	width: 80%;
	margin-left: 10%;
	margin-right: 10%;
  }

  .page-dim {
	width: 80%;
	margin-left: 10%;
	margin-right: 10%;
  }

  .sidebar-l, .sidebar-r {
	width: 35%;
  }

  .sidebar-l-wide, .sidebar-r-wide {
	width: 70%;
  }

  .sidebar-r-variable {
	color: #000000;
	width: 50%;
	float: right;
	background-color: #f3efdf;
	border: 2pt #aaaa9b solid;
	margin: 0 0 1ex 1ex;
	padding: 1ex;
  }

  .graphic60 {
	width: 50%;
	max-width: 1001px;
	float: right;
	padding-left: 10px;
  }
  
  .graphic62 {
  	max-width: 600px;
  }
  
  .graphic63 {
  	max-width: 33%;
  }

  .graphic64 {
	float: left;
  	max-width: 50%;
  	padding-right: 1ex;
  }

  .graphic1500 {
	width: 1500px;
	max-width: 100%;
}


@media only screen and (min-width: 1200px) /* 75rem */ {
/* Wide desktop only */

  .page, .copyright {
  	width: 75rem;
  	margin-left: auto;
  	margin-right: auto;
  }