@import url("fonts.css");
@import url("font-awesome.css");
@import url("hover.css");


/**== Bootstrap Icon Use Font */
@font-face {
	font-family:'Glyphicons Halflings';
	src: url('../fonts/glyphicons-halflings-regular.eot');
	src: url('../fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'),
		 url('../fonts/glyphicons-halflings-regular.woff') format('woff'),
		 url('../fonts/glyphicons-halflings-regular.ttf') format('truetype'),
		 url('../fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular') format('svg');
}

body {
	font-family: Roboto, sans-serif;
    font-weight: 300;
    font-size: 17px;
	color:#444;
}
.img_border {
	border:1px solid #dfdfdf;
	background:#fff;
	padding:4px;
}

.img_left {float:left;margin:0px 20px 15px 0px;}
.img_right {float:right;margin:0px 0px 15px 20px;}

.left { float:left;}
.right { float:right;}

.clear { clear:both;}
.clear_left {clear:left;}

.pad10 { padding:10px;}
.pad15 { padding:15px;}
.pad20 { padding:20px;}
.pad20_0 { padding:20px 0px;}
.pad25 { padding:25px;}


.text_black { color:#000 !important;}
.text_grey { color:#353435 !important;}
.text_blue { color:#059de2 !important;}
.text_red2 { color:#d4111e !important;}
.text_orange { color:#fe8107 !important;}
.text_green { color:#8fbd15 !important;}
.text_brown { color:#3e0f04 !important;}


/********** Backgrounds **********/
.bg_black {
	background:#000;
	color:#fff;
}
.bg_DrkGray {
	background:#231f20;
	color:#fff;
}
.bg_LitGrey {
	background:#f5f5f5;
	color:#000;
}
.bg_LitGrey2 {
	background:#f1f5f8;
	color:#000;
}
.bg_blue  {
	background:#059de2;
	color:#fff;
}
.bg_green  {
	background:#8fbd15;
	color:#000;
}
.bg_brown  {
	background:#3e0f04;
	color:#fff;
}



/********** BUTTONS **********/
.button {
	background:#231f20;
	display: inline-block;
	padding: 10px 15px 10px 15px;
	margin:0;
	font-family: Roboto, sans-serif;
	font-size: 14px;
	color:#fe8107;
	font-weight: normal;
	text-align: center;
	vertical-align: middle;
	cursor: pointer;
	-webkit-user-select: none;
		-moz-user-select: none;
		-ms-user-select: none;
		user-select: none;
	border:none;
		-moz-border-radius:4px;
		-ms-border-radius:4px;
		-o-border-radius:4px;
		-webkit-border-radius:4px;
	border-radius:4px;
	behavior:url(css/PIE.htc);
	text-transform:uppercase;
}


/** Text Field *****/
.text_field {
	border:1px solid #dfdfdf;
	background:#fff;
	font-family: Roboto, sans-serif;
	color:#888888;
	font-size:14px;
	padding:10px 12px;
	margin:0px 0px 0px 0px;
	width:100%;
		-moz-border-radius:2px;
		-ms-border-radius:2px;
		-o-border-radius:2px;
		-webkit-border-radius:2px;
	border-radius:2px;
	behavior:url(css/PIE.htc);
		-moz-transition: all 0.3s ease;
		-ms-transition: all 0.3s ease;
		-o-transition: all 0.3s ease;
		-webkit-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
.text_field:focus {
	border-color:#8fbd15;
	color:#000;
}


/********** Notifation **********/
.red, .green, .yellow, .blueInfo {
	display: block;
	background:no-repeat 10px 11px;
	border:1px solid #ae4c4b;
	padding:10px 10px 10px 40px;
	color:#822223;
	margin:10px 0px 10px 0px;
	border-radius:4px;
		-moz-border-radius:4px;
		-ms-border-radius:4px;
		-o-border-radius:4px;
		-webkit-border-radius:4px;
	behavior:url(css/PIE.htc);
}
.red {
	background-image:url(../images/bullet_error.png);
	background-color:#ef8d8e; 
	border-color: #ae4c4b;
	color:#822223;
}
.green {
	background-image:url(../images/bullet_success.png);
	background-color:#a8da93; 
	border-color: #448d3e;
	color:#1d571c;
}
.yellow {
	background-image:url(../images/bullet_attention.png);
	background-color:#f7efa7; 
	border-color: #c5a46f;
	color:#8f5212;
}
.blueInfo {
	background-image:url(../images/bullet_info.png);
	background-color:#b0c1db; 
	border-color: #5581a4;
	color:#2a4b76;
}


/********** Pagination **********/
.PagNav {
	text-align:center;
	margin:15px 0 0 0;
}

ul.pagination {
	margin:20px 0 0 0;
	padding:0px;
}
ul.pagination li {
	margin:0px;
	padding:0px;
	background:none;
	border:none;
}
.pagination li a { color:#555;}
.pagination > li > a, .pagination > li > span { border-color:#cbe5ab;}
.pagination li a:hover, .pagination li span:hover, .pagination li a:focus, .pagination li span:focus {background:#e8f3d9;color:#7dab46;}
.pagination > li > a:hover, .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus { border-color:#cbe5ab;}

/****************************************
	Layout
****************************************/
	.BodyBG {
		background:url(../images/bg_intro.jpg) no-repeat top center;
		background-attachment:fixed;
		overflow:hidden;
	}
	
	
	#Logo {
		float:left;
		margin:15px 0 15px 30px;
	}
	
	.MainWrapper {
		max-width: 1200px;
		display:block;
		margin:0px auto;
		padding:0px;
		position:relative;
	}
	
	.SubpageBG {
		width:100%;
		background:rgba(255,255,255,.4);
		padding:50px 0;
		margin:20px 0;
	}
	.SubpageBG h1 {
		text-align:left;
		font-size:34px;
		line-height:34px;
		text-transform: uppercase;
		font-weight: 900;
	}
	
	.SubpageBG a {
		color:#1c6e28;
		text-decoration: none;
		cursor:pointer;
	}
	.SubpageBG a:hover {color:#000;}
	
	.SubpageBG a.moreInfo {
		color:#1c6e28;
		position: relative;
		text-decoration: none;
		display: inline-block;
	}
	.SubpageBG a.moreInfo span {
		width: 0;
		height: 100%;
		position: absolute;
		display: block;
		border-bottom: 1px solid #1c6e28;
		left: 50%;
		top: 0;
			-moz-transition: 0.2s ease;
			-ms-transition: 0.2s ease;
			-o-transition: 0.2s ease;
			-webkit-transition: 0.2s ease;
		transition: 0.2s ease;
	}
	.SubpageBG a.moreInfo:hover span {
		text-decoration: none;
		display: inline-block;
		width: 100%;
		left:0;
	}
	
	.ContentsWrapper {width:66.666666667%;}	
	.SidebarWrapper {width:29.166666667%;}
	
	#Footer {
		text-align:right;
		font-size:15px;
		color:#666;
		padding:0 30px 0 0;
		font-style:italic;
	}
	#Footer a { color:#666;}
	#Footer span {
		font-family: Roboto, sans-serif;
		font-weight: bold;
		color: #1c6e28;
		font-style:normal;
		font-size:15px;
	}
	
	
	.Coll2 {
		width:48%;
		margin:0 0 30px 0;
	}
	
	/** News Styling  **/
	.NewsImg {
		float:left;
		width:20%;
	}
	.NewsDetail {
		float:right;
		width:77%;
		font-size:16px;
		line-height:18px;
	}
	.NewsDetail h3 {
		font-size:18px;
		line-height:20px;
		margin:0 0 10px 0;
	}
	.NewsDate, .NewsLink {
		font-size:14px;
		color:#999999;
		margin:0 0 8px 0;
	}
	.NewsLink .fa {
		font-size:18px !important;
		color:#8f8f8f !important;
	}
	
	
	.Alignment { text-align:center;}
	
	.Coll4 {
		display:inline-block;
		width:22.8%;
		margin:20px 0.666666667% 20px 0.666666667%;
	}	
	.Coll4.hvr-bounce-to-top, .Coll4.hvr-bounce-to-top:before {
			-moz-transition-duration: 0.4s;
			-ms-transition-duration: 0.4s;
			-o-transition-duration: 0.4s;
			-o-transition-duration: 0.4s;
		transition-duration: 0.4s;
	}
	.Coll4.hvr-bounce-to-top {background:rgba(28, 110, 40, .1);}
	.Coll4.hvr-bounce-to-top:before {background:rgba(28, 110, 40, .9);}
	
	.TeamBlock {
		padding:40px 30px;
		text-align:center;
		font-size:15px;
		line-height:18px;
	}
	.TeamBlock h2 {
		font-size:20px;
		line-height:22px;
		color:#222;
		padding:18px 0 13px 0;
		margin:0 0 13px 0;
		border-bottom:2px solid rgba(28, 110, 40, .25);
	}
	.TeamBlock:hover h2, .TeamBlock:hover a {color:#fff;}
	
	.TeamPic img {
		width:150px;
		height:150px;
		text-align:center;
		margin:0 auto;
			-moz-border-radius:100%;
			-ms-border-radius:100%;
			-o-border-radius:100%;
			-webkit-border-radius:100%;
		border-radius:100%;
	}
	


/****************************************
	MEDIA QUERIES
****************************************/

/***** for 1024px or less ===========*/
@media All and (max-width: 1200px) {
	.MainWrapper { margin:0px 25px;}
}

@media All and (max-width: 1100px) {
	#Logo {
		float:none;
		margin:15px 25px 15px 25px;
		text-align:center;
	}
}



/***** for 768px or less ===========*/
@media All and (max-width: 768px) {
	.ContentsWrapper, .SidebarWrapper {
		width:100%;
		margin:0 0 30px 0;
	}
	
	.Coll2 {width:100%;}
	
	.Coll4 {
		width:45.093750000%;
		margin:15px 1.953125000% 15px 1.953125000%;
	}
}



/***** for 650px or less ===========*/
@media All and (max-width: 650px) {
	
}
@media All and (max-width: 600px) {
	
}



/***** for 550px or less ===========*/
@media All and (max-width: 550px) {
	.Coll4 {
		width:100%;
		margin:15px 0 15px 0;
	}
}



/***** for 480px or less ===========*/
@media All and (max-width: 480px) {
	.NewsImg, .NewsDetail {
		float:none;
		width:100%;
		text-align:center;
	}
	.NewsImg img { margin:0 0 15px 0;}
}



/***** for 320px or less ===========*/
@media All and (max-width: 320px) {
	
}