.middle{

	height: 870px;

}

.left-nav{

	float: left;

	width: 311px;

	background-image: url(../images/body-bg.gif);

	height: 350px;



}



.left-nav li{

	font-size: 18px;

	font-family: 'Noto Sans',sans-serif;



}



.left-nav li a{

	display: block;

	padding: 5px;

	color: black;

	text-decoration: none;

	padding-left: 20px;

	color: white;

	line-height: 50px;

}







.left-nav li a:hover{

	background-color: #ffc500;

	text-shadow:2px 0px 1px #000;

	cursor: pointer;

	color: #fff;

}

.left-nav li a:active{

	background-color: #ffc500;

	text-shadow:2px 0px 1px #fff;

	cursor: pointer;

	color: #000;

}



#left-nav-header{

	font-family: Arial;

	font-weight: bold;

	font-size: 30px;

	text-align: center;

	color: #ffc500;

	text-shadow:5px 2px 5px #000000;



	margin-top: 20px;

}

.img{

	float: left;

	width: 650px;

	height: 350px;

	left: 326px;

	margin-top: 15px;

	position: absolute;

}



.about-header{

	float: left;

	width: 311px;

	text-align: center;

	font-size: 30px;

	font-family: 'Cantora One', sans-serif;

	margin-top: 20px;



}



.header-content{

	float: left;

	width: 650px;

	margin-left: 10px;

	margin-top: 10px;

	font-family: 'Noto Sans',sans-serif;

}

.cont {

	position: absolute;

	top: 370px; 



}



#values-box{

	width: 603px;

	height: 650px;

	font-family: 'Noto Sans',sans-serif;

	margin: auto;

}









#value-container{

	height: 299px;

	width: 300px;

	float: left;

	cursor: pointer;

}



#value-header{

	

	font-size: 80px;

	color: #000;

}



#value-text{

	height: 300px;

	width: 300px;

	position: absolute;

	top: 0;

	z-index: 1;

	cursor: pointer;

	

}



#value-div{

	height: 300px;

	width: 300px;

	position: absolute;

	top: 0;

	z-index: 2;	

}







.yellow{

	background-color: #ffc500;

	color: #000;

}

.white{

	color: #ffc500;

}





#values-box ul {

	margin: 40px;

	margin-top: 70px;

}

#values-box ul li{

	list-style-type: circle;

	text-shadow:0px 0px 1px #DBA900;

}

#mission-list {
	list-style-type: disc;
}