/* general layout */
body 
{
	margin: 0;
	background-color: #fff;
	color: black;
	font-family: verdana, sans-serif;
	font-size: 14px;
  padding: 0;
  border: 0;
}

h1
{
  font-size: 180%;
	margin: 0;
	padding: 0;
}
h2
{
  font-size: 140%;
	margin: 0;
	padding: 0;
}
img{border: 0px;}
a{ color:#060; text-decoration: none;}
a:hover{text-decoration: underline;}

div {padding: 0.2em 0.7em;margin: 0; border: 0;}

/* title bar at the top */
#title
{
  background-color: #ccffcc;
  color:#000;
  width:100%;
  text-align:left;
  padding-left: 3em;
}

/* left part / menu */
#navigation
{
	padding-left:5em;
  background-color: #ccffcc;
  color: #eafff0;
	width: 100%;
	font-weight:bold;
  float: left;
}
#navigation ul
{
  list-style: none;
  margin: 0;
  padding: 0;
  float: left;
}
#navigation li
{
  margin: 0;
  float: left;
  margin: 0.1em 1em;
}
#navigation a{color: #060;}
#navigation a:hover{color: #000; text-decoration:none;}

/* middle part style */
#main
{
	width: 50em;
	padding: 10px;
}

span.highlight {font-weight: bold;/*color: #0a6;*/}