*{margin:0;padding:0;text-decoration:none;font-size:1em;outline:none}code,pre,textarea,input,select{font:inherit;font-size:1em}th,h1,h2,h3,h4,h5,h6{font-weight:normal}a,img,a img,form,abbr,acronym,object{border:none}table{border-collapse:collapse;border-spacing:0}th,td{text-align:left;vertical-align:top}body{line-height:1;}a{color:inherit}hr{display:none}ul{list-style-type:none}

html {
  height: 100%;
}

body {
  height: 100%;
  text-align: center;
  font: 96% arial,helvetica,sans-serif;
  background-color: #f6f6f6;
  color: #000;
}

#container {
  width: 960px;
  margin: 0 auto 20px auto;
  height: 100%;
}

/* --- header --- */

#header {
  width: 960px;
  height: 126px;
  margin-bottom: 10px;
  background-image: url('/images/site-assets/header.png');
  background-repeat: no-repeat;
  position: relative;
  clear: both;
  overflow: hidden;
}

#header h1 a {
  text-indent: -999em;
  display: block;
  position: absolute;
  height: 91px;
  width: 209px;
  left: 20px;
  top: 20px;
}

#nav {
  position: absolute;
  right: 25px;
  top: 65px;
  list-style-type: none;
}

#nav li {
  float: left;
  margin-right: 1px;
}

#nav a {
  display: block;
  color: #31627c;
  text-transform: uppercase;
  font-family: arial, helvetica, sans-serif;
  border-bottom: 2px solid #31627c;
  padding: 5px 10px;
  font-size: 10px;
  font-weight: bold;
  background-color: #f6f9fb;
}

#nav a:hover {
  background-color: #e9eff4;
  border-bottom: 2px solid #5b879d;
}

/* --- content --- */

#main {
  padding: 10px;
  clear: both;
  overflow: hidden;
  padding-bottom: 20px;
  margin-bottom: 20px;
  background-color: #fff;
}

#mission {
  width: 920px;
  text-align: left;
  margin: 0 10px 20px; 
}

#content {
  width: 920px;
  text-align: left;
  margin: 0 10px;
  float: left;
}

#content.homepage {
  width: 510px;
  margin: 0;
}

h2 {
  font-size: 43px;
  font-family: times, serif;
  border-bottom: 2px solid #666;
  text-align: left;
}

h2.title {
  border-bottom: none;
  margin-bottom: 10px;
  border-bottom: 1px dotted #376a85;
  padding-bottom: 10px;
  margin-top: 0;
  color: #497c96;
  font-size: xx-large;
}

h3 {
  font-size: 18px;
  font-family: vera sans, lucida grande, arial, helvetica, sans-serif;
  padding-top: 10px;
  margin-bottom: 10px;
}

ul {
  margin: 10px 10px 10px 25px;
  list-style-type: disc;
}

#main a, #footer a {
  color: #143977;
}

#main a:hover, #footer a:hover {
  text-decoration: underline;
}

.article, .news {
  margin-bottom: 20px;
  padding-bottom: 10px;
  clear: both;
  overflow: hidden;
}

.content {
  text-align: left;
  padding: 20px;
  line-height: 24px;
  background-color: #efefef;
}

.article-img {
  float: right;
  border: 10px solid #efefef;
  margin: 0 10px 10px;
}

.article .article-img, .news .article-img {
  border: 10px solid #ccc;
}

.date {
  font-size: 13px;
  color: #31627c;
}

.readmore {
  margin: 10px 0 5px;
}

.row {
  clear: both;
  overflow: hidden;
  width: 700px;
  margin-bottom: 10px;
}

.col {
  float: left;
  width: 340px;
}

#news {
  width: 390px;
  margin: 0px 10px;
  float: left;
}

#mailer ul {
  margin-top: 10px;
}

#mailer li {
  list-style-type: none;
  vertical-align: middle;
  margin-bottom: 10px;
}

#mailer table {
  margin: 20px 0;
}

#mailer table th, #mailer table td {
  padding: 5px;
  vertical-align: middle;
}

#mailer table th {
  font-weight: bold;
  text-align: right;
}

.row { clear: both; overflow: hidden;
       width: 920px;
       margin: 0 10px;
}

/* --- footer --- */

#footer {
  clear: both;
  overflow: hidden;
  font-size: x-small;
  margin: 20px;
  padding-bottom: 20px;
  text-align: left;
  vertical-align: middle;
}

#footer .copyright {
  float: left;
  margin-right: 10px;
}

#footer .donate {
  margin-left: 10px;
  float: right;
}

#footer .donate p {
  vertical-align: middle;
}

#footer .donate * {
  vertical-align: middle;
}

#footer .donate input {
  margin-left: 10px;
}