.headline {
	font-weight: bold;
	font-size: 14pt;
	color: #036;
	text-decoration: none;
}

.subheading {
	font-weight: bold;
	color: #036;
}

.photocaption {
	font-size: 8pt;
	font-style: italic;
}

.byline {
	font-style: italic;
}

.bucket {
  display: inline;
  float: left;
  height: auto;
  width: 100%;
  border-radius: 4px;
  -o-border-radius: 4px;
  -ms-border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.5);
  -o-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.5);
  -ms-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.5);
  -webkit-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.5);
  background: white url('/static/image/compressed/soft_wallpaper.png?f54be9fcee78');
  border: 3px solid white;
  overflow: hidden;
  padding: 0px; }
  .bucket p.title {
    text-shadow: 0px 1px 0px white;
    -o-text-shadow: 0px 1px 0px white;
    -moz-text-shadow: 0px 1px 0px white;
    -webkit-text-shadow: 0px 1px 0px white;
    color: #423a3a;
    font-family: &quot;Open Sans&quot;, Helvetica, Arial, sans-serif;
    font-size: 20px;
    font-weight: 800;
    line-height: 24px;
    letter-spacing: -1px;
    margin-bottom: 0px !important;
    padding: 15px;
    text-align: center; }
    .bucket p.image {
      box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3);
      -o-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3);
      -ms-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3);
      -moz-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3);
      -webkit-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3);
      margin-bottom: 0px !important; }
      .bucket p.image img {
        border-radius: 0px;
        -o-border-radius: 0px;
        -ms-border-radius: 0px;
        -moz-border-radius: 0px;
        -webkit-border-radius: 0px;
        display: block;
        height: auto;
        width: 100%; }
  .bucket div.text {
    clear: both;
    padding: 15px; }
    .bucket div.text p {
      color: #423a3a;
      font-size: 13px;
      line-height: 18px; }
      .bucket div.text a.button {
        clear: both;
        display: block;
        margin: 0 10px; }

.hfhblue {
   color:#005596;
}

.hfhgreen {
   color:#51B948;
}

/* Shared for all accordion types */
.accordion {
    font-family:Verdana, Arial, Helvetica, sans-serif; 
    margin:0 auto;
    font-size:10px;
    border:1px solid #63c954;
    border-radius:10px;
    width:auto;
    padding:10px;
    background:#fff;
}
.accordion ul {
    list-style:none !important;
    margin:0!important;
    padding:0!important;    
}
.accordion li {
    margin:0!important;
    padding:0!important;
}
.accordion [type=radio], .accordion [type=checkbox] {
    display:none!important;
}
.accordion label {
    display:block!important;
    font-size:16px!important;
    line-height:16px!important;
    background:#D95B43!important;
    border:1px solid #542437!important;
    color:#542437!important;
    text-shadow:1px 1px 1px rgba(255,255,255,0.3)!important;
    font-weight:700!important;
    cursor:pointer!important;
    text-transform:uppercase!important;
    -webkit-transition: all .2s ease-out!important;
    -moz-transition: all .2s ease-out!important;
}
.accordion ul li label:hover, .accordion [type=radio]:checked ~ label, .accordion [type=checkbox]:checked ~ label {
    background:#C02942!important;
    color:#FFF!important;
    text-shadow:1px 1px 1px rgba(0,0,0,0.5)
}
.accordion .content {
    padding:0 10px!important;
    overflow:hidden!important;
    border:1px solid #fff; /* Make the border match the background so it fades in nicely */
    -webkit-transition: all .5s ease-out!important;
    -moz-transition: all .5s ease-out!important;
}
.accordion p {
    color:#333!important;
    font-size:12px!important;
    margin:0 0 10px!important;
}
.accordion h3 {
    font-size:12px!important;
    color:#005596!important;
    padding:0!important;
    margin:10px 0!important;
}


/* Vertical */
.vertical ul li {
    overflow:hidden!important;
    margin:0 0 1px!important;
}
.vertical ul li label {
    padding:10px!important;
}
.vertical [type=radio]:checked ~ label, .vertical [type=checkbox]:checked ~ label {
    border-bottom:0!important;
}
.vertical ul li label:hover {
    border:1px solid #005596!important; /* We don't want the border to disappear on hover */
}
.vertical ul li .content {
    height:0px!important;
    border-top:0!important;
}
.vertical [type=radio]:checked ~ label ~ .content, .vertical [type=checkbox]:checked ~ label ~ .content {
    height:300px!important;
    border:1px solid #005596!important;
}
