body { 
} 

#preheader {
    border-bottom : 4px solid Palegreen;
    background-color : Lightskyblue;
    color : Black;
    font : 12pt Copperplate,utopia,Arial;
}

#header {
    text-align : right;
    background-color : Yellow;
    background-image: url(skyline80night.jpg);
    color : Palegreen;
    font : 12pt Copperplate,utopia,Arial;
}

#header h1 {
    font : bold 42pt Copperplate,utopia,Arial;
    letter-spacing : 12px;
}
#header h3 {
  font : bold 16pt Copperplate,utopia,Arial;
}

#hocat-banner {
  background-color : Lightskyblue;
  color : Black;
  text-align : right;
  border-top : 4px solid Palegreen;
  border-bottom : 2px solid Black;
  font : 12pt Copperplate,utopia,Arial;
}

#leftnavigation {
    background-color : Palegreen;
  background-image: url(mosaik2.jpg);
  border-right : 2px solid Black;
  align: center;
  color : Black;
  font : bold 12pt Baskerville,utopia,Arial;
}

#content {
    color : Black;
    background-color : Pink;
    background-image: url(eixample.jpg);
  border-left : 2px solid Black;
  text-align : left;
    font : bold 12pt Baskerville,utopia,Arial;
}

#footer {
  text-align : right;
  background-color : Lightskyblue;
  color : Black;
  border-top : 2px solid Black;
  font : italic 10pt Baskerville,utopia,Arial;
}