body {
  font-family: Georgia, serif;
  font-family: Arial, Helvetica, sans-serif;
  color: #232323;
  color: #3d3d3d;
  background-color: #B0B877; 
  line-height: 1em; }
h1, h2, h3, h4, h5, h6 {
  font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
  line-height: 1.2em; }
h1 {
  font-size: 1.75em;
  font-style: normal;
  font-weight: bold;
  color: #121212;
  margin-bottom: 0.5em; }
h2 {
  font-size: 1.55em;
  font-style: normal;
  color: #121212;
  margin-bottom: 0.5em; }
h3 {
  font-size: 1.2em;
  font-style: normal;
  font-weight: bold;
  color: rgb(65,65,65);
  margin-bottom: 0.5em; }
h4 {
  font-size: 1.2em;
  font-style: normal;
  color: #121212;
  margin-bottom: 0.5em; }
h5 {
  font-size: 1em;
  font-style: normal;
  font-weight: bold;
  color: #121212;
  margin-bottom: 0.5em; }
h6 {
  font-size: .75em;
  font-style: normal;
  font-weight: bold;
  color: #121212; }
h2 img, h3 img, h4 img, h5 img, h6 img {
  margin: 0; }
p, li {
  font-size: 0.95em;
  line-height: 1.45em;
  font-style: normal; }
p {
  margin: 0 0 1em; }
img.left {
  display: inline;
  float: left;
  margin: 1.5em 1.5em 1.5em 0;
  padding: 0; }
img.right {
  display: inline;
  float: right;
  margin: 1.5em 0 1.5em 1.5em;
  padding: 0; }
a {
  color: #990000;
  text-decoration: none; }
a:visited {
  color: #990000; }
a:focus {
  color: #232323; }
a:hover {
  color: #232323;
  text-decoration: none; }
a:active {
  color: #ff000c; }
hr {
  border: solid 1px rgb(200,200,200); 
  border-width: 2px 0px 0px 0px; }
blockquote {
  margin: 1.5em;
  color: #666;
  font-style: italic; }
strong {
  font-weight: bold; }
em {
  font-style: italic; }
dfn {
  font-style: italic;
  font-weight: bold; }
sup, sub {
  line-height: 0; }
abbr, acronym {
  border-bottom: 1px dotted #666; }
address {
  margin: 0 0 1.5em;
  font-style: italic; }
del {
  color: #666; }
pre {
  margin: 1.5em 0;
  white-space: pre; }
pre, code, tt {
  font: 1em 'andale mono', 'lucida console', monospace;
  line-height: 1.5; }
li ul, li ol {
  margin: 0 1.5em; }
ul {
  margin-left: 0;
  margin: 0 1.5em 1.5em 1.5em;
  list-style-type: disc; }
ul li {
  padding-left: 14px;
  background: url(/images/my-icon.png) no-repeat 4.5px 5.5px;
  list-style-type: disc; }
ol {
  margin: 0 1.5em 1.5em 1.5em;
  list-style-type: decimal; }
dl {
  margin: 0 0 1.5em 0; }
dl dt {
  font-weight: bold; }
dd {
  margin-left: 1.5em; }
table {
  font-family: 'Lucida Sans', 'Lucida Grande', Helvetica, Arial, sans-serif;
  color: #232323;
  font-style: normal;
  border: 2px solid black;
  margin-bottom: 1.4em;
  width: 100%;
  border-collapse: collapse;
  font-size: .8em; }
table thead th {
  border-bottom: 2px solid black; }
table tfoot th, table tfoot td {
  border-top: 2px solid black; }
table th:first-child {
  border-right: 2px solid black; }
table th, table td {
  border-right: 2px solid black;
  border-bottom: 2px solid black;
  border-left-width: 0px;
  border-top-width: 0px; }
table th:last-child, table td:last-child,
table th.last, table td.last {
  border-right-width: 0px; }
table tbody tr:last-child th, table tbody tr:last-child td, table tfoot tr:last-child th, table tfoot tr:last-child td,
table tbody tr.last th, table tbody tr.last td, table tfoot tr.last th, table tfoot tr.last td {
  border-bottom-width: 0px; }
th {
  font-weight: bold; }
thead th {
  background: #E8F0FC url(/images/header-main.gif) repeat-x scroll center bottom;
  border-bottom: 1px solid #9CAECC;
  border-top: 1px solid #9CAECC;
  color: #2D466E;
  font-family: "Lucida Grande",Helvetica,Arial,sans-serif;
  font-size: 12px;
  letter-spacing: 0;
  line-height: 18px;
  padding: 5px 10px;
  text-align: left;
  text-transform: none; }
th, td, caption {
  padding: 5px 10px; }
tr {
  border-bottom: 1px solid #cbcdd3; }
tr.even td {
  background: #edecec; }
tfoot {
  font-style: italic; }
caption {
  background: #eee; }
.left {
  display: inline;
  float: left; }
.right {
  display: inline;
  float: right; }
label {
  font-weight: bold;
  display:block;
  font-size: 0.9em;
  font-family: "Helvetica Neue",Helvetica,Arial,sans-serif; }
fieldset {
  padding: 1.4em;
  margin: 0 0 1.5em 0;
  border: 1px solid #ccc; }
legend {
  font-weight: bold;
  font-size: 1.2em; }
input {
  margin: 0.5em 0;
  padding: 5px; }
input.donatebutton {
  margin: 0px 0px -5px 10px;
  padding: 0px;  }
form.donate {
  display: inline; }
textarea {
  margin: 0.5em 0;
  border: 1px solid #bbb;
  width: 390px;
  height: 250px;
  padding: 5px; }
select {
  margin: 0.5em 0;
  border: 1px solid #bbb; }
.hide {
  display: none; }
.highlight {
  background: yellow; }

/* < ============  layout ============ > */
#frame {
  margin:20px auto  0;
  width:918px; }
#header {
  padding: 40px 0 24px 20px;
  background: url("/top-right/boy_girl_smiles.jpg") no-repeat scroll right top #FFFCCF }
#header #logo {
  padding-left: 30px
}
#content {
  padding: 20px;
  background-color: #FFFEF1 }
#main {
  display: inline;
  float: left;
  width: 610px;
  margin-left: 0px; }
#sidebar {
  display: inline;
  float: left;
  width: 248px;
  margin-left: 20px; }

.container {
  margin-left: auto;
  margin-right: auto;
  width: 960px; }

/* < ============  blocks ============ > */

#logo {
  margin: 0 0 0 -8px; }
#logo a {
  border-bottom: none; }
#menu {
  margin-top: 38px;
  float: right; }
#menu ul {
  margin: 0; }
#menu ul li {
  list-style-type: none;
  margin-left: 0px; }
#menu ul li {
  display: inline;
  float: right;
  padding: 5px;
  font-size: 15px;
   line-height: 1.2em;}
#menu ul li a {
  font-family: Georgia, serif;
  <!-- color: #5d5d5d; -->
  display: block; }
