div#top{
	position:absolute;
	top:0;
	left:15%;
	width:85%;
	height: auto;
	text-align: center;
	background: #568F56;
}
div#left-sidebar{
  position:absolute;
  top:0;
  left:0;
  width:15%;
  height:100%;
  font: 80% verdana, arial, sans-serif;
  background: #568F56;
}
#left-sidebar dl, #left-sidebar dt, #left-sidebar dd, #left-sidebar ul, #left-sidebar li {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

#left-sidebar p {
	color: #FFFFFF;
}

#left-sidebar img {
	max-width: 90%;
	border: none;
	text-align: center;
}

#menu {
position: absolute; /* Menu position that can be changed at will */
top: 20%;
left: 0;
}

#menu {
width: 100%;
height: auto;
}

#menu dt {
cursor: pointer;
margin: 2px 0;;
min-height: 20px;
line-height: 20px;
text-align: center;
font-weight: bold;
border: 1px solid #568F56;
background: #A7D4A7;
white-space: normal;
}

#menu dd {
border: 1px solid #568F56;
}

#menu li {
text-align: center;
background: #eee;
}

#menu li a, #menu dt a {
color: #000;
text-decoration: none;
display: block;
border: 0 none;
height: 100%;
}

#menu li a:hover {
background: #A7D4A7;
}

#menu dt a:hover {
background: #eee;
}

 @media screen{
  body>div#left-sidebar{
   position:fixed;
  }
 }
 * html body{
  overflow:hidden;
 } 
 * html div#content{
  height:100%;
  overflow:auto;
 }


body{
	background-color: #A7D4A7;
	font-family: verdana, arial, sans-serif;
}

div#content{
	position:absolute;
	top:0;
	left: 15%;
	width: 81%;
	margin-left: 2%;
	margin-right: 2%;	
	min-height: 100%;
	height:auto;
	background-color: #A7D4A7;
	font-family: verdana, arial, sans-serif;
}

.left{
	text-align: left;
}

h1, h2 {
	text-align: center;	
	font-family: sans-serif;
}

h3 {
	text-align: left;	
	font-family: sans-serif;
}

a:link {
	text-decoration: none;
	color: #000000;
}
a:visited {
	text-decoration: none;
	color: #000000;
}
a:hover {
	text-decoration: underline;
	color: #ffffff;
}

#content img {
	border-style: solid;	
	border-color: #000000;
	border-width: thin;
	max-width: 85%;
	max-height: 70%;
	text-align: center;
}

div.centered {
	text-align: center;
	}
