body {
  background-image: url("images/circles.bmp");
  background-repeat: repeat;
}

#window{
	background-color:#c6c6c6;
	border-top:2px solid #ffffff;
	border-left:2px solid #ffffff;
	border-right:2px solid #000000;
	border-bottom:2px solid #000000;
	font-family:Tahoma;
}
#main{
	background-color:#ffffff;
	border:10px solid #c6c6c6;
}
#content{
	margin-left:10px;
	width:45%;
}
#navigation{
	background-color:#000080;
	border-top:1px solid #c6c6c6;
	border-left:1px solid #c6c6c6;
	border-right:2px solid #c6c6c6;
	border-bottom:11px solid #c6c6c6;
}
.title{
	color:#ffffff;
	float:left;
	margin-left:3px;
	margin-top:1px;
	font-size:95%;
}
.button{
	margin-top:3px;
	margin-left:-3px;
	margin-right:3px;
}
.right {
  float:right;
}
.top::after {
  content:"";
  clear:both;
  display:table;
}