#nav {
  background-color: #990000; 
  padding-left: 10px;
  padding-right:10px; }
#nav .container {
  width: 940px; }
#nav ul {
  display: block;
  margin: 0;
  padding: 0;
  list-style-type: none;
  width: auto; }
#nav ul li {
  display: block;
  float: left;
  margin: 0;
  padding: 0; }
#nav ul li:last-child { 
  float: right; }

#nav ul li:last-child a { 
  color: #fadc76;
}
#nav ul li a {
  font-weight: normal;
  font-family: Georgia;
  font-size: 16px;
  display: inline-block;
  float: left;
  color: #fff0bf;
  padding: 10px 16px;
  text-decoration: none;
  border-bottom: none; }
#nav ul li a:hover {
  color: #fff0bf;
  background: #AA0008; }
#nav ul li.selected {
  background: #AA0008 none repeat scroll 0 0;
  color: #fff0bf; }

ul#sub-nav  {
  margin: -20px -20px 20px -10px;
  background-color:#F3E399;
  padding:10px; }
ul#sub-nav li {
  border-bottom: solid 1px #FFFEF1;
  font-family: Georgia;
  font-size: 1.2em;
  list-style-type: none;
  padding: 5px; }
ul#sub-nav li:last-child { 
  border-width: 0px; }
