@charset "UTF-8";
body {
    background-color:#EEE;
    font-family:Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", serif;
    text-align:justify;
}
h1 {
    margin-top: 80px;
}
section  h2 {
    color: #770000;    
}
#toc , .toc-hint {
    font-family:"Arial Black", sans-serif;
}
.toc-hint {
	position: absolute;
	background: #000000;
	border: 4px solid #000000;
    width: 40%;
    left: 0px;
   
}
.toc-hint:after, .toc-hint:before {
	left: 100%;
	top: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

.toc-hint:after {
	border-color: rgba(0, 0, 0, 0);
	border-left-color: #000000;
	border-width: 30px;
	margin-top: -30px;
}
.toc-hint:before {
	border-color: rgba(255, 255, 255, 0);
	border-left-color: #000000;
	border-width: 36px;
	margin-top: -36px;
}
.toc-hint h3 {
     color: #FFFFFF;
     text-align:center;
}