h1, h2, h3, ul, p, div {
  margin: 0;
  padding: 0;
} 

a {
  text-decoration: none;
  color: #666;
} 

a:hover {
  color: #1e89cd; 
}


html, body {
  font: 16px arial;
  color: #666;
  margin: 0;
  padding: 0;
  background: transparent url('/media/images/background-footer.png') repeat 0 0;
}

#background {
  background: #1d7bdc url('/media/images/background.png') repeat-x 0 0;
  padding-top: 20px;
} 

#page {
  width: 1186px;
  margin: 0 auto;
  position: relative;
} 

h1 {
  height: 281px; 
  text-align: center;
} 

h2 {
  color: #1e89cd; 
} 

#content {
  background: transparent url('/media/images/borders.png') repeat-y 0 0;
  padding: 0 165px;
  padding-bottom: 40px;
} 

#footer {
  background: transparent url('/media/images/background-footer.png') repeat 0 0;
} 

#footer div {
  height: 50px;
  background: transparent url('/media/images/footer.png') repeat-x 0 0;
  text-align: center;
  font-size: 14px;
  padding-top: 60px;
  color: white;
  font-weight: bold;
  position: relative;
  top: -10px;
} 

#welcome-message {
  padding-right: 100px;
  position: relative;
  top: -20px;
  text-align: justify;
  margin-bottom: 20px;
} 

#menu {
  list-style: none; 
  height: 30px;
  max-width: 740px;
  position: absolute;
  top: 202px;
  left: 165px;
} 

#menu li {
  float: left;
}

#menu a {
  display: block;
  font-size: 22px;
  font-weight: bold;
  padding: 5px 30px 5px 0;
  height: 20px;
}

#news-list {
  list-style: none;
} 

#news-list li {
  margin-top: 20px;
}

#news-list li .date, 
.news .date {
  color: #999;
  font-size: 12px;
  font-weight: bold;
}

#news-list li h3 {
  margin-bottom: 10px;
}

#news-list li .content, 
.news .content {
  text-align: justify;
}

.about #content {
  position: relative;
  height: 650px;
} 

.about p {
  padding: 50px 10px;
} 

.about #photo1 {
  position: absolute;
  right: 165px;
  top: 0;
} 

.about #photo2 {
  position: absolute;
  top: 330px;
} 

.about #photo3 {
  position: absolute;
  right: 165px;
  top: 330px;
}