ul#sub-nav li a:visited {
    color: b3000c }

#splash {
  margin-top: -20px;
  margin-left: -20px;
  margin-right: -10px;
  display: block;
  margin-bottom: 20px; }

#splash-side {
  height: 348px; 
  background-color: #f3e399;
  margin: -20px -20px 20px -10px;
  padding: 15px;
}
#splash-side,
#splash-side a,
#splash-side h1,
#splash-side h2,
#splash-side h3,
#splash-side h4,
#splash-side p,
#splash-side div,
#splash-side span,
#splash-side ul,
#splash-side ul li,
#splash-side label {
  font-family: Georgia, serif;
}

#splash-side #upcoming_event {
  text-align: center;
}
#splash-side #upcoming_event h2 {
  color: #990000
}
#splash-side #upcoming_event h3 {
  margin: 0.5em 0px 0px 0px;
  font-size: 1.2em;
  font-weight: normal;
}
#splash-side #upcoming_event h3 a,
#splash-side #upcoming_event h3 a:visited {
  color: #333333;
}
#splash-side #upcoming_event h4 {
  color: #333333;
  text-decoration: italic;
  font-size: 1.1em;
}
#splash-side #upcoming_event p {
  margin-bottom: 0.6em;
}

#splash-side #mailing_list_signup {
  text-align: center;
  border-top:1px solid #B4B4B4;
  padding-top: 10px;
}
#splash-side #mailing_list_signup label {
  color: #990000;
  text-align: center;
}
#splash-side #mailing_list_signup input#hrllhl-hrllhl {
  font-size: 1.03em;
  padding: 0px;
  margin-bottom: 5px;
  text-align: center;
  width: 238px;
}
#splash-side #mailing_list_signup #newsletterbutton {
  margin-top: 0px;
  font-size: 1.17em;
}

  
/* < ============  index listings ============ > */
  
ul.spots {
  margin: 0;
  padding: 0;
  list-style-type: none; }
ul.spots li {
  padding: 10px 0;
  list-style-type: none; }
ul.spots li h3 {
  margin-top: 5px; }
ul.spots img {
  float: left;
  height: 120px;
  width: 120px;
  display: block;
  border: 1px solid #BFBFBF;
  margin: 0 20px 20px 0; }
ul.index li:last-child  {
  border-bottom: none }
a.more {
  margin-top: -1em;
  float: right;
}

/* < ============  programs page index ============ > */

ul.index {
  margin: 0px;
}
ul.index li {
  padding: 0 0 1em 0;
  margin: 1em 0 0 0;
  border-bottom: solid 1px rgb(205,205,205);
  list-style-type: none }
ul.index li h2 {
  margin: 0 0 0.25em; }
ul.index li a {
  border-bottom: none }
ul.index li img {
  float:left;
  margin-right: 20px; }
ul.index li:last-child {
  border-bottom: none }

/* < ============  index podcasts ============ > */

ul.podcasts {
  height: 200px;
  display: block;
  border: 1px solid #bfbfbf;
  margin: 0 0 20px 0;
  padding: 0;
  list-style-type: none; }
ul.podcasts li {
  padding: 15px 0;
  border-bottom: 1px dotted #BFBFBF;
  list-style-type: none; }


/* < ============  index articles ============ > */
  
ul.blogs {
  margin: 0 0 20px 0;
  padding: 0;
  list-style-type: none; }
ul.blogs h3 {
  margin-bottom: 0px; }
ul.blogs h3 a,
ul.blogs h3 a:visited {
  color: rgb(65,65,65);}
ul.blogs li {
  padding: 0px;
  border-bottom: 1px dotted #BFBFBF;
  list-style-type: none; 
  margin-bottom: 10px }
ul.blogs li:last-child  {
   border-bottom: none }
ul.blogs p {
  margin-bottom: 0.3em; }
