*{
  font-family:verdana, sans-serif;
}

body{
  margin:0;
  text-align:center;
  background-color:#4D596F;
  background-position:bottom;
  background-repeat:repeat-x;
  background-image:url(images/footer.jpg);
}

body, div, table, textarea {
  font-size:12px;
  color:#333333;
}

#body {
  position:relative;
  background-color:#eeeeee;
  border:1px solid #666666;
  margin:0 auto;
  text-align:left;
  width:800px;
  margin:20px auto 40px auto;
  min-height:500px;
}

.header {
  position:relative;
  height:178px;
  background-image:url(images/header.jpg);
}

.topnav {
  height:23px;
  padding:0px;
  bottom:0px;
  position:absolute;
  width:100%;
}

.topnav ul {
  padding:0px;
  margin:0px;
  list-style:none;
}

.topnav li {
  float:left;
}

.topnav a {
  display:block;
  color:#cccccc;
  padding:2px;
  border:1px solid #cccccc;
  margin:1px;
  text-decoration:none;
}

.topnav a:hover {
  color:#ffffff;
  background-color:#2E7AA5;
}

#content, #component-contact {
  padding:3px;
}

h1 {
  font-size:20px;
  padding:3px 1px 2px 1px;
  margin:2px;
  font-weight:normal;
  border-bottom: 1px solid #cccccc;
  margin-bottom: 10px;
}

h2 {
  font-size:16px;
  padding:3px 1px 0px 0px;
  margin:0px;
  font-weight:bold;
  margin-bottom: 10px;
  color:#666666;
}

b, strong {
  color:#666666;
}

#contactbar {
  height:60px;
  padding:3px;
}

#footer {
  height:40px;
  font-size:10px;
  color:#666666;
  text-align:center;
}

.column {
  padding: 3px; 
  background-color: #ffffff; 
  border: 1px solid #999999; 
  margin: 3px;
}