/* Batsumicare Custom Styles - Homepage */

/* Homepage banner section */
#homebanner {
    display: block;
    width: 960px;
    height: 343px;
    background: url(images/homebanner.jpg) no-repeat top left;
    position: relative;
    margin: 0 auto;
}

#homebanner h2 {
    margin: 0px;
    padding: 0px;
    font: bold 48px Arial, Helvetica, sans-serif;
    color: #fff;
    position: absolute;
    bottom: 110px;
    right: 80px;
}

#homebanner a {
    background: #231f20;
    padding: 10px 15px;
    font: bold 16px Arial, Helvetica, sans-serif;
    color: #fff;
    position: absolute;
    bottom: 85px;
    display: block;
    text-transform: uppercase;
    text-decoration: none;
    right: 210px;
}

/* Footer merchandise blocks */
#footmerch {
    max-width: 960px;
    display: block;
    text-align: left;
    margin: 20px auto 15px;
}

#footmerchblock {
    display: inline-block;
    width: 310px;
    height: 200px;
    background: url(images/footmerchblock.jpg) no-repeat top left;
}

.footmiddle {
    margin: 0px 10px;
}

#mva, #iod, #mar {
    display: inline-block;
    height: 200px;
    width: 160px;
}

#mva {
    background: url(images/mvaback.jpg) no-repeat top left;
}

#iod {
    background: url(images/iodback.jpg) no-repeat top left;
}

#mar {
    background: url(images/marback.jpg) no-repeat top left;
}

.merchright {
    display: inline-block;
    width: 140px;
    vertical-align: top;
    position: relative;
    text-align: center;
    height: 200px;
}

.merchright h3 {
    font: bold 16px Arial, Helvetica, sans-serif;
    color: #fff;
    padding: 15px 10px;
    text-align: left;
}

.merchright a {
    background: #231f20;
    padding: 10px 15px;
    font: bold 16px Arial, Helvetica, sans-serif;
    color: #fff;
    position: absolute;
    bottom: 15px;
    display: block;
    text-transform: uppercase;
    text-decoration: none;
    right: 7px;
}

/* Content layout divs */
#batcontentright {
    display: inline-block;
    width: 690px;
    margin-left: 15px;
    vertical-align: top;
}

#batcontentleft {
    display: inline-block;
    vertical-align: top;
}

#batcontentright h2 {
    font: bold 18px Arial, Helvetica, sans-serif;
    color: #e89264;
    margin: 10px 0 15px;
}

#batcontentright h3 {
    font: bold 18px Arial, Helvetica, sans-serif;
    color: #e89264;
    margin: 10px 0 15px;
}

#batcontentright h4 {
    font: bold 14px Arial, Helvetica, sans-serif;
    color: #231f20;
    margin: 10px 0;
}

#batcontentright h5 {
    font: bold 14px Arial, Helvetica, sans-serif;
    color: #e89264;
    margin: 20px 0 10px;
}

/* Accordion styles */
#accordiondiv {
    margin: 15px 0;
}

#accordiondiv h3 {
    font: bold 14px Arial, Helvetica, sans-serif;
    cursor: pointer;
}

.accordion-title {
    background: url(images/accordionarrow.jpg) no-repeat left center;
    padding: 10px 10px 10px 30px;
    margin: 5px 0;
    color: #231f20;
    border-bottom: 1px solid #ddd;
}

.accordion-title:hover {
    background-color: #f5f5f5;
}

.accordion-content {
    padding: 15px 30px;
    display: none;
    background-color: #fafafa;
    border-left: 3px solid #e89264;
    margin-bottom: 10px;
}

.accordion-content[aria-hidden="false"] {
    display: block;
}

/* Director profiles */
.entry-content h4 {
    font: bold 16px Arial, Helvetica, sans-serif;
    color: #e89264;
    margin: 30px 0 15px;
    clear: both;
}

.entry-content img.alignleft {
    float: left;
    margin: 0 20px 15px 0;
    border: 2px solid #e89264;
}

.entry-content img.aligncenter {
    display: block;
    margin: 20px auto;
    max-width: 100%;
    height: auto;
}

.entry-content p strong {
    color: #231f20;
}

.entry-content h2 {
    font: bold 22px Arial, Helvetica, sans-serif;
    color: #e89264;
    margin: 20px 0 15px;
}

.entry-content h3 {
    font: bold 18px Arial, Helvetica, sans-serif;
    color: #e89264;
    margin: 20px 0 10px;
    clear: left;
}