body {
  color:#000000;
  background-color: #bbbbcc;
  font-family : verdana,arial,helvetica;
  margin:0;
  padding:0;
}

a { 
  text-decoration: none; 
}


.header
{
  color: #eeeeff;
  background: #446666;
}


.footer
{
  text-align: center;
}

.box
{
  border: 1px dotted #444444;
  margin: 10px;
  padding: 10px;
  background: #bbbbce;
}

.date
{
  color: #222233;
  background: #ccccdd;
  padding: 5px;
}

.news
{
  margin-left: 10px;
  padding-left: 10px;
}

#container 
{
	position: relative;
	width: 700px;
	margin-top: 0;
	padding: 0;
  margin-left:10%;
  margin-right:10%;
}

#container span.title
{
  font-size: 150%;
  color: #eeeeff;
  background: #446666;
  padding-left: 10%;
}

#screenshot
{
  position: absolute;
  left: 10px;
  top: 80px;
}

#centercont
{
  position: relative;	
  width:600px;
	padding: 3px;
	margin-top: 0px;
  margin-left:100px;
}

#centercont h3:first-letter
{
  color:#0000ff;
  font-weight:bold;
}

#belowmenu 
{ 
  background:#777777;
  height:3px;
}

#footersep
{
  background:#777777;
  height:3px;
}

#menu 
{
  background: #333344;
  color: #ccccee;
  text-align: right;
}

#menu a:link    { padding-left: 5px; padding-right: 5px; color:#ccccee; background:#333344;}   
#menu a:visited { padding-left: 5px; padding-right: 5px; color:#ccccee; background:#333344;} 
#menu a:hover   { padding-left: 5px; padding-right: 5px; color:#ccccee; background:#663366;}
#menu a:active  { padding-left: 5px; padding-right: 5px; color:#ffffff; background:#333344;}