@charset "utf-8";
/* CSS Document */
body {
	margin: 0px;
	padding: 0px;
	border:0px;
	background-color:#FFFFFF;
	font-family: 'Nunito', sans-serif;
	font-size:14px;
	line-height:24px;
	text-align:justify;
	color:#191919;
}
a {
	text-decoration:none;
	font-family: 'Nunito', sans-serif;
	font-size:15px;
}
p {
	font-size:14px;
	line-height:24px;
	text-align:justify;
}
h1,h2,h3,h4,h5,h6 {
	font-family: 'Lora', serif !important;
	padding:0px;
	margin:0px;
	text-align:left;
	/*text-shadow:#e1e1e1 0px 1px 1px;*/
	font-weight:normal;
}
h1 {
	font-size:30px;
	line-height:33px;
	vertical-align:middle;
	color:#343434;
	font-family: 'Lora', serif !important;
}
h1 span {
	color:#000918;
}
h2 {
	font-size:26px;
	line-height:32px;
	padding:30px 0px;
	color:#556b2f;
	font-family: 'Lora', serif !important;
}
h2 span {
	color:#fdc800;
}
h3 {
	color:#346484;
	margin:30px 0px 10px 0px;
	font-size:20px;
	line-height:28px;
	font-family: 'Lora', serif !important;
}
nav {
	width:100%;
	float:left;
	height:auto;
	background-color:#556b2f;
	margin:0px;
	padding:0px;
	color:#FFFFFF;
	font-family: 'Nunito', sans-serif;
	font-size:15px;
	line-height:25px;
	display:block;
	clear:both;
	min-height:30px;
}
nav i {
	padding:7px 10px;
}
/*nav ul {
	padding:0px;
	margin:0px;
	list-style:none;
}
nav ul li {
	float:left;
}
nav ul li a {
	color:#FFFFFF;
}*/
header {
	width:100%;
	float:left;
	height:auto;
	overflow:hidden;
	display:block;
	clear:both;
}
header h1 {
	color:#313131;
}
article {
	width:100%;
	float:left;
	height:auto;
	overflow:hidden;
	display:block;
	clear:both;
	margin:20px 0px 0px 0px;
	padding:30px 0px;
	background-image:url(../images/artical-area-bg.jpg);
	background-repeat:no-repeat;
	background-position:bottom right;
	/*background-size:contain;*/
}
section {
	width:100%;
	float:left;
	height:auto;
	overflow:hidden;
	margin:0px;
}
.contener {
	width:1170px;
	padding:0px;
	margin:0 auto;
	height:auto;
	/*overflow:hidden;*/
}
footer {
	width:100%;
	text-align:center;
	font-size:14px;
	line-height:30px;
	padding:10px 0px;
	background-color:#556b2f;
	float:left;
	height:auto;
	color:#FFF;
}
footer a {
	color:#fdc800;
}
footer p {
	text-align:center;
}
.border {
	border-top:#b5b5b5 1px solid;
}
.main-body {
	width:100%;
	float:left;
	height:auto;
	overflow:hidden;
	display:block;
	clear:both;
	padding:0px;
	margin:0px;
}
.logo-area {
	width:200px;
	height:auto;
	overflow:hidden;
	float:left;
	margin:20px 30px 20px 0px;
}
.logo-area img {
	width:100%;
	float:left;
	height:auto;
}
header h1, h2, h3 {
	padding:0px;
	margin:0px;
}
.college-name-area {
	margin:20px auto;
	width:450px;
	height:auto;
}
.college-name-area img {
	width:100%;
	float:left;
	height:auto;
	overflow:hidden;
}
.bethun-logo {
	width:112px;
	float:right;
	height:auto;
	overflow:hidden;
	margin-top:10px;
}
.bethun-logo img {
	width:100%;
	float:left;
	height:auto;
}
img {
	float:left;
	height:auto;
	padding:0px;
	margin:0px;
	border:0px;
}
.txt-area {
		/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#f6f8f9+0,e5ebee+50,d7dee3+51,f5f7f9+100&0.5+0,0.5+100;White+Gloss */
	background: -moz-linear-gradient(-45deg, rgba(246,248,249,0.5) 0%, rgba(229,235,238,0.5) 50%, rgba(215,222,227,0.5) 51%, rgba(245,247,249,0.5) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(-45deg, rgba(246,248,249,0.5) 0%,rgba(229,235,238,0.5) 50%,rgba(215,222,227,0.5) 51%,rgba(245,247,249,0.5) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(135deg, rgba(246,248,249,0.5) 0%,rgba(229,235,238,0.5) 50%,rgba(215,222,227,0.5) 51%,rgba(245,247,249,0.5) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#80f6f8f9', endColorstr='#80f5f7f9',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	border-radius: 7px; /* future proofing */
	-khtml-border-radius: 7px; /* for old Konqueror browsers */
	padding:15px;
	height:auto;
	overflow:hidden;
}
.txt-area h1 {
	font-size:40px !important;
	font-weight:bold;
	text-align:center;
	height:auto;
	overflow:hidden;
}
.news-tab-area {
	width:21%;
	float:left;
	padding:2% 1%;
	margin:45px 2%;
	height:auto;
	overflow:hidden;
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#c9de96+0,8ab66b+44,398235+100&0.85+0,0.85+100 */
	background: -moz-linear-gradient(top, rgba(201,222,150,0.85) 0%, rgba(138,182,107,0.85) 44%, rgba(57,130,53,0.85) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(201,222,150,0.85) 0%,rgba(138,182,107,0.85) 44%,rgba(57,130,53,0.85) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(201,222,150,0.85) 0%,rgba(138,182,107,0.85) 44%,rgba(57,130,53,0.85) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d9c9de96', endColorstr='#d9398235',GradientType=0 ); /* IE6-9 */
	-webkit-box-shadow: 0px 2px 5px 2px rgba(135,135,135,1);
	-moz-box-shadow: 0px 2px 5px 2px rgba(135,135,135,1);
	box-shadow: 0px 2px 5px 2px rgba(135,135,135,1);
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	border-radius: 15px; /* future proofing */
	-khtml-border-radius: 15px; /* for old Konqueror browsers */
	transition-property: background;
	transition-duration: 25s;
	transition-timing-function: linear;
}
.news-tab-area:hover {
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#e4efc0+0,abbd73+100&0.95+0,0.95+100;Olive+3D+%232 */
	background: -moz-linear-gradient(top, rgba(228,239,192,0.75) 0%, rgba(171,189,115,0.75) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(228,239,192,0.75) 0%,rgba(171,189,115,0.75) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(228,239,192,0.75) 0%,rgba(171,189,115,0.75) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2e4efc0', endColorstr='#f2abbd73',GradientType=0 ); /* IE6-9 */
	text-decoration:none;
}
.news-tab-area a h2 {
	font-family:Verdana, Geneva, sans-serif !important;
	font-size:26px !important;
	line-height:40px !important;
	text-align:center;
	font-weight:bold;
	color:#FFF;
	padding:10px;
	text-shadow:#595959 0px 1px 1px;
}
.news-tab-area a h2:hover {
	text-decoration:none;
}
.apply-tab-area {
	width:21%;
	float:left;
	padding:2% 1%;
	margin:85px 2%;
	height:auto;
	overflow:hidden;
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#98dd49+0,69ba1d+100&0.75+0,0.75+100 */
	background: -moz-linear-gradient(top, rgba(152,221,73,0.75) 0%, rgba(105,186,29,0.75) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(152,221,73,0.75) 0%,rgba(105,186,29,0.75) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(152,221,73,0.75) 0%,rgba(105,186,29,0.75) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bf98dd49', endColorstr='#bf69ba1d',GradientType=0 ); /* IE6-9 */
	-webkit-box-shadow: 0px 2px 5px 2px rgba(135,135,135,1);
	-moz-box-shadow: 0px 2px 5px 2px rgba(135,135,135,1);
	box-shadow: 0px 2px 5px 2px rgba(135,135,135,1);
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	border-radius: 15px; /* future proofing */
	-khtml-border-radius: 15px; /* for old Konqueror browsers */
	transition-property: background;
	transition-duration: 25s;
	transition-timing-function: linear;
}
.apply-tab-area:hover {
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#e4efc0+0,abbd73+100&0.95+0,0.95+100;Olive+3D+%232 */
	background: -moz-linear-gradient(top, rgba(228,239,192,0.75) 0%, rgba(171,189,115,0.75) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(228,239,192,0.75) 0%,rgba(171,189,115,0.75) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(228,239,192,0.75) 0%,rgba(171,189,115,0.75) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2e4efc0', endColorstr='#f2abbd73',GradientType=0 ); /* IE6-9 */
	text-decoration:none;
}
.apply-tab-area a h2 {
	font-family:Verdana, Geneva, sans-serif !important;
	font-size:26px !important;
	line-height:40px !important;
	text-align:center;
	font-weight:bold;
	color:#FFF;
	padding:10px;
	text-shadow:#595959 0px 1px 1px;
}
.apply-tab-area a h2:hover {
	text-decoration:none;
}