body { 
background-color:#cccccc;
 }


#menu a { 
  text-decoration:none;
  color:black;
} 


#menu a:hover {
  background-color:white;
  border: 1px solid black;
}        

a { 
  text-decoration:none;
} 

a:hover {
  text-decoration:underline;
}        


/*containers below*/

#container
{
  font-size:small;
  color: #333;
  line-height: 120%;
  font-family: Verdana, Arial, Helvetica, sans-serif;
}

#header
{
  background-color: #ffcc66;
  border: 1px solid gray;
  margin-bottom:5px;
  padding-left:5px;
}


#menu
{
  float: left;
  width: 140px;
  padding: 5px;
  background-color: #ffcc66;

  border: 1px solid gray;
}


#content
{
  background-color:white;
  margin-left: 160px; /*menu-width + padding +padding + 5*/
  border: 1px solid gray;
  padding: 5px;
}

div.pagename 
{
  font-size:small;
  color:gray;
  border-bottom:1px solid black;
  padding-bottom: 5px;
}

div.news p:first-line
{
  font-size:small;
  color:gray;
  text-decoration:underline;
}

#header img
{
  padding:0px;
  vertical-align:middle;
}

#header h1
{ 
  margin:5px;
}