#EventList 
{
  padding:0;
  margin:0;
  width:0;
}

#EventList li 
{
  list-style-type:none;
  margin:0 0 0.25em 0;
}

#EventList a, #EventList a:visited 
{
  position:relative;
  display:block;
  left:-6em; 
  width:11em;
  border:1px solid #808;
  font-family:arial, verdana, sans-serif;
  font-size:0.8em;
  text-align:left;
  text-decoration:none;
  background:#808; 
  color:#eee; 
  padding:0.25em;
}

#EventList a span 
{
  display:none;
}

#EventList a:hover 
{
  background:#ddd;
  color:#808;
  z-index:99;  
}

#EventList a:hover span 
{
  display:block;
  text-align:left;
  position:absolute; 
  left:11.8em; 
  top:0; 
  padding:0.5em; 
  width:17em;
  background-color:#eee;
  color:#000; 
  border:1px solid #808;
  overflow:auto;
  pause-before:2s;
}

#EventList a:hover span:first-line 
{
  font-weight:bold; 
  font-size:1.2em;
  color:#808;
}

#EventList img 
{
  border:1px solid #000; 
  float:left; 
  margin:0.25em 1em 0.5em 0;
}