* {
	margin:0;
	padding:0;
	}
 
html, body {
	height:100%;
    font-family: Calibri, "Times New Roman", sans-serif, Verdana;
	}
 
body {
	background-color:#7fa2cf;
	color:#ffffff;
	font:100.01%/1.4;
	text-align:center; /* horizontal centering for IE Win quirks */
	}
 
#distance { 
	width:1px;
	height:50%;
	background-color:#7fa2cf;
	margin-bottom:-17.5em; /* half of container's height */
	float:left;
	}
 
#container {
	margin:0 auto;
	position:relative; /* puts container in front of distance */
	text-align:left;
	height:35em;
	width:60em;
	clear:left;
	background-color:#3485e0;
	}
 
#container div h2 {
	font-size:120%;
	font-weight:bold;
	text-transform:uppercase;
	margin:1em 0 0;
	}
 
#container div h3 {
	font-size:100%;
	font-weight:bold;
	margin:.5em 0 0 .75em;
	}
 
#container ul {
	margin-left:2em;
	}
 
#container li span {
	font-size:70%;
	}
    
#container p {
    margin-top:.5em;
    margin-left:2em;
    margin-right:2em;
    margin-bottom:1.5em;
	}