html {
  background: #e1e1e1 url(images/background.jpg) no-repeat center top; 
}

body {
  text-align: center;
}

#content {
  width: 1008px;
  margin-left: auto;
  margin-right: auto;
  text-align: left;
  float: none;
  display: block;
}

#header {
  width: 1008px;
  height: 270px;
  background: url(images/header.png) no-repeat;
  margin-top: 28px;
  position: relative;
  display: block;
}

#header h1 {
  font-family: Century Gothic;
  font-size: 36px;
  text-align: right;
  color: #ffffff;
  padding: 90px 676px 0 0;
  margin: 0;
}

#header h2 {
  font-family: Century;
  font-size: 14px;
  font-style: oblique;
  font-weight: normal;
  text-align: right;
  color: #ffffff;
  padding: 0 676px 0 0;
  margin: 0;
}

#nav {
  width: 1008px;
  height: 42px;
  background: url(images/navbg.png) no-repeat;
  margin-top: 22px;
  position: relative;
}

#nav ul {
  font-family: Century Gothic;
  font-size: 14px;
  color: #858585;
  padding: 2px 0 0 14px;
}

#nav li {
  display: inline;
}

#nav li a,
#nav li a:visited {
  font-weight: bold; 
  text-decoration: none;
  color: #858585;
  padding: 10px 15px 10px 15px;
  margin: 0 10px 0 10px;
  float: left;
}

#nav li a:hover,
#nav li a:active {
  font-weight: bold;
  text-decoration: none;
  color: #28677F;
  padding: 10px 15px 10px 15px;
  margin: 0 10px 0 10px;
  float: left;
}

#nav li#current a {
  color: #28677F;
}

#main {
  width: 1008px;
  position: relative;
}

#secondary {
  width: 334px;
  float: left;
}

#list {
  width: 334px;
  height: 202px;
  background: url(images/list.png) no-repeat;
  margin-top: 22px;
  position: relative;
  display: block;  
}

#list h1 {
  font-family: Century Gothic;
  font-size: 18px;
  color: #508295;
  padding: 22px 0 0 22px;
  margin: 0;
}

#list p {
  font-family: Verdana;
  font-size: 14px;
  color: #858585;
  margin: 18px 10px 0px 22px;
}

#list p#more {
  font-family: Verdana;
  font-size: 14px;
  text-align: right;
  color: #508295;
  margin: 10px 16px 10px 0;
}

#list img {
  margin-right: 6px;
}

#list a,
#list a:visited {
  font-family: Verdana;
  font-size: 14px;
  text-decoration: none;
  color: #508295;
}

#list a:hover,
#list a:active {
  font-family: Verdana;
  font-size: 14px;
  text-decoration: underline;
  color: #508295;
}

#primary {
  width: 578px;
  margin-left: 400px;
}

#primary h1 {
  font-family: Century Gothic;
  font-size: 30px;
  color: #858585;
  padding: 22px 0 0 22px;
  margin: 0;
}

#primary p {
  font-family: Verdana;
  font-size: 14px;
  text-align: justify;
  color: #858585;
  margin: 18px 10px 18px 22px;
}

#primary img {
  margin-right: 5px;
  margin-bottom: 7px;
}

#primary a,
#primary a:visited {
  font-weight: bold;
  font-family: Verdana;
  font-size: 14px;
  text-decoration: none;
  color: #508295;
}

#primary a:hover,
#primary a:active {
  font-weight: bold;
  font-family: Verdana;
  font-size: 14px;
  text-decoration: underline;
  color: #508295;
}

#footer {
  width: 1008px;
  height: 42px;
  background: url(images/navbg.png) no-repeat;
  margin-top: 22px;
  position: relative;
  font-family: Century Gothic;
  font-size: 14px;
  color: #858585;
  padding: 10px 0 12px 29px;
  float: left;
}

#footer a,
#footer a:visited {
  font-weight: bold; 
  text-decoration: none;
  color: #508295;
}

#footer a:hover,
#footer a:active {
  font-weight: bold;
  text-decoration: underline;
  color: #508295;
}
