body {
	background-color: #F5FFCB;
	text-align: center;
	font-family: 'Ubuntu', sans-serif;
}
/* links*/
a {
    color: #84a11e; /* 84a11e */
    text-decoration: none;
/*    transition: color 0.1s linear;*/
}
a:hover,
a:focus {
    color: #84a11e; /* 99c303 */
}

/* ============= HEADER ============= */
header {
/*	position: relative;
	border: 2px solid black;*/
	margin-left: -8px;
	margin-right: -8px;
}
nav {
	background-color: #98b800;
	line-height:40px;
}
nav li {
	display: inline;
	list-style-type: none;
}
nav li div.separator {
	display: inline-block;
	padding-bottom: 4px;
	background-color: #84a11e;
/*	margin-right: -4px;
	margin-left: -4px;*/
}
nav li a {
	display: inline-block;
	padding: 0 20px;
	margin-bottom: 4px;
	color: #516214;
}
nav li a:hover,
nav li a:focus {
	background-color: #b1d201;
	border-bottom: 4px solid #84a11e;
	margin-bottom: 0px;
/*	transition: background-color 0.1s linear;*/
}

/* ============ BODY ============ */
h1 {
	color: #84a11e;
}

section {
	background-color: #F2FFB6;
	border: 2px solid #516214;
	width: 800px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 10px;
	margin-bottom: 10px;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
/*	border-bottom-right-radius: 0
	border-bottom-left-radius: 0*/
}
section h3 {
	color: #516214;
	background-color: #98b800;
	margin: 0px;
	padding: 8px;
	border-top-left-radius: 8px;
	border-top-right-radius: 8px;
}
section p {
	text-align: left;
	padding: 4px;
	/*border: 1px solid black;*/
}
section p b {
	color: #516214;
}
section p a:hover,
section p a:focus {
	color: #516214;
}

/* ============ ARTICLES ============ */

article {
	background-color: #F2FFB6;
	border: 2px solid #516214;
	width: 800px;
	padding: 5px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 10px;
	margin-bottom: 10px;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
/*	border-bottom-right-radius: 0
	border-bottom-left-radius: 0*/
}
article header {
	color: #516214;
	background-color: #98b800;
	margin: -5px;
	padding: 8px;
	border-top-left-radius: 8px;
	border-top-right-radius: 8px;
}
article h1 {
}
article h2 {
	text-align: left;
}
article h3 {
	text-align: left;
}
article p {
	text-align: left;
}