@import "about.css"; 

h1{
	font-size: 16pt;
	font-weight: bold;
	color: #000;
	text-align: left;
}


h2{
	font-size: 14pt;
	font-weight: bold;
	color: #000;
	text-align: left;
}
h3{
	font-size: 12pt;
	font-weight: bold;
	/*padding-bottom: 10px;*/
	color: #444444;
	text-align: left;
}
h4{
	font-size: 17pt;
	font-weight: bold;
	/*padding-bottom: 10px;*/
	color: #444444;
	text-align: left;
}
p{
	font-size: 12pt;
	color: #373737;
	text-align: justify;
}


/*.nav{
	background-color: #F5F5F5;
	height: 100%;
	width: 228px;
	position: fixed;
}*/
.content-container > .header{
	margin: 70px 0px 50px 0px;
	padding-left: 30px;
}
.news-container{
	width: 95%;
	padding: 10px 0px 20px 0px;
	display: inline-block;	
}
table tr{
	cursor: pointer;
}
table tr:hover td{
	color: #01CB34;
}

/*-------------------- left --------------------*/
.left-content{
	padding: 10px;
	/*padding: 30px;*/

}
.left-content .header{
	/*margin-left: 30px;*/
	margin-bottom: 50px;
}

#news_table tr {
	background-color: #F1F1F1;
}
#news_table tr.odd{ 
	background-color: white;
}
#news_table tbody td:nth-child(3){
	text-align: left;
}


/*-------------------- right --------------------*/

.right-content{
	padding: 10px;
	/*padding: 30px;*/
}
.right-content .header{
	margin-bottom: 50px;
}

.news-table-small{
	margin-left: 10%;
	width: 90%;
}
.news-table-small thead{
	background-color: #009944;
	color: white;

}
.news-table-small thead th,
.news-table-small tbody td{
	padding: 5px 10px;
	text-align: left;

}
.news-table-small tbody td{
	border-bottom: 1px solid #D7D7D7;
}

.right-content .category{
	margin-top: 60px;	
}

.bottom-content .content img{
	width: 50%;
}
.bottom-content .content .embed_video{
	width: 50%;
}

.news-index{
	margin-top: 80px;
}
.news-index a{
	color: black;
	text-decoration: none;
}
.news-index a:hover{
	color: #00AC33;
}
.news-index div{
	display: inline-block;
	margin: 0px 10px;
}

.news-index div + div:before{
	content: ' | ';
	margin-right: 20px;
	color: black;
}
.news-index div span{
	margin: 0px 5px;
}

a.disabled, a.disabled:hover{
	color: #ccc;
}


.bottom-space{
	margin-bottom: 150px;

}
/* Large Devices, Wide Screens */
@media only screen and (max-width : 1200px) {

}

/* Medium Devices, Desktops */
@media only screen and (max-width : 992px) {

	.bottom-content .content .embed_video{
		width: 100%;
	}

	.recent-news{
		margin-top: 50px;
	}
	.news-table-small{
		margin-left: 0px;
		width: 100%;
	}
}

/* Small Devices, Tablets */
@media only screen and (max-width : 768px) {

	.bottom-content .content img{
		width: 100%;
	}
	.news-index div{
		display: block;
	}


}


/* Extra Small Devices, Phones */ 
@media only screen and (max-width : 480px) {

}

/* Custom, iPhone Retina */ 
@media only screen and (max-width : 380px) {


}