ul.blogs p.posted {
  font-size: 0.85em;
  color: #686868; }
ul.blogs em { }
ul.blogs span {
  color: #929292; }


/* < ============  staff / board of director pages ============ > */

.member {
  margin-bottom: 20px;
  border-bottom: solid 1px rgb(240,240,240)
}
.member .photo {
  float: left;
  margin-right: 10px
}
.member .detail {
  float:left
  width: 300px
}

/* < ============  event listing ============ > */

.event-list h3 {
  margin-bottom: 0px;
}


/* < ============  basic article body ============ > */

#main img {
  background:url("/design/shadow.gif") no-repeat scroll right bottom transparent;
  border-color:#EEEEEE -moz-use-text-color -moz-use-text-color #EEEEEE;
  border-right:medium none;
  border-style:solid none none solid;
  border-width:1px medium medium 1px;
  padding:4px 10px 10px 4px; }

#main .no-border {
  padding: 0px;
  background: none;
  border: none;
}

/* < ============  fin ============ > */

#footer {
  border-top: 1px solid #C6C6C6;
  background-color: #e2e2e2;
  background-color: #f3e399;
  background-color: #B0B877;
  color: rgb(255,255,255);
  padding: 5px 0 0 0;
  text-align: left;
  min-height: 100px; }
#footer span {
  color: #9a9a9a;
  padding: 0 2px; }

/* < ============  utility ============ > */

