/*
div.verticalFlow {
  width: 200px; 
  height: 1000px; 
  border: 1px solid blue; 
  float: right; 
  position: relative; 
  margin-right: 100px;
}

div.horizontalFixed {
	position:	fixed;
	width:		500px;
	right:		60px;
  float: top; 
}
*/

.navigation {
	border-bottom:  2px solid #555;
	width:			1000px;
/*
	right:			50px;
	margin-bottom:  0px;
	padding-bottom: 0;
*/
}

nav ul {
	list-style-type:        none;
	margin:         0;
	margin-bottom:  -2px;
	padding:        0;
	display:        flex;
	flex-wrap:      wrap;
}

nav li {
	float:          left;
	flex:           auto;
	flex:           1 1 6em;
	border-radius:  0.5em 0.5em 0 0;
	text-align:     center;
	vertical-align: middle;
	background:     linear-gradient(to top, rgb(0,84,56) 0%, rgb(0,172,115) 100%);
	border:         2px solid #555;
	display:        flex;
	font-weight:    bold;
}

nav li a {
	display:        block;
	flex:           auto;
	text-decoration:        none;
	text-align:     center;
	color:          #fff;
	margin:         0;
	padding:        0.2em 0.6em;
	display:        flex;
	align-items:    center;
}

nav li a:hover {
	background:     #333;
	color:          #fff;
}

nav li.active {
	display:        block;
	flex:           auto;
	text-decoration:        none;
	text-align:     center;
	margin:         0;
	padding:        0.2em 0.6em;
	display:        flex;
	align-items:    center;
	background:     #FFFFFF;
	color:          #009260;
	border-bottom:  none;
}