body{
	background:#333;
	margin:0;
	padding:1.5em 0;
	font-family:"Segoe UI", Arial, Helvetica, sans-serif;
	line-height:1.6;
}
#all{
	width:90%;
	margin-left:auto;
	margin-right:auto;
	background:#FFF;
	border-radius:.6em;
	overflow:hidden;
	box-shadow:0 4px 14px rgba(0,0,0,.5);
}
#main_content{
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-flow: row wrap;
	-ms-flex-flow: row wrap;
	flex-flow: row wrap;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content:space-between;
	gap:1em;
	padding:1em;
}
a:link{
	text-decoration:none;
	font-weight:bold;
	font-size:1.12em;
	color:#960;
}
a:active{
	text-decoration:underline;
	font-weight:bold;
	font-size:1.12em;
	color:#F90;
}
a:hover{
	text-decoration:underline;
	font-weight:bold;
	font-size:1.12em;
	color:#F90;
}
a:visited{
	text-decoration:none;
	font-weight:bold;
	font-size:1.12em;
	color:#960;
}
/* ----------------------------------------------
   page header
-----------------------------------------------*/
header{
	background:#FF9900;
	color:#222;
	text-align:center;
	padding:1.2em 1em;
}
header h1{
	margin:0;
	font-size:1.9em;
}
header p{
	margin:.2em 0 0;
}
/* ----------------------------------------------
   top navigation styles
-----------------------------------------------*/
nav{
	background:#222;
	border-bottom:solid 1.5px #FF9900;
}
nav ul {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	list-style:none;
	margin:0;
	padding:.4em .6em;
}
nav li {
	margin:.2em;
	padding:.2em .6em;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-align-items:center;
	-ms-flex-align:center;
	align-items:center;
	word-break: break-all;
}
nav li.search-form {
	margin-right: 1em;
	margin-left:auto;
	color:#fff;
}
nav a:link,
nav a:visited{
	color:#FFB347;
}
nav a:hover,
nav a:active{
	color:#fff;
}
nav label{
	margin-right:.5em;
}
nav input.q{
	padding:.35em .6em;
	border:none;
	border-radius:.3em;
}
nav input.button{
	margin-left:.4em;
	padding:.35em .9em;
	border:none;
	border-radius:.3em;
	background:#FF9900;
	font-weight:bold;
	cursor:pointer;
}

/* ----------------------------------------------
   sidebar
-----------------------------------------------*/
aside{
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-direction:column;
	-ms-flex-direction:column;
	flex-direction:column;
	-webkit-justify-content:flex-start;
	-ms-flex-pack:start;
	justify-content:flex-start;
	-webkit-flex:.5;
	-ms-flex:.5;
	flex:.5;
	padding:1em;
	background:#faf3e8;
	border-radius:.5em;
}
.links{
	list-style: none;
	margin:0;
	padding:0;
}
.links li {
	margin:.5em auto .5em 0;
	line-height:1.6rem;
}
.links li:first-child {
	margin-top:0;
}
.side a:link{
	text-decoration:none;
	font-weight:bold;
	font-size:.9em;
	color:#960;
}
.side a:active{
	text-decoration:underline;
	font-weight:bold;
	font-size:.9em;
	color:#F90;
}
.side a:hover{
	text-decoration:underline;
	font-weight:bold;
	font-size:.9em;
	color:#F90;
}
.side a:visited{
	text-decoration:none;
	font-weight:bold;
	font-size:.9em;
	color:#960;
}
/* ----------------------------------------------
   main content columns
-----------------------------------------------*/
h4{
	margin:0 0 .5em;
	font-size:1.15em;
	line-height:1.6rem;
}
p{
	margin:0 0 1em;
}
.left{
	-webkit-flex:1;
	-ms-flex:1;
	flex:1;
	padding:1em;
	background:#dbeafe;
	color:#0b3d6b;
	border-radius:.5em;
	font-size:.95em;
}
.center{
	-webkit-flex:1;
	-ms-flex:1;
	flex:1;
	padding:1em;
	background:#fde8d0;
	color:#7a3b00;
	border-radius:.5em;
	font-size:.95em;
}
.right{
	-webkit-flex:1;
	-ms-flex:1;
	flex:1;
	padding:1em;
	background:#dff3e0;
	color:#14532d;
	border-radius:.5em;
	font-size:.95em;
}
/* ----------------------------------------------
   footer
-----------------------------------------------*/
footer{
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-justify-content:center;
	-ms-flex-pack: center;
	justify-content:center;
	background:#222;
	color:#ddd;
	border-top:solid 1.5px #FF9900;
	padding:.5em;
}
.footer_info{
	padding:.3em .8em;
	font-size:1.1em;
}
/* media query for displays under 700 pixels in width */
@media screen and (max-width: 700px) {
	#main_content{
		-webkit-flex-direction:column;
		-ms-flex-direction:column;
		flex-direction:column;
	}
	.links{
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-flex-direction:row;
		-ms-flex-direction:row;
		flex-direction:row;
		flex-wrap:wrap;
	}
	.links li{
		margin:auto .3em auto;
	}
	footer{
		-webkit-flex-flow: row wrap;
		-ms-flex-flow: row wrap;
		flex-flow: row wrap;
	}
}