/* https://www.codegenes.net/blog/how-to-make-div-go-behind-another-div/ */

* {
	box-sizing: border-box;
	}

/* Body/Unspecified content */
body {
	font-family: "sitka-banner", sans-serif;
	font-size: 19px;
	background-attachment: fixed!important;
	background: #000000 url("clamshelldamask.png") repeat center;
	margin: none;
	padding: none;
	}

/* Column container */
#ground {
	background: ;
	position: relative;
	margin: -15px auto 30px auto;
	padding: none;
	width: 1200px; /* this contains floating images */
	z-index: 1;
	}
		
	#topleft {
	width: 300px;
	height: 400px;
	background: none;
	position: absolute;
	margin-left: 70px;
	background-image: url("orchid_topleft.png");
	background-position: top right;
	background-size: 300px;
	background-repeat: no-repeat;
	z-index: -1;
	}
 
	#topright {
	width: 300px;
	height: 400px;
	background: none;
	position: absolute;
	right: 100px;
	background-image: url("orchid_topright.png");
	background-position: top right;
	background-size: 225px;
	background-repeat: no-repeat;
	z-index: -1;
	}
 
	#btmright {
	width: 250px;
	height: 350px;
	background-image: url("orchid_footer.png");
	background-position: bottom right;
	background-repeat: no-repeat;
	background-size: 250px;
	position: absolute;
	bottom: -30px;
	right: 70px;
	margin-left: auto;
	margin-right: auto;
	z-index: -1;
	}

/* Header */
header {
	display: block;
	width: 650px;
	padding: none;
	background: none;
	color: #c18ca8;
	margin: 55px 25px 25px 250px;
	text-align: center;
	}
	
	header:after {
	content= "";
	display: table;
	clear: both;
	}
	
	header h1, header h1 a:link, header h1 a:visited {
	color: #c18ca8;
	font-family: "Limelight", sans-serif;
	font-weight: 400;
	font-style: normal;
	font-size: 42px;
	line-height: 30px;
	padding: none;
	margin-bottom: 10px;
	text-shadow: 0 0 5px #945b78;
	text-decoration: none;
	}
	
		header h1 a:hover, header h1 a:active {
		color: #ccc;
		text-shadow: 0 0 5px #c18ca8;
		}
	
	.subhead {
	color: #945b78;
	font-size: 32px;
	font-family: "bodoni-moda-variable", serif;
	font-style: italic;
	letter-spacing: 1px;
	text-shadow: 0 0 5px #73004c;
	padding: 0 15px 0 15px;
	}

#content {
	width: 1100px;
	padding: none;
	margin: auto;
	}
	
	#content:after {
	content: "";
	display: table;
	clear: both;
	}

.container {
	float: left;
	}
	
/* Sidebar */
.left {
	width: 250px;
	text-align: right;
	color: #73004c;
	margin-top: 110px;
	}
			
	.left img {
	max-width: 180px!important;
	}
	
	.left h1,h2,h3,h4,h5,h6 {
	margin: 0px;
	}

	.navbar {
		background: none;
		margin: none;
		text-align: right;
		}

	.navbar a:link, .navbar a:visited {
		font-family: "Limelight", sans-serif;
		display: block;
		color: #4d7428;
		text-decoration: none;
		font-size: 32px;
		line-height: 50px;
		text-shadow: 0 0 5px #4d7428;
		}

	.navbar a:hover {
	color: #945b78;
	}
		
	.navbar a:active {
	color: #c18ca8;
	}
	
/* Main column */
.middle {width: 615px; margin: 0 15px;}
.main {
	background: url("contentbg40.png") repeat center;
	padding: 5px 15px 1px 15px;
	border-radius: 15px;
	color: #4d7428;
	margin: 0 0 25px 0;
	text-align: justify;
	}

	.middle h1,h2,h3,h4,h5,h6 {
	font-family: "bodoni-moda-variable", serif;
	font-style: italic;
	font-variation-settings: "opsz" 11, "wght" 500;
	}
	
		.middle h1 {
		color: #c18ca8;
		font-size: 32px;
		letter-spacing: -2px;
		text-shadow: 0 0 5px #000;
		background: #73004c;
		line-height: 20px;
		margin: -10px -15px -5px -15px;
		padding: 0 15px 0 15px;
		border-radius: 5px;
		}
		
		.middle h2 {
		color: #945b78;
		font-size: 28px;
		letter-spacing: -1px;
		text-shadow: 0 0 5px #73004c;
		line-height: 18px;
		background: #1b3412;
		margin: -5px -15px -5px -15px;
		padding: 0 15px 0 15px;
		border-radius: 5px;
		}

		.middle h3 {
		font-size: 24px;
		letter-spacing: -1px;
		text-shadow: 0 0 5px #000;
		color: #945b78; 
		margin: 10px 0 -10px 0;
		border-bottom: 1px dotted #945b78;
		}
	
	.main hr {
	border: 1px dotted #4d7428;
	margin: 30px 50px;
	}
	
	.main a:link, .main a:visited {
	border-bottom: 1px dotted;
	text-decoration: none;
	color: #945b78;
	text-shadow: 0 0 5px #945b78;
	}
		.main a:hover, .main a:active {
		color: #c18ca8!important;
			text-shadow: 0 0 5px #945b78;
		}
		
	.main li {margin-right: 30px; margin-left: 0px;}

.right {width:150px; color: #333; font-style: italic; line-height: 22px; margin-top: 175px;}

.clear {clear: both;}

/* Footer */
footer {
	width: 600px;
	float: right;
	text-align: right;
	color: #73004c;
	font-family: serif;
	font-style: italic;
	padding: 0px;
	margin-right: 250px;
	}