.bc-contain { background:#E3DEDE; width: 100%; display:block; margin-top:5px; height:34px; overflow:hidden; }
.bc-contain .head { color:#FFFFFF; background:#1e366b; font-size: 18px; padding: 8px 9px; display:inline-block; }
.bc-contain .items { display:inline; margin-left:10px; color:#333333;  overflow:hidden; }
.bc-contain .items a { color:#1e366b; }

.control-container { background:#EDE6E6; margin:15px 10px; }
.control-container .head { padding:10px; padding-bottom:3px; font-size:18px; color:#555555; }
.control-container ul { list-style:none; padding-bottom:5px; }
.control-container ul li { display:inline-block; padding:10px 5px 5px 10px; }
*+html .control-container ul li { display:inline; }
.control-container ul li label { display:block; margin-bottom:5px; color:#555555; font-size:13px; }
.control-container ul li select { max-width:145px; }
.control-container ul li input { width:270px; }
.control-container ul li button { background:#D6D0D0; border:1px solid #CCCCCC; padding:3px; color:#404042; font-weight:bold; font-family: 'Arial'; border-radius:3px; cursor:pointer; }
.control-container ul li button:hover { background:#EDE6E6; color:#666666; }
.control-container ul li button.active { background:#EDE6E6; color:#666666; }

.module-items { margin-top:5px; }
.module-items ul { list-style:none; margin-bottom:20px; }
.module-items ul li { display:inline-block; width:150px; height:222px; margin:16px 24px 0px 8px; vertical-align:top; position:relative; overflow: hidden; }
*+html .module-items ul li { display:inline; }
.module-items ul li .img { box-shadow: 0 0 4px #666666; display:block; width:150px; height:150px; background:#EDE6E6; overflow:hidden; }
.module-items ul li .img img { width:150px;  }
.module-items ul li .text-hover { position:absolute; top:51px; width:150px; background:#000000; height:150px; overflow: hidden; }
.module-items ul li .text-hover .text { color:#FFFFFF; font-size:13px; padding:5px; }
.module-items ul li .title {  font-size:13px; margin-top:7px; color:#555555; /* height:29px; */ height:41px; margin-bottom:3px; overflow:hidden; font-weight:normal; }
.module-items ul li .date { font-size:14px; margin-top:5px; color:#555555; font-style:italic; }

.pagination { padding:15px 0; text-align:center; }
.pagination ul{ display:block; }
.pagination ul li { display:inline-block; }
*+html .pagination ul li { display:inline; }
.pagination ul li a { padding:5px; color:#666666; font-size:15px; }
.pagination ul li a:hover,
.pagination li.active a { color:#0F8B43; }
.pagination ul li.disabled a { font-style: italic; color:#999999; }

.left-col { margin-top:26px; }
.left-col .left-menu { margin:0 15px 15px 0; }
.left-col .left-menu .title { font-size:16px; border-bottom:1px solid #DFDFDF; padding-bottom:10px; color:#555555; }
.left-col .left-menu ul { list-style:none; margin:8px 0; }
.left-col .left-menu ul li { margin:7px 0; font-size:14px; }
.left-col .left-menu ul li a { color:#858585; }
.left-col .left-menu ul li a:hover { text-decoration:underline; }
.left-col .left-menu ul li a.selected { color:#1e366b; text-decoration:underline; }
.left-col .left-menu ul li ul { margin:7px 14px; }
.left-col .left-menu .control { margin:10px 10px 0 0; }
.left-col .left-menu .control input { border: 1px solid #B9B2B2; border-radius: 2px 0 0 2px; box-shadow: none; color: #777777; margin: 0; outline: medium none; padding: 4px; width:100%;}

.right-col { margin:25px 0; font-family:"Open Sans", sans-serif, Arial;  }
.right-col .title { font-size:22px; line-height: 27px; margin-bottom:12px; color:#555555;  font-weight:600; }
.right-col .date { font-size:16px; margin-bottom:17px; color:#555555; font-style:italic; }
.right-col .content { color:#5E5E53; line-height: 1.5em; font-size:14px; }
.right-col .content .image { float:left; margin:0 15px 10px 0;  }
.right-col .content p { margin:10px 0 10px 0; color:#5E5E53; line-height: 1.5em; font-size:14px; }
.right-col .content ul,
.right-col .content ol { margin:10px 0; list-style: outside none disc;}
.right-col .content ul li,
.right-col .content ol li { line-height: 1.5em; font-size:14px; position: relative; left:19px; }
.right-col .content .donor-box { margin:10px 0; padding:5px; background:#EAE3E3; color:#333333; text-align: center; }
.right-col .content b,
.right-col .content strong { font-weight: 700; }

.right-col .content ul.rrssb-buttons,
.right-col .content ol.rrssb-buttons { margin-top:0; margin-bottom:0; margin-left:0; }
.right-col .content ul.rrssb-buttons li,
.right-col .content ol.rrssb-buttons li { left:0;    }

.comments-contain { padding:15px; }
.comments-contain .comment-head { background:#E3DEDE; width: 100%; display:block; height:34px; overflow:hidden; margin-bottom:15px; }
.comments-contain .comment-head .title { color:#FFFFFF; background:#1e366b; font-size: 18px; padding: 8px 9px; display:inline-block; }
.comments-contain .comment-head .bar { display:inline; margin-left:10px; color:#333333;  overflow:hidden; }

.quote { color: #003366; padding: 10px; font-size: 22px; line-height: 1.5; display:block; font-family: 'Average Sans', 'Gill Sans MT', Gill Sans, Arial; }
.quote.left { float:left; }
.quote.right { float:right; }

@media only screen and (max-width: 980px) {

    .module-items ul li { width:130px; height:200px; margin:14px 21px 0px 7px; }
    .module-items ul li .img { width:130px; height:130px; }
    .module-items ul li .text-hover { top:50px; width:130px; height:130px; }
    .module-items ul li .title { height:40px; margin-bottom:3px; }
    .module-items ul li .date { font-size:13px;  }
}

@media handheld, only screen and (max-width: 768px) {

    .module-items ul li { width:110px; height:180px; margin:10px 10px 0 10px; }
    .module-items ul li .img { width:110px;  height:110px; }
    .module-items ul li .text-hover { top:45px; width:110px; height:110px; }
    .module-items ul li .date { font-size:13px;  }
    .module-items ul li .text-hover .text { font-size:11px; }
    .module-items ul li .title { font-size:11px; height:35px; }

}