body {
  background-color: #9F9F9F;
}

body > div {
	float: center;
  width: 1024px;
  height: 768px;
  margin-left: auto;
  margin-right: auto;
  font-family: Century Gothic;
  font-size: 18px;
}

body > div > header,footer {
	background-color: InactiveCaptionText;
	width: 100% - 20px;
	color: white;
  font-size: 15px;
  box-shadow: 3px 5px rgba(99,99,99,0.75);
}

body > div > header {
  position: relative;
	height: 120px;
}

body > div > header > div {
  position: absolute;
  left: 10px;
  bottom: 5px;
  width: 30%;
  text-shadow: 3px 5px rgba(0,0,0,0.75);
}

body > div > header > nav {
	position: absolute;
  right: 10px;
  bottom: 5px;
  width: 65%;
}

#main-page {
  background-color: white;
  width: 100% - 20px;
  height: 550px;
  box-shadow: 3px 5px rgba(99,99,99,0.75);
}

body > div > footer {
  height: 20px;
}

body > div > footer > section {
  float: left;
}

body > div > footer > small {
  float: right;
}

.container {
  border-radius: 10px;
  padding: 5px 10px 5px 10px;
  margin: 10px;
}

.main-menu-item {
	float: left;
	text-align: center;
	background-color: maroon;
	width: 68px;
	height: 20px;
  box-shadow: 3px 5px rgba(0,0,0,0.75);
}

.green {
	background-color: green;
}

.font1 {
  font-size: 300%;
}

.font2 {
  font-size: 200%;
  font-style: italic;
}

.font3 {
  font-size: 150%;
  font-style: italic;
}

.font4 {
  font-size: 120%;
  font-style: italic;
}

.font5 {
  text-decoration: underline;
}

.centered {
	text-align: center;
}

.left-panel {
	float: left;
	width: 25%;
	height: 97%;
  padding: 5px 10px 5px 10px;
}

.right-panel {
	position: relative;
  float: right;
  width: 65%;
  height: 97%;
  overflow: auto;
  padding: 5px 10px 5px 10px;
}

.full-panel {
	float: left;
	width: 97%;
  height: 97%;
  overflow: auto;
  padding: 5px 10px 5px 10px;
}

.half-height {
	height: 50%;
  overflow: auto;
}

#workflow-image {
	float:left;
	padding:10 10 10 10;
	height: 200px;
}