@charset "UTF-8";
/* CSS Document */
.select-style {
    border: 1px solid #ccc;
    width: 105%;
    border-radius: 3px;
    overflow: hidden;
    background: #fafafa url("../images/select.png") no-repeat 100% 50%;
}

.select-style select {
    padding: 7px 8px;
    width: 110%;
    border: none;
    box-shadow: none;
    background: transparent;
    background-image: none;
    -webkit-appearance: none;
	-moz-appearance:window;
	appearance: none;
	/*color: #878888;*/
	color: #000;
	text-transform:uppercase;
	
}

.select-style option {
	/*color: #ccc;*/
	color: #000;
	text-transform:uppercase;
	
}

select:-moz-focusring {
    color: transparent;
    text-shadow: 0 0 0 #000;
}

.select-style select:focus {
    outline: none;
}


.twocolumns-lib:before{
	content:'';
	position:absolute;
	height:100%;
	border-left:1px solid #d2d0cd;
	left:28%;
	top:0;
}
.twocolumns-lib:after{
	content:'';
	display:block;
	clear:both;
}
.twocolumns-lib{
	padding:0 0 46px;
	position:relative;
}
.column-lib:first-child{
	float:left;
	width:22%;
}
.column-lib p{margin:0 0 22px;}
.column-lib{
	line-height:22px;
	float:right;
	width: 65%;
	padding:3px 0;
}

#filter {
	color: #0b6451;
	size: 14px;
	font-weight: bold;
}

.library-container {
	width: 816px;
	position: absolute;
}

.library-block {
	background-color: #0d6250;
	width: 18em;
	height: 236px;
	float: left;
	margin: 10px 10px 10px 10px;
	cursor: pointer;
}

#agriculture {
	background-image: url(../images/agriculture.jpg);
	background-position: top center;
	background-repeat: no-repeat;
    z-index: 2;
    position: relative;
}
#international {
	background-image: url(../images/international.jpg);
	background-position: top center;
	background-repeat: no-repeat;
    z-index: 2;
    position: relative;
}

#microfinance {
	background-image: url(../images/microfinance.jpg);
	background-position: top center;
	background-repeat: no-repeat;
    z-index: 2;
    position: relative;
}

#social {
	background-image: url(../images/social.jpg);
	background-position: top center;
	background-repeat: no-repeat;
    z-index: 2;
    position: relative;
}

#failures {
	background-image: url(../images/failures.jpg);
	background-position: top center;
	background-repeat: no-repeat;
    z-index: 2;
    position: relative;
}

#support {
	background-image: url(../images/support.jpg);
	background-position: top center;
	background-repeat: no-repeat;
    z-index: 2;
    position: relative;
}

#agriculture-hover {
	background-color:rgba(13,98,80,0.9);
	width: 18em;
	height: 236px;
	/*opacity: 0.4;*/
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 1;
	color: white;
}

#international-hover {
	background-color:rgba(13,98,80,0.9);
	width: 18em;
	height: 236px;
	/*opacity: 0.4;*/
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 1;
	color: white;
}

#microfinance-hover {
	background-color:rgba(13,98,80,0.9);
	width: 18em;
	height: 236px;
	/*opacity: 0.4;*/
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 1;
	color: white;
}


#social-hover {
	background-color:rgba(13,98,80,0.9);
	width: 18em;
	height: 236px;
	/*opacity: 0.4;*/
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 1;
	color: white;
}

#failures-hover {
	background-color:rgba(13,98,80,0.9);
	width: 18em;
	height: 236px;
	/*opacity: 0.4;*/
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 1;
	color: white;
}

#support-hover {
	background-color:rgba(13,98,80,0.9);
	width: 18em;
	height: 236px;
	/*opacity: 0.4;*/
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 1;
	color: white;
}

.txt {
	margin-top: 20px;
	color: #FFF;
	font-weight: normal;
	padding: 10px;
	line-height: 22px;
	text-align: center;
	vertical-align: middle;
}

.txt p {
	padding: 10px;
	line-height: 22px;
	text-align: center;
}

/*div {
  display: table;
  width: 250px;
  height: 100px;
  text-align: center;
}

span {
  display: table-cell;
  vertical-align: middle;
}*/

.btn-orange {
float: right;
margin: 17px -5px 0 0;
position: relative;
vertical-align: top;
font: 19px/34px 'tradegothicregular', Arial, Helvetica, sans-serif;
display: inline-block;
height: 34px;
border: 1px solid #d8d7d1;
border-width: 0 0 1px 1px;
color: #f0eee8;
background: #d14629;
padding: 0 30px 0 30px;
}

.btn-orange:hover{
	background:#f36547;
	text-decoration:none;
}