body {
  background: #ffffff;
	color: #000000;
  font-family: tahoma, arial, sans-serif;
}

acronym {
  border-bottom: 1px dotted  #333333; 
	cursor:help; 
	font-style:normal
}

.topbar {
  position: absolute;
	top: 2.9em;
	left: 2em;
	width: 58em;
	height: 1.1em;
	text-align: left;
	
	background: #3333ff;
	color: #ffffff;
	
	border-right: 2px solid #333333;
}

.topbar p {
  margin: 0 0 0 1em;
	padding: 0;
	font-size: 80%;
  letter-spacing: 0.4em;
}

.navbar {
  z-index: 3;
  position: absolute;
	top: 12em;
	left: 2em;
	width: 8em;
	height: 70em;
	
	background: #6699ff;
	color: #ffffff;
	
	border-right: 2px solid #333333;
}

.navbar h2 {
  font-size: 100%;
	text-align: center;
	margin: 0.5em 0 0 0;
}

.navbar a {
  color: #ffffff;
  text-decoration: underline;
}

.navbar a:hover {
  background: #333333;
	color: #ffffff;
	text-decoration: none;
}

.navbar ul {
  list-style-type: none;
  font-size: 90%;
	padding: 0;
	margin: 0;
}

.navbar ul li {
  margin: 3em 0 1em 1em;

}

.navbar ul li ul li {
  margin: 1em 0 1em 1.5em;
}

.picture {
  z-index: 5;
  position: absolute;
	top: 4em;
	left: 2em;
	margin: 0;
	padding: 0;
 }

.picture img {
  height: 8em;
	width: 8em;

	border-left: 1px solid #6699ff;
	border-right: 1px solid #333333;
	border-bottom: 1px solid #333333;
	margin: 0;
	padding: 0;
}

.title {
  z-index: 1;
  position: absolute;
	top: 4em;
	left: 2em;
	width: 58em;
	height: 8em;
	text-align: center;
	
	background: #6699ff;
  color: #ffffff;
	
	border-right: 2px solid #333333;
	border-bottom: 2px solid #333333;	
}

.title h1 {
  margin: 0.5em 0 0 0;
  font-size: 300%;
}

.main2 {
  position: absolute;
	top: 12em;
	left: 10em;
	
	width: 50em;
	height: 70em;
	
	background: #ffffff;
	color: #333333;
	
	border-right: 2px solid #333333;
	
	text-align: justify;
	
}

.main2 h2 {
  margin: 1.5em 0 0.5em 1.5em;

}

.main2 p {
  margin: 1em 3em 0.5em 3em;

}

.main2 li {
  list-style-type: none;
  margin: 0.5em 0 1em 3em;

}

.main2 ul li a:hover {
  background: #000000;
	color: #ffffff;
	
  text-decoration: none;

}

.main2 ul li ul li {
  list-style-type: none;
  margin: 0.5em 0 0 0;

}

.main2 .taul1 {
  position: absolute;
	top: 5em;
	left: 4em;
	width: 23em;
	height: 10em;
	margin: 0;
}	

.main2 .taul1 h3 {
	font-size: 90%;
	text-align: left;
}

.main2 .taul1 p {
	font-size: 90%;
	text-align: left;
	margin: 0 0 0.5em 0;
}

.main2 .taul2 {
  position: absolute;
	top: 5em;
	left: 27em;
	width: 10em;
	height: 10em;
	margin: 0;
}

.main2 .taul2 h3 {
	font-size: 90%;
	text-align: center;
}

.main2 .taul2 p {
	font-size: 90%;
	text-align: center;
	margin: 0 0 0.5em 0;
}

.main2 .taul3 {
  position: absolute;
	top: 5em;
	left: 37em;
	width: 8em;
	height: 10em;
	margin: 0;	
}

.main2 .taul3 h3 {
	font-size: 90%;
	text-align: right;
}

.main2 .taul3 p {
	font-size: 90%;
	text-align: right;
	margin: 0 0 0.5em 0;
}

.bottombar {
  position: absolute;
	top: 82em;
	left: 2em;
	width: 58em;
	height: 1.1em;
	text-align: center;

	background: #3333ff;
	color: #ffffff;
	
	border-right: 2px solid #333333;	
	border-bottom: 2px solid #333333;
}

.bottombar p {
  margin: 0;
	padding: 0;
	font-size: 80%;
  letter-spacing: 0.3em;
}

.list1 li {
  display: block;
  margin: 1em;
}