@charset "UTF-8";
/* CSS Document */

html, body{
	height:100%;
	margin:0;
	background:#f5be57;
	font-family:Arial, Helvetica, sans-serif;
}
@font-face {
    font-family: "Knockout";
    src: url(../fonts/Knockout48.otf) format("opentype");
    font-weight: normal;
    font-style: normal;
}
#wrapper{
	background:url('../images/bgtile.jpg');
	/*background-size: 100%;*/
}
.centered{
	width:950px;
	margin:0 auto;
}

#header-nav{
	background-color:#fdbf5a;
	width:100%;
	height:30px;
}
.nav-item a{
	color:#333;
	text-decoration:none;
}
#header-nav-content{
	float:right;
	padding:5px 50px 0 0;
}
.nav-item{
	float:left;
	padding:0 15px;
	color:#333;
	font-size:14px;
}

#footer-nav-content{
	margin:0 auto;
	padding:15px 50px;
}
.nav-item-footer{
	float:left;
	padding:0 15px;
	color:#333;
	font-size:14px;
}
.nav-item-footer a{
	color:#333;
	text-decoration:none;
}
#header-image{
	height:240px;
	width:100%;
	background:url('../images/headerScenic2.jpg');
	background-color:#000000;
	background-repeat:no-repeat;
	padding-top:10px;
}

#logo-wrapper{
	background:url('../images/theAgConservancy.png');
	background-repeat:no-repeat;
	width:490px;
	height:170px;
	position:relative;
	z-index:9;
}

#headline-wrapper{
	background:#000000;
	margin-top:10px;
	height:60px;
	
	zoom: 1;
	filter: alpha(opacity=50);
	opacity: 0.5;
	
}
#headline-text{
	width:390px;
	text-align:center;
	margin-top:10px;
	height:30px;
	font-size:20px;
	color:#ffffff;
	zoom: 1;
	filter: alpha(opacity=100);
	opacity: 1.0;
}
#main-content{
	min-width:1020px;
}
#background-left{
	/*background:url('../images/sidebarLeft.jpg');
	width:100px;
	height:442px;
	float:left;*/
	
}
#background-right{
	/*background:url('../images/sidebarRight.jpg');
	width:100px;
	height:442px;
	float:right;*/
}
#content{
	
}
#content-title{
	background-color:#fdbf5a;
	width:100%;
	height:50px;
	font-size:48px;
	text-align:center;
	color:#000000;
	font-family:Knockout, Arial, Helvetica, sans-serif;
}
#content-images{
	width:100%;
	height:442px;
	background:url('../images/testBG.png');
	overflow:hidden;
}
.expandable-div{
	width:190px;
	height:442px;
	float:left;
	overflow:hidden;
}
#mission-image{
	background:url('../images/mission_open.jpg');
}
#land-image{
	background:url('../images/land_open.jpg');
}
#air-image{
	background:url('../images/wind_open.jpg');
}
#water-image{
	background:url('../images/water_open.jpg');
	float:right !important;
}
#animals-image{
	background:url('../images/animals_open.jpg');
	float:right !important;
}
.expandable-title{
	font-size:36px;
	color:#ffffff;
	padding:10px 0 0 10px;
	text-shadow: 0.06em 0.06em #333;
	font-family:Knockout, Arial, Helvetica, sans-serif;
	
}
.expandable-info{
	
	width:508px;
	zoom: 1;
	
	height:175px;
	/*margin-top:250px;*/
	margin-top:500px;
}
.expandable-bg-wrapper{
	width:100%;
	height:100%;
	background:#fdbf5a;
	filter: alpha(opacity=80);
	opacity: 0.8;
	position:relative;
	z-index:1;
}
.expandable-info h3{
	color:#000;
	font-size:28px;
	font-family:"Knockout", Arial, Helvetica, sans-serif;
	padding:15px 0 0 15px;
	margin-bottom:2px;
	font-weight:normal;
}
.expandable-info p{
	font-size:12px;
	padding:0 15px;
	margin-top:0;
}
.learn-more-btn{
	background:url('../images/testLearnMoreBtn.png');
	width:497px;
	height:35px;
	float:right;
	margin-top:-70px;
	position:relative;
	z-index:5;
}
#footer-wrapper{
	width:100%;
	background:#f5be57;
	position:relative;
	z-index:9
}
#detail-close{
	background-image:url('../images/close.png');
	background-position:right center;
	width:40px;
	padding:5px 40px 5px 0;
	background-repeat:no-repeat;
	font-size:15px;
	
}
#detail-wrapper{
	background-image:url('../images/transBG.png');
	zoom: 1;
	/*filter: alpha(opacity=80);
	opacity: 0.8;
	*/
	width:100%;
	height:0;
	position:absolute;
	top:1024px;
	display:none;
	color:#fff;
}
#detail-content-wrapper{
	position:relative;
	z-index:8;
}
#detail-content-wrapper a{
	color:#FDBF5A;
	text-decoration:none;
}
#detail-content-wrapper a:visited{
	color:#FDBF5A;
	text-decoration:none;
}
#detail-content-wrapper a:hover{
	
	text-decoration:underline;
}
#detail-header{
	height:50px;
	margin-top:50px;
	
}
#detail-header a, #detail-header a:visited{
	color:#fff;
	text-decoration:none;
	float:right;
	font-size:22px;
}
#detail-title{
	width:100%;
	font-size:52px;
	border-bottom:2px solid white;
	margin-bottom:50px;
	font-family:Knockout, Arial, Helvetica, sans-serif;
}
#detail-wrapper h1{
	font-family:Knockout, Arial, Helvetica, sans-serif;
	font-weight:normal;
	font-size:36px;
	margin-bottom:2px;
}
#detail-wrapper p{
	margin-top:0;
}
#scroll-content{
	width:1000px;
	height:520px;
	overflow:auto;
}
#detail-content-left{
	width:370px;
	float:left;
	margin-right:20px;
}
#detail-content-right{
	width:570px;
	float:left;
}