*
{
  margin: 0;
  padding: 0;
}

body{
  background: #12385D;
  font-family: Tahoma;
  color: #12385D;
}

a{
  color: #12385D;
  text-decoration: none;
  font-weight: bold;
}

#header{
  display: block;
  width: 900px;
  margin: 2em auto;
  color: #FFFFFF;
  letter-spacing: -.5em;
  text-transform: uppercase;
}

#header h1{
  font-size: 4em;
  display: block;
  margin-top: -1.3em;
}

#header span{
  display: block;
  margin-left: 5px;
  color: #355E7E;
  font-size: 4em;
  font-weight: bold;
}

#menu{
  display: block;
  width: 900px;
  margin: 3em auto 0;
  clear: both;
  height: 35px;
}

#menu ul{
  list-style: none;
}

#menu ul li{
  display: inline;
}

#menu ul li a{
  display: block;
  float: left;
  height: 36px;
  width: 110px;
  background: url('images/menu.jpg') top center no-repeat;
  line-height: 45px;
  font-weight: bold;
  text-decoration: none;
  text-align: center;
  color: #12385D;
  margin-right: 1em;
}

#menu ul li a#active, #menu ul li a:hover{
  background: url('images/menu-active.jpg') top center no-repeat;
}

#wrapper{
  margin: 0 auto;
  width: 950px;
  background: #FFFFFF url('images/wrapper.jpg') top center repeat-y;
}

#top{
  display: block;
  height: 48px;
  background: url('images/wrapper-top.jpg') center no-repeat;
}

#content{
  padding: 1em 1em 1px;
  margin: -40px 200px 0 1em;
  text-align: justify;
}

#content h2{
  text-transform: uppercase;
  border-bottom: 1px solid #5298B1;
}

#content p{
  margin: 1em 0em;
}

#content p span.meta{
  margin-top: -.5em;
  font-size: .8em;
  display: block;
}

#footer{
  display: block;
  width: 950px;
  background: url('images/wrapper-bottom.jpg') top center no-repeat;
  text-decoration: none;
  padding: 50px 0 1em;
  margin: 0 auto;
  color: #FFFFFF;
  text-align: center;
  font-size: .8em;
}

#footer a{
  color: #FFFFFF;
}