/*
  Navy: #1C51A6
  Denim: #3169A9
  Teal: #35ACB9
  Aqua: #19A2D3
  Titles: #1c50a6
*/

body {
  background-color: #fff;
  font-size: 0.7em;
}

p { font-size: 1.1em; }

.container {
  display: block;
  margin: 1em auto;
  width: 980px;
  }

h3 {
  color: #1c50a6;
  }

h5 a {
  color: #000;
  text-decoration: none;
  }

h5 a:hover,
h5 a:active {
  text-decoration: underline;
  }

.gray { color: #666 }

/*** Header ***********************************************/
#header {
  background-color: #fbfbfb;
  margin-bottom: 15px;
  padding-top: 15px;
  position: relative;
  }

#header h1 {
  display: block;
  font-weight: normal;
  left: 15px;
  position: relative;
  }

#header h1 a {
  background: url('images/logo.jpg') no-repeat left top;
  color: #000;
  display: block;
  height: 60px;
  padding-left: 155px;
  text-decoration: none;
  width: 250px;
  }

/*** Header Nav ***********************************************/
#header .nav {
  background-color: #1C51A6;
  }

#header .nav ul {
  position: relative;
  left: -35px;
  }

#header .nav li {
  display: block;
  float: left;
  font-size: 1em;
  list-style: none;
  }

#header .nav a {
  display: block;
  color: #fff;
  padding: 5px 15px;
  text-decoration: none;
  }

#header .nav a:active,
#header .nav a:hover {
  background-color: #2493cc;
  }

#header .nav li.current a {
  background-color: #0889ba;
  display: block;
  color: #fff;
  padding: 5px 15px;
  text-decoration: none;
  }

/*** Content ***********************************************/
.content {
  padding: 0 1em;
  }

/*** Columns ***********************************************/
.columns_2,
.columns_3 {
  margin: 1em 0;
  }

.columns_2 .column_1,
.columns_2 .column_2 {
  float: left;
  width: 47%;
  }

.columns_2 .column_1 {
  margin-right: 2%;
  }

.columns_2 .column_1.wide {
  width: 64%;
  }

.columns_2 .column_2.narrow {
  width: 32%;
  }

.columns_3 .column_1,
.columns_3 .column_2,
.columns_3 .column_3 {
  float: left;
  width: 32%;
  }

.columns_3 .column_1,
.columns_3 .column_2 {
  margin-right: 2%;
  }

/*** Site Styles ***********************************************/
.content ul {
  padding-left: 1em;
  }

.content li {
  font-size: 1.1em;
  line-height: 1.5;
  }

.content h4 {
  font-size: 1em;
  color: #fff;
}

.content a {
  color: #0889BA;
  }

.home_image {
  background: url('images/home.jpg') no-repeat left top;
  color: #333;
  display: block;
  font-weight: bold;
  height: 230px;
  padding-left: 8px;
  width: 600px;
  }

.home_image h2 {
  padding-top: 85px;
  }

.home_image h2,
.home_image p {
  width: 400px;
  }

.post h4,
.meetings h4,
.members h4 {
  font-size: 1.2em;
  margin-bottom: 0.5em;
  padding: 3px;
  }

.post h4 { background-color: #19A2D3; }
.meetings h4 { background-color: #35ACB9; }
.members h4 { background-color: #3169A9; }

.members .member {
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  display: block;
  height: 120px;
  float: left;
  margin-right: 1%;
  margin-bottom: 1em;
  padding: 0.5em;
  width: 47%;
}

.member dl,
.meetings dl {
  clear: left;
  font-size: 1.1em;
  margin-bottom: 0.5em;
  }

.member dt,
.meetings dt {
  font-weight: bold;
  float: left;
  line-height: 1.5;
  width: 6em;
  }

.member dd,
.meetings dd {
  line-height: 1.5;
  margin-left: 7em;
  }

#MemberAddForm {
  display: block;
  width: 40em;
  }

span.required,
#MemberAddForm .required label {
  color: #1C51A6;
  font-weight: bold;
  }

#MemberAddForm .error-message {
  margin-left: 13em;
  }

#MemberAddForm label {
  float: left;
  display: block;
  margin-right: 1em;
  text-align: right;
  width: 12em;
  }

#MemberAddForm textarea,
#MemberAddForm input {
  }

#MemberAddForm .input {
  margin-bottom: 1em;
  }

.posts {
  margin: 1em;
  width: 40em;
  }

.posts .post {
  border-bottom: 1px solid #ccc;
  margin-bottom: 1em;
  }

  /*** Footer ***********************************************/
#footer {
  border-top: 1px solid #1C51A6;
  margin-top: 1em;
  padding: 5px 15px;
  position: relative;
  }

#footer p {
  float: left;
  }

/*** Header Nav ***********************************************/
#footer .nav {
  float: right;
  }

#footer .nav ul {
  margin: 0;
  }

#footer .nav li {
  display: block;
  float: left;
  font-size: 1em;
  list-style: none;
  }

#footer .nav a {
  display: block;
  color: #666;
  padding: 0 15px;
  text-decoration: none;
  }

#footer .nav a:hover,
#footer .nav a:active {
  color: #000;
  }