body {
	display: flex;
	flex-direction: column;
	flex-flow: row wrap;
	align-content: flex-start;
	margin: 0;

	font-family: FreeSans,Arimo,"Droid Sans",Helvetica,Arial,sans-serif;
	background:#222222;
	color:white;
}

a {
        color:#99CCFF;
        font-weight: normal;
        text-decoration: none;
}

a:hover {
        color:orange;
}

TD {
        color: #dddddd;}

.header {
	background:#666666;
	width: 100%;
	height:92px;
	text-align:right;
	display:block;
	font-size:10px;
}

.header_item {
	text-align=middle;
	border:solid 1px;
	margin:10px;
	display:block;
	float:left;
	background:navy;
	font-size:20px;
	padding:10px;
	height:50px;
}

.dy {
	font-size:36px;
	font-weight:bold !important;
}

.content {
	width:768px;
	height:100%;
	margin:auto;
}

.left_content {
	width:300px;
	display:block;
	float:left;
	height:100%;
	padding:10px 0 0 10px;
}

.dynamic_content_title {
	height:25px;
	display:block;
	float:left;
	width:100%;
}

.dynamic_content {
	list-style-type:none;
	border:solid 1px;
	display:block;
	float:left;
	padding:10px;
	background:navy;
	width:262px;
	margin:0px 0px 10px 0px;
}

.bars {
	text-align:right;
	display:block;
	overflow:hidden;
	padding:10px 0px 0px 0px;
}

.dynamic_content li{
	margin: 0px 0px 10px 0px;
}

#left-column {
	width: 20%;
}

#center-column {
	display: flex;
	flex-direction: column;
	width: 60%;
	background: #336699;
	min-height: 100vh;
	padding-left: 1em;
	padding-right: 1em;
}

#right-column {
	width: 20%;
}

#center-column p {
	margin-bottom: 0;
}

#center-column ul {
	margin-top: 0;