body {
  margin-left: 2%; margin-right: 2%; /* was 4% */
  color: black; background: #eeeeee;
  text-align: left; font-family:sans-serif;
}

  

.reference {
  color: #800000;
}

.speech {
  color: #450D7E;
}



  H1 { 
 text-align: center;
 color: black;
 font:  200% sans-serif;
}

H2 { 
 text-align: center;
 color: black;
 font:  150% sans-serif;
}

H3 { 
 text-align: center;
 color: black;
 font:  125% sans-serif;
}

H4 { 
 text-align: center;
 color: black;
 font:  110% sans-serif;
}

P {
 text-align: left;
 color: black;

}

/***** Left menu *******/


.left_menu {

	position:absolute; /* New! */
	left: 0px;
	display: block ;
	width: 14em;
	
	border: solid 1px black;
}

.left_menu ul {
	padding-left: 20px;
}

.main_content {
	position: relative;
	top: 0px;
	margin-left: 14em;	
}


.footer {
	position: relative;
	top: 0px;
	margin-left: 14em;	
}

  

.left_menu ul li a {
	 font:  100% sans-serif;
	 text-align: left;	
	 padding: 3px;
	 font-size: 70%;
	 text-decoration: none;
	 color: #666666;
}

.left_menu ul li a.active{
	font-weight: bold;
	color: #000000 !important;
}


.left_menu ul li a:hover {
	 text-decoration: underline;
	 color: #000000 !important;
}

.left_menu ul li a:visited {
	 color: #666666;
}

.left_menu {
	padding-top: 0.6em;
	 font:  100% sans-serif;
	 text-align: center;	
}

.left_menu ul {
	 text-align: left;	
}