<style>
	body {
		margin: 0;
		text-align:center;
	}
	div {
		font-family: Arial, Helvetica, sans-serif;
	}
	span {
		display:inline-block;
	}
	.header {
		display: inline-block;
		position: relative;
		
	}
	
	a { color: #000000; }
	a:hover { color: #000000; }
	a:visited { color: #000000; }
	
	.title {
		display:inline-block;
		background-color:#D0F1FF;
		width:250px;
		margin-top: 10px;
		margin-bottom: 30px;
		padding: 15px;
		font-size: 150%;
	}
	
	.sofnumber {
		width:30px;
		vertical-align:top;
		text-align:left;
	}
	
	.softext {
		width:770px;
		margin-bottom: 20px;
		text-align:left;
	}
	
	.dropdown {
	  position: relative;
	  display: inline-block;
	}

	.dropdown-content {
	  display: none;
	  position: absolute;
	  background-color: #f9f9f9;
	  min-width: 160px;
	  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
	  padding: 12px 16px;
	  z-index: 1;
	  font-size:20px;
	}
	
	.dropdown:hover .dropdown-content {
	  display: block;
	}
	
	 /* Dropdown Button */
	.dropbtn {
	  border: none;
	  cursor: pointer;
	}

	/* Dropdown button on hover & focus */
	.dropbtn:hover, .dropbtn:focus {
	  background-color: #2980B9;
	}

	/* The container <div> - needed to position the dropdown content */
	.dropdown {
	  position: relative;
	  display: inline-block;
	}

	/* Dropdown Content (Hidden by Default) */
	.dropdown-content {
	  display: none;
	  position: absolute;
	  background-color: #f1f1f1;
	  min-width: 120px;
	  box-shadow: 0px 8px 12px 0px rgba(0,0,0,0.2);
	  font-size: 16px;
	  z-index: 1;
	}

	/* Links inside the dropdown */
	.dropdown-content a {
	  color: black;
	  padding: 12px 16px;
	  text-decoration: none;
	  display: block;
	}

	/* Change color of dropdown links on hover */
	.dropdown-content a:hover {background-color: #ddd}

	/* Show the dropdown menu (use JS to add this class to the .dropdown-content container when the user clicks on the dropdown button) */
	.show {display:block;} 

</style>