body {
    margin:0;
    background: #e9e0c8; color: #000;
    FONT-SIZE:12px;
}
.wrap {
	display: flex;
	flex-direction: column;
	max-width:1200px;
  margin:auto;
}
.main {
	flex: 1;
	display:flex;
}
footer, header {
	background:#e9e0c8;
	padding:10px;
	text-align:center;
}
.sidebar {
	background:#e9e0c8;
	flex:0 0 300px;
	padding:10px;
}
.content{
	background:#e9e0c8;
	padding:10px;
	flex:1;	
}
@media screen and (max-width:680px){
	.sidebar{flex: 0;order:2}
	.main {flex-direction:column;}	
}
.left {
  float: left;
  margin-right: 1em;
}

.right {
  float: right;
  margin-left: 1em;
}
 table.center {
    margin-left:auto; 
    margin-right:auto;
  }
h4 {
    display: block;
    font-size: 1em;
    margin-top: 1.33em;
    margin-bottom: 1.33em;
    margin-left: 0;
    margin-right: 0;
    font-weight: bold;
}



/* =Inline bulleted lists
-------------------------------------------------------------- */
.list-horizontal li {
        display:inline-block;
}
.list-horizontal li:before {
        content: '\00a0\2022\00a0\00a0';
        color:#999;
        color:rgba(0,0,0,0.5);
        font-size:11px;
}
.list-horizontal li:first-child:before {
        content: '';
}