.clear { /* < ====  www.sonspring.com/journal/clearing-floats ==== > */
  clear: both;
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0; }
.clearfix:after { /* < ====  www.perishablepress.com/press/2009/12/06/new-clearfix-hack/ ==== > */
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0; }
* html .clearfix             { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */

/* < ============  12 column ============ > */

.grid-12 { margin-left: auto; margin-right: auto; width: 960px; }
.grid-12 .cols-1,
.grid-12 .cols-2,
.grid-12 .cols-3,
.grid-12 .cols-4,
.grid-12 .cols-5,
.grid-12 .cols-6,
.grid-12 .cols-7,
.grid-12 .cols-8,
.grid-12 .cols-9,
.grid-12 .cols-10,
.grid-12 .cols-11,
.grid-12 .cols-12 { display: inline; float: left; margin-left: 10px; margin-right: 10px; }
.grid-12 .cols-1 { width: 60px; }
.grid-12 .cols-2 { width: 140px; }
.grid-12 .cols-3 { width: 220px; }
.grid-12 .cols-4 { width: 300px; }
.grid-12 .cols-5 { width: 380px; }
.grid-12 .cols-6 { width: 460px; }
.grid-12 .cols-7 { width: 540px; }
.grid-12 .cols-8 { width: 620px; }
.grid-12 .cols-9 { width: 700px; }
.grid-12 .cols-10 { width: 780px; }
.grid-12 .cols-11 { width: 860px; }
.grid-12 .cols-12 { width: 940px; }
.grid-12 .prefix-1 { padding-left: 80px; }
.grid-12 .prefix-2 { padding-left: 160px; }
.grid-12 .prefix-3 { padding-left: 240px; }
.grid-12 .prefix-4 { padding-left: 320px; }
.grid-12 .prefix-5 { padding-left: 400px; }
.grid-12 .prefix-6 { padding-left: 480px; }
.grid-12 .prefix-7 { padding-left: 560px; }
.grid-12 .prefix-8 { padding-left: 640px; }
.grid-12 .prefix-9 { padding-left: 720px; }
.grid-12 .prefix-10 { padding-left: 800px; }
.grid-12 .prefix-11 { padding-left: 880px; }
.grid-12 .suffix-1 { padding-right: 80px; }
.grid-12 .suffix-2 { padding-right: 160px; }
.grid-12 .suffix-3 { padding-right: 240px; }
.grid-12 .suffix-4 { padding-right: 320px; }
.grid-12 .suffix-5 { padding-right: 400px; }
.grid-12 .suffix-6 { padding-right: 480px; }
.grid-12 .suffix-7 { padding-right: 560px; }
.grid-12 .suffix-8 { padding-right: 640px; }
.grid-12 .suffix-9 { padding-right: 720px; }
.grid-12 .suffix-10 { padding-right: 800px; }
.grid-12 .suffix-11 { padding-right: 880px; }

/* < ============  16 column ============ > */

.grid-16 { margin-left: auto; margin-right: auto; width: 960px; }
.grid-16 .cols-1,
.grid-16 .cols-2,
.grid-16 .cols-3,
.grid-16 .cols-4,
.grid-16 .cols-5,
.grid-16 .cols-6,
.grid-16 .cols-7,
.grid-16 .cols-8,
.grid-16 .cols-9,
.grid-16 .cols-10,
.grid-16 .cols-11,
.grid-16 .cols-12,
.grid-16 .cols-13,
.grid-16 .cols-14,
.grid-16 .cols-15,
.grid-16 .cols-16 { display: inline; float: left; margin-left: 10px; margin-right: 10px; }
.grid-16 .cols-1 { width: 40px; }
.grid-16 .cols-2 { width: 100px; }
.grid-16 .cols-3 { width: 160px; }
.grid-16 .cols-4 { width: 220px; }
.grid-16 .cols-5 { width: 280px; }
.grid-16 .cols-6 { width: 340px; }
.grid-16 .cols-7 { width: 400px; }
.grid-16 .cols-8 { width: 460px; }
.grid-16 .cols-9 { width: 520px; }
.grid-16 .cols-10 { width: 580px; }
.grid-16 .cols-11 { width: 640px; }
.grid-16 .cols-12 { width: 700px; }
.grid-16 .cols-13 { width: 760px; }
.grid-16 .cols-14 { width: 820px; }
.grid-16 .cols-15 { width: 880px; }
.grid-16 .cols-16 { width: 940px; }
.grid-16 .prefix-1 { padding-left: 60px; }
.grid-16 .prefix-2 { padding-left: 120px; }
.grid-16 .prefix-3 { padding-left: 180px; }
.grid-16 .prefix-4 { padding-left: 240px; }
.grid-16 .prefix-5 { padding-left: 300px; }
.grid-16 .prefix-6 { padding-left: 360px; }
.grid-16 .prefix-7 { padding-left: 420px; }
.grid-16 .prefix-8 { padding-left: 480px; }
.grid-16 .prefix-9 { padding-left: 540px; }
.grid-16 .prefix-10 { padding-left: 600px; }
.grid-16 .prefix-11 { padding-left: 660px; }
.grid-16 .prefix-12 { padding-left: 720px; }
.grid-16 .prefix-13 { padding-left: 780px; }
.grid-16 .prefix-14 { padding-left: 840px; }
.grid-16 .prefix-15 { padding-left: 900px; }
.grid-16 .suffix-1 { padding-right: 60px; }
.grid-16 .suffix-2 { padding-right: 120px; }
.grid-16 .suffix-3 { padding-right: 180px; }
.grid-16 .suffix-4 { padding-right: 240px; }
.grid-16 .suffix-5 { padding-right: 300px; }
.grid-16 .suffix-6 { padding-right: 360px; }
.grid-16 .suffix-7 { padding-right: 420px; }
.grid-16 .suffix-8 { padding-right: 480px; }
.grid-16 .suffix-9 { padding-right: 540px; }
.grid-16 .suffix-10 { padding-right: 600px; }
.grid-16 .suffix-11 { padding-right: 660px; }
.grid-16 .suffix-12 { padding-right: 720px; }
.grid-16 .suffix-13 { padding-right: 780px; }
.grid-16 .suffix-14 { padding-right: 840px; }
.grid-16 .suffix-15 { padding-right: 900px; }

/* < ============  buttons ============ > */

.buttons a, .buttons button {
  -moz-background-clip: border;
  -moz-background-inline-policy: continuous;
  -moz-background-origin: padding;
  -moz-border-radius-bottomleft: 10px;
  -moz-border-radius-bottomright: 10px;
  -moz-border-radius-topleft: 10px;
  -moz-border-radius-topright: 10px;
  -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);
  background: #EAEAEA url(/images/buttongradient.png) repeat-x scroll left top;
  border-color: #bdbdbd #9b9a9a #9b9a9a #bdbdbd;
  border-style: solid;
  border-width: 1px;
  color: #464646;
  cursor: pointer;
  display: block;
  float: left;
  font-weight: bold;
  font-family: "Lucida Grande",Tahoma,Arial,sans-serif;
  font-size: 90%;
  line-height: 130%;
  margin: 0 0.7em 0 0;
  padding: 5px 10px 6px;
  text-decoration: none; }
