/* basics */

body {
	background: #6FB4FA;
	color: black;
	font-family: "Segoe UI";
	margin:0;
}

h1, h2, h3, h4 {
	font-family: "Lucida Grande";
}

a {
	font-family: "Segoe UI";
}

table {
	
}

table th {
	text-align: left;
	background: #4487CC;
	padding: 5px;
}

table td {
	padding: 5px;
}

hr {
	color: #CAE1FE;
}

/* classes */

.header {
	text-align: left;
	background: linear-gradient(white, #D9E1EE);
	border: 2px solid grey;
	margin-bottom: 21px;
}

.sidebar {
	width: 25vh;
	left: 7px;
	background: white;
	overflow: hidden;
	position: absolute;
	padding: 5px;
	border: 4px double #6FB4FA;
}

.sbtitle {
	width: 100%;
	left: 7px;
	background: #4487CC;
	padding: 5px;
	font-family: "Lucida Grande";
	font-weight: bold;
	font-size: 18px;
}

.article {
	width: 150vh;
	margin: 0 auto;
	padding: 15px;
	background-color: white;
	border: 2px solid #CAE1FE;
}

.art-title {
	padding: 13px;
	margin: auto;
	width:151vh;
	background: linear-gradient(#CAE1FE, white);
}

.infobox {
	float: right;
	margin-left: 5px;
	background: #4487CC;
	border: 4px double #114080;
	padding: 5px;
	width: 25%;
	font-size: 14px;
	
}

.infobox img {
	margin: 0 auto;
}

.infobox th {
	padding: 5px;
	text-align: left;
}
.infobox td {
	padding: 5px;
}

#infotitle {
	text-align: center;
	background: #114080;
	color: white;
}

.TOC {
	border: 2px solid #D9E1EE;
	width: 25%;
	padding: 0 7px;
}

.TOChead {
	width: 100%;
	background-color: #4487CC;
}

.quote {
	font-size: 13px;
	text-align: center;
	font-style: italic;
	width: 62.5%;
	float: left;
	Margin-left: 21px;
	margin-right: 7px;
	margin-bottom: 15px;
	background: #D9E1EE;
	border: 2px dotted grey;
	padding: 0 7px;
}

.content-after-div {
	clear: both;
}