.columns{
-webkit-column-count: 3;
-webkit-column-gap: 22px; 
-webkit-column-rule: 1px dotted black;
-moz-column-count: 3;
-moz-column-gap: 22px;  
-moz-column-rule: 1px dotted black;
column-count: 3;
column-gap: 22px; 
column-rule: 1px dotted black;
}

html,
body {
background-color: #EECD86;
font: 1.1em/1.2em Perpetua, Constantia, times, "times new roman", serif; 
	margin:0;
	padding:0;
	height:100%;
}
#wrapit {
	min-height:100%;
	position:relative;
}
#header {
	padding:10px;
	background:#5ee;
}
#content {
	padding:10px;
	padding-bottom:115px;   /* Height of the footer element */
}
#footer {
	width:100%;
	margin:0;
	padding:10px;
	height:80px;
	position:absolute;
	bottom:0;
	left:0;
	background:#ee5;
}

p {
margin-left: 0.5em;
margin-top: 1em;
}

q {
margin-left: 2.5em;
margin-top: 1em;
}