a.button, button.button {
  -moz-background-clip: border;
  -moz-background-inline-policy: continuous;
  -moz-background-origin: padding;
  -moz-border-radius-bottomleft: 10px;
  -moz-border-radius-bottomright: 10px;
  -moz-border-radius-topleft: 10px;
  -moz-border-radius-topright: 10px;
  -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);
  background: #EAEAEA url(/images/buttongradient.png) repeat-x scroll left top;
  border-color: #bdbdbd #9b9a9a #9b9a9a #bdbdbd;
  border-style: solid;
  border-width: 1px;
  color: #464646;
  cursor: pointer;
  display: block;
  float: left;
  font-weight: bold;
  font-family: "Lucida Grande",Tahoma,Arial,sans-serif;
  font-size: 90%;
  line-height: 130%;
  margin: 0 0.7em 0 0;
  padding: 5px 10px 6px;
  text-decoration: none; }
a.button, button.button {
  display: inline-block;
  float: none; }
.buttons button, button.button {
  overflow: visible;
  padding: 4px 10px 3px 7px;
  width: auto; }
.buttons button[type], button.button[type] {
  line-height: 17px;
  padding: 5px 10px 5px 7px;
  width: auto; }
.chrome .buttons button, .chrome button.button {
  padding: 4px 10px 4px 7px; }
.buttons button img, .buttons a img {
  margin: 0 3px -3px 0 !important; }
a.button img, button.button img {
  margin: 0 3px -3px 0 !important; }
.buttons button:hover, .buttons a:hover {
  border: 1px solid #999999;
  color: #000000; }
a.button:hover {
  border: 1px solid #999999;
  color: #000000; }
button.button:hover {
  border: 1px solid #999999;
  color: #000000; }
button.active {
  -moz-background-clip: border;
  -moz-background-inline-policy: continuous;
  -moz-background-origin: padding;
  -moz-box-shadow: none;
  background: #FFFFFF url(images/buttongradient.png) repeat-x scroll left top;
  border-color: #CCCCCC; }
.buttons a:active, a.button:active {
  -moz-background-clip: border;
  -moz-background-inline-policy: continuous;
  -moz-background-origin: padding;
  -moz-box-shadow: none;
  background: #FFFFFF url(images/buttongradient.png) repeat-x scroll left top;
  border-color: #CCCCCC; }
button.positive {
  color: #4B8226;
  font-weight: bold; }
a.positive {
  color: #4B8226;
  font-weight: bold; }
a.positive:hover {
  color: #232323; }
a.positive:active {
  -moz-background-clip: border;
  -moz-background-inline-policy: continuous;
  -moz-background-origin: padding;
  background: #719a48 none repeat scroll 0 0;
  border: 1px solid #719a48;
  color: #FFFFFF;
  text-shadow: 1px 1px 1px #607710; }
a.negative {
  color: #D12F19; }
a.negative:hover, button.negative:hover {
  color: #D12F19; }
a.negative:active {
  -moz-background-clip: border;
  -moz-background-inline-policy: continuous;
  -moz-background-origin: padding;
  background: #D12F19 none repeat scroll 0 0;
  border: 1px solid #D12F19;
  color: #FFFFFF;
  text-shadow: 1px 1px 1px #A93816; }
button.positive:hover {
  color: #232323; }
button.negative {
  color: #D12F19; }
* html .buttons button[type], * html button.button[type] {
  margin-bottom: 1px;
  padding: 4px 10px 3px 7px; }
* html button.button {
  margin-bottom: 1px; }
#comment_email2 {
  display:none;
}


/* < ============  spam trap ============  > */
p#email2  {                  /* be sure to include this rule if you are using  our  forms */
  display: none;              /* it keeps normal users from  seeing  the spambot honeypot  */
}