/* CSS -style.css */

#wrapper {width:70%;
	margin-left:auto;
	margin-right:auto;
	border:5px;
	border-style:solid;
	border-color:#dddddd;
	padding-left:10px;
	padding-right:20px;
	}
body {
    background-color: #d0e4ff;
}

h2 {
    color: green;
    text-align: center;
	}
	
    ul {
    -webkit-column-count: 2; /* Chrome, Safari, Opera */
    -moz-column-count: 2; /* Firefox */
    column-count: 2;
}   

ul {
    -webkit-column-rule: 1px outset #ff00ff; /* Chrome, Safari, Opera */
    -moz-column-rule: 1px outset #ff00ff; /* Firefox */
    column-rule: 1px outset #ff00ff;
}  
	
	
	li {
    -webkit-column-rule: 1px outset #ff00ff; /* Chrome, Safari, Opera */
    -moz-column-rule: 1px outset #ff00ff; /* Firefox */
    column-rule: 1px outset #ff00ff;
}  
	
	ul {
    -webkit-column-gap: 40px; /* Chrome, Safari, Opera */
    -moz-column-gap: 40px; /* Firefox */
    column-gap: 40px;
}