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

.logo {
	height: 2.4%;
	width: 10.58%;
}
.news-image {
	height: 16.78%;
	width: 19.17%;
}
/*
==============================================
Clearing css
==============================================
*/
* {
	padding:0;
	margin:0;
	outline:none;
}

html,body,div,span,applet,object,iframe,h1,h2,h3,h35,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,caption,tbody,tfoot,thead{margin:0;padding:0;border:0;outline:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline}body{line-height:1;color:black;background:white}ol,ul{list-style:none}table{border-collapse:separate;border-spacing:0}/* tables still need 'cellspacing="0"' in the markup */caption,th,td{
	text-align:right;
	font-weight:normal

}blockquote:before,blockquote:after,q:before,q:after{content:""}blockquote,q{quotes:""""}

/*
==============================================
Grid
==============================================
*/
			/* Clear Fix Hack - add  class="fixed"  to div's that have floated elements in them */
		.fixed:after{content:"."; display:block; height:0; clear:both; visibility:hidden;}
			.fixed{display:block; text-align:justify;}
			/*  \*/
			.fixed{min-height:1%;text-align:justify;}
			* html .fixed{height:1%;}
				
			.row{ width:100%; }
			.col-700{ width:100%; float:right; margin-right:0px; }
			.col-580{ width:100%; float:right; margin-right:20px; margin-top:15px;  }
			.col-650_news{ width:650px; float:right; margin-right:20px;}
			.col-520{ width:520px; float:right; margin-right:20px;  }
			.col-460{ width:460px; float:right; margin-right:20px; text-align:justify;}
			.col-400{ width:480px; float:right; margin-right:20px; margin-top:15px; }
			.col-340{ width:100%; float:right; margin-right:20px; }
			.col-250{ width:250px; float:right; margin-right:10px; margin-top:10px;  }
			.col-220{ width:220px; float:right; margin-right:20px; }
			.col-180{ width:25%; float:right;  }
			.col-160{ width:160px; float:right; margin-right:20px; }
			.col-1601{
	width:23%;
	float:right;
	margin-right:10px;
	margin-bottom: 10px;
	margin-top: 10px;
	font-size:14px;
	padding-right:5px;
}
			.col-150{ width:29%; float:right; margin-right:20px; }
			.col-130{
	width:160px;
	float:right;
	margin-right:15px;
	border:#000
}
			
			.col-340 li { display:block; padding:5px 0 5px 25px; background:#ffffff url(../images/bg-accor1.png) no-repeat 10px 12px; line-height:30px;}
			.col-700 li { display:block; padding:5px 0 5px 25px; padding-right:15px; /*background:#ffffff url(../images/bg-accor1.png) no-repeat 10px 12px;*/ line-height:30px;width:100%;float:left;}

			.col-460 li { display:block; padding:5px 0 5px 25px; background:#ffffff url(../images/bg-accor1.png) no-repeat 10px 12px; }
			
.col-1601 a{
width:100%
}
.photo_gallery_thumb{
width:100%;
height:100px;
}


		.last{ margin-right:0px; }
		.clear{ clear:both; }
		.block{ display:block; }
		.hide{ display: none; }	
/*
==============================================
Typography Css
==============================================
*/

body {
	
	font-family:Helvetica, Arial,  sans-serif;
	font-size:12px;
	line-height:20px;
	color:#666666;
	background-color:#FFF;	
}
a img, img {
	border:none;
}
a {
	text-decoration:none;
	color:#004267;
}
a:hover {
	text-decoration:underline;
}
input {
	font-family:tahoma, arial, sans-serif;
	font-size:11px;
	color:#999;
}
ul, ol {
	list-style:none;
}
.clear {
	clear:both;
	line-height:0;
	font-size:0;
}
h1,h2,h3,h4,h5,h6{ font-weight: bold; }
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover {
	text-decoration:none;
}
h1 {
	font-size:16px;
	color:#003f64;
	line-height:16px;
	padding-bottom:8px;
}
h2 {
	font-size:14px;
	color:#fff;
	line-height:16px;
	padding-bottom:8px;
	/*padding-right:15px;*/
}


h3 {
    font-size: 20px;
    color:#285d7d;
    line-height: 30px;
    padding-bottom: 8px;
}


h35{
	font-size:17px;
	text-align:justify;
	color:#999999;
	line-height:20px;
	padding-bottom:8px;
	
}

h4 {
	font-size:20px;
	text-align:justify;
	line-height:12px;
	color:#660066;
	padding-top:4px;
	padding-bottom:2px;
}
h31 {
	font-size:17px;
	line-height:20px;
	color:#000;
	padding-top:4px;
	padding-bottom:2px;
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
	font-weight: normal;
	letter-spacing: inherit;
	word-spacing: inherit;
}

h5 {
	font-size:12px;
	line-height:12px;
	color:#285d7d;
	padding-bottom:4px;
}
h6 {
	font-size:28px;
	line-height:16px;
	text-align:justify;
	color:#285d7d;
	padding-top:20px;
	padding-bottom:8px;
}
p {
	line-height:15px;
	padding-bottom:8px;
}
h41 {
	font-size:14px;
	line-height:16px;
	color:#285d7d;
	padding-bottom:4px;
}
/*
==============================================
WRAPPER AREA
==============================================
*/
#outer_wrapper {
	width:100%;
	/*background:url(../images/bg-body.jpg) repeat-x top;*/
	background-color:#FFF;
}
#outer_wrapper_inner {
	width:100%;
	background-color:#FFF;
	/*background:url(../images/bg-body-inner.jpg) repeat-x top;*/
}
#outer_wrapper_inner1 {
	width:100%;
	background:url(../images/bg-body-inner.jpg) repeat-x top;
}
#wrapper {
	width:85%;
	margin:0 auto;
}


#wrapper1 {
	width:500px;
	margin:0;
}
/*
==============================================
header section
==============================================
*/

#header {
	width:100%;

	float:right;
	padding-top:0px;
	padding-bottom:0px;
	background-color:white;
}
#header1 {
	width:500px;
	float:right;
	padding-top:10px;
	padding-left:10;
	padding-right:10;
}


#header img#logo {
	/*float:left;*/
	margin-right:0px;
	margin-top:2px;
	padding:3px;
}
#header1 img#logo {
	/*float:left;*/
	margin-right:0px;
	margin-top:2px;
}

#header img#logo {
	/*float:left;*/
	margin-right:0px;
	margin-top:2px;
}
#right_header {
	float:right;
	width:100%;
	padding-top:2px;
	
}
#top_nav {
	width:100%;
	padding:6px;
	float:right;
	/*line-height:350%*/
}
#top_nav ul {
	float:right;
}
#top_nav li {
	float:left;
	background:url(../images/sep-header.png) no-repeat right center;
	padding:0 6px 0 8px;
}
#top_nav li:first-child {
	background:none;
}
#top_nav li a:hover, #top_nav li a.active {
	display:block;
	float:right;
	line-height:21px;
	font-family:tahoma, arial, sans-serif;
	background:url(../images/bg-topnav-left.png) no-repeat right top;
	color:#fff;
	padding-right:5px;
	text-decoration:none;
}
#top_nav li a {
	background:url(../images/bg-topnav-right.png) no-repeat right top;
	color:#fff;
	display:block;
	float:right;
	line-height:21px;
	font-family:tahoma, arial, sans-serif;
	padding-right:5px;
	text-decoration:none;
}
#top_nav li a:hover span, #top_nav li a.active span {
	background:url(../images/bg-topnav-right.png) no-repeat right top;
}
#top_nav li a span {
	display:block;
	float:right;
	padding-right:5px;
}
#search_header {
	float:right;
	padding-top:2px;
	width:35%;
}
#search_header ul {
	float:right;
}
#search_header li {
	float:right;
}
#search_header li input {
	float:right;
	border:1px solid #d5d5d5;
	height:30px;
	color:#5f5f5f;
	font-family:tahoma, arial, sans-serif;
	font-size:11px;
	padding:0px 0px;
	width:50px;
}


#search_header li a {
	display:block;
	float:right;
	color:#fff;
	font-family:tahoma, arial, sans-serif;
	font-weight:bold;
	line-height:20px;
	padding-left:28px;
	padding-right:15px;
	background:url(../images/search_img1.jpg) no-repeat 12px 7px #004a72;
}
#search_header li a:hover {
	text-decoration:none;
	background:url(../images/search_img1.jpg) no-repeat 12px 7px #000;
}
/*
==============================================
navigation section
==============================================
*/

#nav {
	width:100%;
	float:right;
	height:40px;
	position:relative;
	z-index:100;
	background:#fff;
}
#nav ul li {
	float:right;
	position:relative;
}
#nav ul li:first-child a {
	padding:0 15px 0 14px;
}
#nav ul li a {
	display:block;
	line-height:40px;
	font-size:13px;
	color:#2a789e;
	font-weight:bold;
	padding:0 12px;
}
#nav ul li a:hover, #nav ul li a.active {
	text-decoration:none;
	/*background:url(../images/bg-nav-hover.gif) repeat-x top;*/
	color:#fff;
	background-color:#3C3D41;
}
#nav ul li:hover > a {
	text-decoration:none;
	/*background:url(../images/bg-nav-hover.gif) repeat-x top;*/

	color:#fff;
}
#nav li ul {
	margin:0;
	padding:6px 5px;
	width:218px;
	background:#3C3D41;/*#003c60;*/
	position:absolute;
	right:-99999px;
	top:40px;
}
#nav li ul li {
	width:218px;
	padding:0;
	height:25px;
}
#nav li:hover ul {
	right:0;
}
#nav li ul li:first-child a {
	padding:0 0 0 10px;
}
#nav li ul li a {
	padding:0;
	padding-right:10px;
	margin:0;
	width:218px;
	height:auto;
	line-height:25px;
	color:#fff;
}
#nav li ul li a:hover, #nav li ul li:hover > a {
	background:url(../images/hover-list.png) no-repeat right top;
	color:#3C3D41;/*#003c60;*/
}
#nav li ul li ul {
	width:200px;
	background:#3C3D41;/*#f8f8f8;*/
	right:170px;
	top:0;
	display:none;
}
#nav li ul li ul li {
	padding:0;
	margin:0;
}
#nav li ul li:hover ul {
	display:block;
	right:218px;
}
#nav li ul li ul li a {
	width:228px;
	color:#fff;/*#003c60;*/
}
#nav li ul li ul li a:hover, #nav li ul ul li:hover > a {
	color:#fff;
	background-color:#3C3D41;
	/*background:url(../images/bg-hover-list2.png) no-repeat left top;*/
}
/*
==============================================
content section
==============================================
*/
#content {
	width:100%;
	float:right;
	border: 1px solid #EEEEEE;
    background-color: #FFF;
}

#content1 {
	width:500px;
	float:none;
	padding-left:10px;
	padding-right:10;
}
/*
==============================================
banner section
==============================================
*/

#banner_wrapp {
	width:100%;
	float:right;
	/*height:380px;*/
	overflow:hidden;
	position:relative;
	margin-bottom:5px;
}
#banner {
	float:right;
	width:100%;
	position:relative;
	height:380px;
	z-index:5;
}
#banner_accordion {
	position:absolute;
	right:10px;
	background-color:#00A0DC;
	top:10px;
	z-index:10;
	width:230px;
}
.acord_box {
	width:230px;
	float:right;
	margin-bottom:2px;
	background:url(../images/bg-tran-1.png);
	overflow:hidden;
}
.hdaccor {
	width:215px;
	float:right;
	height:25px;
	background:#005590;
	text-align:right;
	padding-top:8px;
	cursor:pointer;
	padding-right:15px;
}
.hdaccor h2 {
	padding-bottom:0;
	font-size:13px;
	word-spacing:-1px;
}
.slideaccor {
	width:210px;
	float:right;
	padding-top:8px;
	padding:14px 11px 0 9px;
	height:242px;
}
.slideaccor h5 {
	font-size:24px;
	font-family:Arial, Helvetica, sans-serif;
	color:#fff;
	font-weight:normal;
	line-height:20px;
	letter-spacing:-1px;
	padding-bottom:14px;
}
.slideaccor ul li {
	float:right;
	width:210px;
}
.slideaccor ul {
	float:right;
	width:210px;
	margin-bottom:8px;
}
.slideaccor ul li a {
	display:block;
	float:right;
	line-height:19px;
	font-size:11px;
	color:#fff;
	text-decoration:none;
	padding-right:28px;
	width:182px;
	background:url(../images/sep-acord.gif) no-repeat 6px 6px;
}
.slideaccor ul li a:hover, .slideaccor ul li a.active {
	background:url(../images/sep-acord.gif) no-repeat 6px 6px #07405d;
}
.slideaccor h6 {
	font-size:11px;
	color:#fff;
	line-height:21px;
	margin-bottom:14px;
	background:url(../images/bg-tran-1.png);
	padding-right:10px;
	float:right;
	width:200px;
}
.slideaccor a.btn_banner1 {
	display:block;
	width:201px;
	height:32px;
	float:right;
	background:url(../images/btn-slide1.png) no-repeat right top;
	text-align:center;
	line-height:30px;
	font-size:13px;
	color:#000;
	text-decoration:none;
	margin-right:6px;
	margin-bottom:5px;
}
.slideaccor a.btn_banner2 {
	display:block;
	width:201px;
	height:32px;
	float:right;
	background:url(../images/btn-slide2.png) no-repeat right top;
	text-align:center;
	line-height:30px;
	font-size:13px;
	color:#fff;
	text-decoration:none;
	margin-right:6px;
	margin-bottom:5px;
	font-weight:bold;
}
/*
==============================================
Banner inner Page
==============================================
*/
#banner_wrapp_inner {
	width:100%;
	float:right;
	/*height:100%;*/
	margin-bottom:0px;
	overflow:hidden;
	position:relative;
}
#banner_inner {
	width:100%;
	height:250px;
	position:relative;
	overflow:hidden;
	z-index:10;
}
#heading_banner {
	position:absolute;
	right:14px;
	display:block;
	bottom:18px;
	background:url(../images/bg-heading-banner.png) no-repeat right top;
	width:171px;
	height:123px;
	text-align:center;
	font-size:60px;
	font-weight:bold;
	text-indent:-99999px;
	text-align:center;
	z-index:100;
	float:right;
}
#hd_news {
	position:absolute;
	right:14px;
	display:block;
	bottom:15px;
	background:url(../images/hd-news.png) no-repeat right top;
	width:304px;
	height:103px;
	text-align:center;
	font-size:60px;
	font-weight:bold;
	text-indent:-99999px;
	text-align:center;
	z-index:100;
	float:right;
}
#hd_gallery {
	position:absolute;
	right:14px;
	display:block;
	bottom:15px;
	background:url(../images/hd-gallery.png) no-repeat right top;
	width:334px;
	height:103px;
	text-align:center;
	font-size:60px;
	font-weight:bold;
	text-indent:-99999px;
	text-align:center;
	z-index:100;
	float:right;
}
#hd_contact {
	position:absolute;
	right:14px;
	display:block;
	bottom:15px;
	background:url(../images/hd-contactus.png) no-repeat right top;
	width:264px;
	height:93px;
	text-align:center;
	font-size:60px;
	font-weight:bold;
	text-indent:-99999px;
	text-align:center;
	z-index:100;
	float:right;
}
#hd_course {
	position:absolute;
	right:14px;
	display:block;
	bottom:18px;
	background:url(../images/hd-courses.png) no-repeat right top;
	width:171px;
	height:123px;
	text-align:center;
	font-size:60px;
	font-weight:bold;
	text-indent:-99999px;
	text-align:center;
	z-index:100;
	float:right;
}
/*
==============================================
Breadcrumb
==============================================
*/
.breadcrumb{
font-weight: bold ;
font-size:14px;
}

.breadcrumb a{
background: transparent url(../images/breadcrumb.gif) no-repeat center right;
text-decoration: none;
padding-right: 22px; /*adjust bullet image padding*/
color: #3F5F9C;
}

.breadcrumb a:visited, .breadcrumb a:active{
color: #3F5F9C;
}

.breadcrumb a:hover{
text-decoration: underline;
}
/*
==============================================
Side Nav
==============================================
*/
.side-nav{ list-style-type:none; list-style-position:outside; border-top:0px solid #efefef; width:100%; }
			.side-nav li{ border-bottom:1px solid #C2EEFB; padding-right:15px;}
			.side-nav li a:hover{background-color:whiteSmoke;}
			.side-nav li a{ display:block; padding:5px 0 5px 25px; background:#ffffff url(../images/bg-sidenav.gif) no-repeat 10px 12px; font-size:18px}
			.side-nav li.current a{ color:#000000; }
			.side-nav li.current a:hover{ text-decoration:none; }
			
/*
==============================================
Study Programs
==============================================
*/
.study_programs {
	width:100%;
	float:right;
	margin-bottom:11px;
	margin-right:11px;
}
.study_programs li {
	float:right;
	margin-right:10px;
	position:relative;
	height:156px;
	overflow:hidden;
}
.study_programs li:first-child {
	margin:0;
}
.study_programs li .programdetail {
	position:absolute;
	right:8px;
	width:299px;
	bottom:4px;
}
.study_programs li .programdetail .headingprogram {
	width:285px;
	padding-right:14px;
	height:25px;
	background:url(../images/bg_title_1.jpg);

	text-align:right;
	padding-top:8px;
	cursor:pointer;
}
.study_programs li .programdetail .headingprogram h2 {
	padding-bottom:0;
	line-height:18px;
}
.study_programs li .detailprogram {
	float:right;
	width:279px;
	padding:6px 10px;
	background:url(../images/bg-tran-1.png);
}
.study_programs li .detailprogram p {
	color:#fff;
	font-family:tahoma, arial, sans-serif;
	line-height:17px;
	padding:0;
	padding-bottom:6px;
}
.study_programs li .detailprogram .readmore {
	float:right;
	width:279px;
	border-top:1px solid #454542;
	padding-top:6px;
	
}
.study_programs li .detailprogram .readmore a {
	display:block;
	float:right;
	color:#fff;
	font-family:tahoma, arial, sans-serif;
	padding-right:10px;
	background:url(../images/sep-program.png) no-repeat right 4px;
	line-height:15px;
}

.readmore1 {
	float:right;
	width:279px;
	border-top:1px solid #454542;
	padding-top:6px;
	
}
.readmore1 a {
	display:block;
	float:right;
	color:#fff;
	font-family:tahoma, arial, sans-serif;
	padding-right:10px;
	background:url(../images/sep-program.png) no-repeat right 4px;
	line-height:15px;
}

.outer_row {
	width:100%;
	float:right;
	margin-bottom:10px;
}
.col-left {
	float:left;
	width:635px;
}
.col-left h2 {
	color:#002539;
	padding-bottom:6px;
	margin-bottom:10px;
	border-bottom:1px solid #ddd;
}
.col-left h3 {
	padding-bottom:3px;
}

.col-left h35 {
	padding-bottom:3px;
}

.col-left p {
	font-family:tahoma, arial, sans-serif;
	line-height:15px;
	padding-bottom:0;
}
.col-left p a {
	text-decoration:underline;
}
.col-left p a:hover {
	color:#999;
}
.spotlight_slider {
	float:left;
	width:310px;
}
.box_spotlight {
	float:left;
	width:310px;
	padding-bottom:14px;
	margin-bottom:14px;
	border-bottom:1px dotted #b8b8b8;
}
.box_spotlight img {
	float:left;
}
.box_spotlight .spot_desc {
	float:right;
	width:230px;
}
.news_slider {
	float:right;
	width:310px;
}
.news_box {
	width:310px;
	float:right;
	margin-bottom:16px;
}
.news_box span.date {
	display:block;
	float:right;
	background:#fff;
	text-align:center;
	width:48px;
	height:45px;
	padding-top:3px;
	border:1px solid #f1f1f1;
}
.news_box span.date img {
	display:block;
	margin:0 auto;
}
.news_box span.date strong {
	width:48px;
	float:right;
	color:#5f6060;
	line-height:14px;
	padding-top:2px;
}
.news_box .news_desc {
	width:252px;
	float:right;
}
.col-right {
	float:right;
	width:310px;
}
.newsletter {
	float:right;
	width:288px;
	margin-right:5px;
	height:100px;
	/*background:url(../images/bg-newsletter_big.jpg) no-repeat left top;*/
	padding:10px;
	margin-bottom:0px;
}
.newsletter_sub {
	float:right;
	width:288px;
	margin-right:5px;
	height:100px;
	background:url(../images/bg-newsletter_big_0.jpg) no-repeat right top;
	padding:10px;
	margin-bottom:0px;
}
.newsletter input {
	float:right;
	background:#fff;
	width:124px;
	height:15px;
	border:none;
	font-size:11px;
	padding:4px 10px;
	color:#999;
}
.newsletter a {
	display:block;
	float:left;
	width:59px;
	line-height:13px;
	color:#fff;
	font-weight:bold;
	text-align:center;

}
/*Search*/

.coursesearch {
	width:308px;
	float:left;
	border:1px solid #ddd;
}
.coursesearch h2 {
	background:#002539;
	line-height:33px;
	padding:0;
	padding-left:15px;
}
.coursesearch ul {
	float:left;
	width:288px;
	padding:8px 10px;
	padding-bottom:0;
}
.coursesearch ul li {
	float:left;
	width:288px;
	padding-bottom:11px;
}
.coursesearch ul li label {
	display:block;
	float:left;
	width:100%;
	font-size:12px;
	color:#004a72;
	font-weight:bold;
	line-height:17px;
	padding-bottom:3px;
}
.coursesearch ul li input.txt1 {
	float:left;
	width:266px;
	height:15px;
	padding:3px 10px;
	font-family:tahoma, arial, sans-serif;
	color:#999;
	font-size:11px;
	border:1px solid #d5d5d5;
}
.coursesearch ul li span {
	display:block;
	float:left;
}
.coursesearch ul li span.left {
	width:152px;
}
.coursesearch ul li span.right {
	width:130px;
	float:right;
}
.coursesearch ul li select {
	border:1px solid #ddd;
	float:left;
	padding:5px;
	height:27px;
	font-family:tahoma, arial, sans-serif;
	color:#999;
	font-size:11px;
}
.coursesearch ul li span.left select {
	width:150px;
}
.coursesearch ul li span.right select {
	width:130px;
}
.coursesearch ul li span.groupradio label {
	width:auto;
	font-size:11px;
	color:#333;
	padding:5px 10px 0 0;
	line-height:16px;
}
.coursesearch ul li span.groupradio label input {
	float:left;
	width:14px;
	height:14px;
	line-height:0;
	font-size:0;
	margin-right:6px;
	margin-top:1px;
}
.coursesearch ul li a.btn_search {
	display:block;
	float:left;
	background:url(../images/bg-btn-left.png) no-repeat left top;
	height:25px;
	line-height:25px;
	padding-left:23px;
	font-weight:bold;
	color:#fff;
	font-size:13px;
}
.coursesearch ul li a.btn_search span {
	padding-right:20px;
	cursor:pointer;
	background:url(../images/bg-btn-right.png) no-repeat right top;
}
/*
==============================================
left content section
==============================================
*/
#right-left{
	border: 1px solid #EEEEEE;
    background-color: #e3eaf1;
}
#left_content {
    width: 82%;
    float: left;
    padding-top: 5px;
    border: 1px solid #EEEEEE;
    background-color: #FFF;
	min-height : 800px;
}

#course_content {
	width:100%;
	float:left;
}
#left_content h1 {
	padding-bottom:12px;
}
.news_heading {
	float:right;
	width:100%;
}
.news_heading h1 {
	float:left;
	width:220px;
}
.news_heading p {
	float:right;
	line-height:18px;
	padding-bottom:0;
}
.blog_box {
	width:100%;
	float:left;
	margin-bottom:12px;

}
.blog_heading {
	width:100%;
	float:left;
	border:0px solid #00659b;
	background:url(../images/bg_title_sub_gif.gif);
	padding-left:9px;
	padding-top:6px;
	padding-bottom:6px;
	
}

.blog_heading1 {
	width:100%;
	float:left;
	border:0px solid #00659b;
	background:url(../images/bg_title_sub_gif.gif);
	padding-left:9px;
	padding-top:6px;
	padding-bottom:6px;
}

.blog_heading h2 {
	color:#fff;
	line-height:18px;
	padding:0;
}
.blog_heading h2 a {
	color:#fff;
}
.blog_date {
	width:100%;
	float:left;
	border:1px solid #ccc;
	border-top:0;
	border-bottom:0;
	background:#f0f0f0;
	padding-left:9px;
	padding-top:5px;
	padding-bottom:5px;
}
.blog_date p {
	float:left;
	width:480px;
	padding-bottom:0;
	line-height:20px;
}
.social_panel {
	float:right;
	width:220px;
}
.social_panel img {
	float:left;
	margin-right:6px;
	margin-left:7px;
}
.blog_content, .blog_detail, .news_content {
	width:100%;
	border:1px solid #fff;
	padding:9px;
	float:right;
	margin-top:10px;
	padding-bottom:0;
	text-align:justify;
	
}

.news_content {
	padding:9px 13px;
	padding-right:30px;
	width:85%;
	padding-bottom:0;
	font-size:20px;
	text-align:justify;
}

.news_content_image{
width:100%;
}

.blog_detail {
	padding-right:12px;
	width:698px;
}
.blog_detail img.align_left {
	float:left;
	margin-right:12px;
	margin-bottom:12px;
}
.news_content img.align_left {
	float:left;
	margin-right:12px;
	margin-bottom:12px;
}
.blog_content img.align_left {
	display:block;
	margin-bottom:8px;
}
.blog_content p {
	text-align:justify;
	word-spacing:1px;
	padding-right:4px;
	padding-bottom:15px;
}
.blog_detail p {
	text-align:justify;
	padding-bottom:15px;
	line-height:16px;
}
.news_content p {
	text-align:justify;
	line-height:30px;
	word-spacing:1px;
	float:right;
}
.pager {
	float:left;
	width:705px;
	border:1px solid #ccc;
	background:#f0f0f0;
	padding:4px 10px;
	padding-right:4px;
	margin-bottom:12px;
}
.pager ul {
	float:left;
}
.pager ul li {
	float:left;
	color:#004a72;
	font-size:12px;
	line-height:21px;
	font-weight:bold;
}
.pager ul li:first-child {
	padding-right:10px;
}
.pager ul li a {
	display:block;
	float:left;
	padding:0 7px;
}
.pager ul li a.active, .pager ul li a:hover {
	line-height:19px;
	border:1px solid #ccc;
	background:#fff;
	padding:0 6px;
	text-decoration:none;
}
.pager_arrow {
	float:right;
	width:55px;
}
.pager_arrow a {
	display:block;
	float:left;
	text-indent:-9999px;
	border:1px solid #ccc;
	height:19px;
	background:url(../images/img-pager-left.png) no-repeat center center #fff;
	width:19px;
	margin-left:4px;
}
.pager_arrow a.pagerright {
	background:url(../images/img-pager-right.png) no-repeat center center #fff;
}
#comments {
	float:left;
	width:100%;
}
.comment_heading {
	float:left;
	width:100%;
	padding-bottom:10px;
	margin-bottom:10px;
	border-bottom:1px solid #ccc;
}
.comment_heading h2 {
	float:left;
	color:#003f64;
	width:500px;
	line-height:25px;
	font-size:16px;
	padding-bottom:0;
}
.comment_heading h2 a {
	text-decoration:underline;
}
.comment_heading a.btn_replay {
	display:block;
	float:right;
	padding-left:23px;
	line-height:25px;
	background:url(../images/bg-btn-left.png) no-repeat left top;
	color:#fff;
	font-size:12px;
	font-weight:bold;
}
.comment_heading a.btn_replay span {
	display:block;
	float:left;
	padding-right:23px;
	background:url(../images/bg-btn-right.png) no-repeat right top;
}
.comment_main {
	float:left;
	width:100%;
}
.comment_box {
	float:left;
	width:100%;
	margin-bottom:10px;
}
.comment_box2 {
	float:left;
	width:691px;
	margin-bottom:10px;
	padding-left:30px;
}
.comment_box3 {
	float:left;
	width:631px;
	margin-bottom:10px;
	padding-left:90px;
}
.comment_main span.imguser {
	display:block;
	float:left;
	width:48px;
	border:1px solid #ccc;
}
.comment_main span.imguser img {
	float:left;
}
.comment_main .comment_description {
	float:right;
	width:638px;
	border:1px solid #ccc;
	padding:10px;
	padding-bottom:0;
}
.comment_main .comment_box2 .comment_description {
	width:608px;
	background:#f8fdff;
}
.comment_main .comment_box3 .comment_description {
	width:548px;
	background:#eef4f6;
}
.comment_main .comment_description p {
	text-align:justify;
}
.comment_main .comment_description .userinfo {
	padding-bottom:7px;
}
.comment_main .comment_description .userinfo h3 {
	float:left;
	padding-right:5px;
	line-height:16px;
	padding-bottom:0;
}

.comment_main .comment_description .userinfo h35 {
	float:left;
	padding-right:5px;
	line-height:16px;
	padding-bottom:0;
}

.comment_main .comment_description .userinfo span {
	padding-bottom:0;
	line-height:17px;
}
/*News*/

.newsarch {
	float:left;
	width:100%;
	margin-bottom:10px;
}
.newsarch li {
	float:left;
	padding-left:5px;
}
.newsarch li:first-child {
	padding-left:0;
}
.newsarch li a {
	display:block;
	float:left;
	border:1px solid #ccc;
	background:#fff;
	line-height:28px;
	font-weight:bold;
	color:#002539;
	font-size:12px;
	padding:0 12px 0 13px;
}
.newsarch li a:hover, .newsarch li a.active {
	color:#fff;
	background:#004a72;
	text-decoration:none;
}
/*Course*/

.course_intro {
	float:left;
	width:100%;
}
#left_content .course_intro h1 {
	padding-bottom:8px;
}
.course_intro p {
	color:#333;
	line-height:16px;
	text-align:justify;
	padding-bottom:15px;
}
.select_category {
	float:left;
	width:100%;
	margin-bottom:12px;
}
.select_category select {
	float:left;
	height:22px;
	padding:2px;
	border:1px solid #ccc;
	width:120px;
	font-size:11px;
	color:#747474;
	font-family:tahoma, arial, sans-serif;
}
.select_category p {
	float:left;
	padding-bottom:0;
	line-height:20px;
	color:#333;
	padding-left:12px;
}
/*Accordion*/
.course_accordion {
	width:100%;
	float:left;
	margin-bottom:12px;
}
.course_box {
	width:100%;
	float:left;
}
.accor_heading {
	width:100%;
}
.accor_heading h5:hover {
	background: url(../images/bg-accor2.png) no-repeat 8px 7px #004a72;
	color:#fff;
}
.accor_heading h5 {
	width:679px;
	float:left;
	background: url(../images/bg-accor1.png) no-repeat 8px 7px #eee;
	border:1px solid #cecece;
	padding:5px 10px;
	padding-left:30px;
	cursor:pointer;
	color:#000;
	font-size:14px;
	font-weight:bold;
	line-height:16px;
}
.downToggle h5 {
	background: url(../images/bg-accor3.png) no-repeat 8px 7px #004a72;
	color:#fff;
}
.accor_content {
	float:left;
	width:100%;
	padding-top:5px;
	padding-bottom:5px;
}
.accor_content li {
	float:left;
	width:100%;
	border-bottom:1px solid #e1f2fa;
	background:#f8f8f8;
	font-size:12px;
}
.accor_content li.hd {
	background:#006fab;
	color:#fff;
	font-weight:bold;
	font-size:11px;
}
.accor_content li.hd span.box1, .accor_content li.hd span.box3 {
	background:#005d8f;
}
.accor_content li span {
	display:block;
	float:left;
	text-align:center;
	line-height:30px;
}
.accor_content li span.box1 {
	width:83px;
	background:#fff;
}
.accor_content li span.box2 {
	width:351px;
	padding-left:16px;
	text-align:left;
}
.accor_content li span.box3 {
	width:154px;
	background:#fff;
}
.accor_content li span.box4 {
	width:117px;
}
.accor_content .note {
	width:691px;
	float:left;
	margin-top:12px;
	background:#f4ffd0;
	padding:8px 15px;
}
.accor_content .note p {
	padding-bottom:0;
	line-height:18px;
	font-family:tahoma, arial, sans-serif;
	color:#000;
}
.accor_content .note p strong {
	color:#ff0000;
}
/*
==============================================
right content section
==============================================
*/
#right_content {
	width:18%;
	float:right;
	border: 1px solid #EEEEEE;
    background-color: #FFF;
}
.banner_applynow {
	width:100%;
	float:left;
	margin-bottom:12px;
	position:relative;
}
.banner_applynow a, .banner_applynow img {
	display:block;
	float:left;
}
.banner_applynow span {
	display:block;
	float:left;
	position:absolute;
	right:5px;
	bottom:5px;
	background:url(../images/hd-applyow.png) no-repeat left top;
	width:113px;
	height:32px;
	text-indent:-9999px;
}
.category_box {
	width:100%;
	float:right;
	/*border-bottom:1px solid #C2EEFB;
	border-left:1px solid #C2EEFB;
	border-right:1px solid #C2EEFB;*/
	margin-bottom:10px;
	background:#FFF;
}
.category_box_otherlinks {
	width:100%;
	float:right;
	border-bottom:1px solid #C2EEFB;
	border-left:1px solid #C2EEFB;
	border-right:1px solid #C2EEFB;
	margin-bottom:10px;
	background:#f6fcff;
	display:none;
}
.heading_box {
	float:right;
	width:100%;
	background:url(../images/bg_title_1.jpg);
	padding:6px 10px;
}
.heading_box h2 {
	padding:0;
}
.heading_box_2 {
	float:left;
	width:100%;
	background:url(../images/bg_title_2.jpg);
	padding:6px 10px;
	/*display:none;*/
}
.heading_box_2 h2 {
	padding:0;
}
.heading_box_3 {
	float:left;
	width:100%;
	background:url(../images/bg_title_3.jpg);
	padding:6px 10px;
}
.heading_box_3 h2 {
	padding:0;
}
.content_box_search {
	width:100%;
	float:left;
	padding:12px 10px 8px 10px;
}
.content_box_search select {
	float:left;
	height:22px;
	padding:2px;
	border:1px solid #ccc;
	width:100%;
	font-size:11px;
	color:#747474;
	margin-bottom:12px;
	font-family:tahoma, arial, sans-serif;
	clear:both;
}
.content_box_search h3 {
	padding-bottom:5px;
}
.content_box_search input {
	float:left;
	width:184px;
	border:1px solid #d5d5d5;
	height:15px;
	padding:3px 10px;
	margin-bottom:12px;
}
.content_box_search a.btn_search_cate {
	display:block;
	float:left;
	padding-left:23px;
	line-height:25px;
	background:url(../images/bg-btn-left.png) no-repeat left top;
	color:#fff;
	font-size:12px;
	font-weight:bold;
}
.content_box_search a.btn_search_cate span {
	display:block;
	float:left;
	padding-right:23px;
	background:url(../images/bg-btn-right.png) no-repeat right top;
}
.content_box {
	float:left;
	width:100%;
	padding:4px 3px 4px 4px;
	/*display:none;*/
}
.content_box_rss {
	float:left;
	width:100%;
	padding:10px 3px 8px 12px;
}
.content_box_rss h5 {
	line-height:15px;
	padding-bottom:6px;
	font-size:11px;
	color:#999;
	font-family:tahoma, arial, sans-serif;
	font-weight:normal;
	background:url(../images/ico-rss.png) no-repeat left top;
	padding-left:22px;
}
.content_box_rss li {
	float:left;
	width:100%;
	padding-left:13px;
	background:url(../images/sep-list-right.gif) no-repeat 2px 6px;
	line-height:18px;
	padding-bottom:2px;
}
.content_box li {
	float:left;
	width:100%;
}
.content_box li a {
	display:block;
	float:right;
	font-weight:bold;
	line-height:25px;
	background:url(../images/sep-list-right.gif) no-repeat 9px 8px;
	padding-left:21px;
	/*color:#333;*/
}
.content_box li a:hover, .content_box li a.active {
	/*background:url(../images/bg-hover-list.png) no-repeat left top;*/
	line-height:25px;
	/*color:#fff;*/
	width:100%;
	text-decoration:underline;
	background-color:whiteSmoke;
}
/*
==============================================
footer section
==============================================
*/
#static_news_header{
	font-style:italic;
	font-size:12px;
	opacity:.57;
	padding-left:5px;
}
#static_news_text{
	color:black;
	font-weight:bold;
	font-size:12px;
	padding-left:7px;
	padding-right:7PX;
	
}
#outer_footer {
	width:100%;
	height:200px;
	/*background:url(../images/bg-footer.png) repeat-x left top #00456c;
	background-color:rgba(87, 87, 87, 1);background-color:#52b9e8;*/
		background-color: black;
	float:left;
}
/*#footer {
	width:80%;
	margin:0 auto;
	background-color:rgba(204, 204, 204, 1);
}
#left_footer {
	float:left;
	width:70%;
	/* [disabled]background:url(../images/bg-border-left.png) repeat-y right top; */
	/*height:121px;
	padding-right:2px;
	padding-top:15px;
}
#left_footer li {
	float:left;
	width:180px;
}

#footer {
    width: 100%;
    margin: 0 auto;
    background-color: #3C3D41;
	min-height:100%;
	border: 1px solid #666;
}

*/

#footer {
    width: 100%;
    margin: 0 auto;
    background-color: white;
    min-height: 100%;
    border: 1px solid #FFF;
    background-image: linear-gradient(to left, #009933 , #005ce6);
    color: #FFF;
}

#footer a{
    text-decoration:none;
	color:#FFF;
}
#footer a:hover{
    text-decoration:underline;
	color:#FFF;
}
#left_footer li {
    float: left;
    /*width: 30%;*/
    padding-right: 25px;
}
#left_footer {
    float: right;
    width: 100%;
    height: 100%;
    padding-right: 2px;
    padding-top: 15px;
}

#footelspan{

	opacity: 0.57;
	color: #FFF;
	font-size: 13px;
	font-weight:bold;
	padding-right:25px;
	
}

#left_footer li h2 {
	/*padding-bottom:8px;
	margin-bottom:8px;
	border-bottom:1px dashed #fff;*/
	color:#fff;
	line-height:25px;
}
#left_footer li a {
	display:block;
	float:right;
	font-family:tahoma, arial, sans-serif;
	color:#fff;
	padding-right:8px;
	background:url(../images/sep-program.png) no-repeat right 4px;
	line-height:15px;
}
#left_footer li ul li {
	padding-bottom:4px;
}
#right_footer {
	width:29%;
	padding-right:2px;
	float:right;

	height:136px;
}
.tweetbox {
	width:408px;
	float:left;
	padding-left:8px;
	height:76px;
	padding-top:8px;
}
.left_tweet {
	float:left;
	width:294px;
	background:#285d7d;
	padding: 9px 10px;
	padding-bottom:4px;
	color:#fff;
	font-family:tahoma, arial, sans-serif;
	position:relative;
}
.left_tweet em.shoutright {
	display:block;
	float:right;
	position:absolute;
	border-bottom: 10px solid #3d7ea4;
	border-left: 12px solid #285d7d;
	border-top: 10px solid #3d7ea4;
	right:-12px;
	width:0;
	height:0;
	top:50%;
	margin-top:-10px;
}
.left_tweet p {
	line-height:16px;
	padding-bottom:4px;
}
.left_tweet p a {
	color:#00b4ff;
}
.right_tweet {
	float:right;
	width:92px;
	text-align:center;
}
.right_tweet h3 {
	font-size:12px;
	color:#fff;
	padding-bottom:0;
	word-spacing:-1px;
}
.right_tweet h35 {
	font-size:12px;
	color:#fff;
	padding-bottom:0;
	word-spacing:-1px;
}
.bottom_links {
	width:416px;
	float:left;
	background:url(../images/bg-border.png) repeat-x top;
	padding-top:2px;
	height:50px;
}
.left_links {
	float:left;
	width:280px;
	padding-right:2px;
	height:37px;
	padding-top:36px;
}
.left_links li {
	float:left;
}
.left_links li a {
	color:#D3F4FE;
}
.left_links li p {
	color:#fff;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	padding-top:4px;
	padding-right:4px;
	padding-left:28px;
}
.left_links li p.widget1 {
	color:#fff;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	padding-top:4px;
	padding-right:4px;
	padding-left:22px;
}
.left_links li p.widget2 {
	color:#fff;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	padding-top:4px;
	padding-right:4px;
	padding-left:16px;
}
.right_links {
	text-align:left;
	width:210px;
	float:left;
	color:#fff;
	font-weight:bold;
	padding-top:15px;
	padding-left:15px;
}
.right_links h3 {
	font-size:16px;
	color:#285D7D;
	line-height:18px;
}
.right_links h35 {
	font-size:16px;
	color:#285D7D;
	line-height:18px;
}
.bottom_footer {
	width:100%;
	float:left;
	padding-top:12px;
}
.bottom_footer p {
	float:left;
/*	width:850px;*/
	color:#fff;
}
.bottom_footer a#topScroll {
	color:#fff;
	display:block;
	float:right;
	padding-right:27px;
	background:url(../images/btn-top.png) no-repeat right top;
	line-height:19px;
}
/*Contact us*/

#contact_us {
	float:left;
	width:938px;
	border:1px solid #ccc;
	background:url(../images/bg-trans1.png);
	padding:14px 10px;
	padding-bottom:0px;
	margin-bottom:20px;
}
.addressbox {
	width:906px;
	float:left;
	border:1px solid #ccc;
	background:url(../images/bg-trans1.png);
	padding:15px 10px 10px 20px;
	margin-bottom:10px;
}
.quickinquiry {
	width:938px;
	float:left;
}
.addressbox h2, .inquiry_form h2, .inquiry_note h2 {
	color:#003f64;
	line-height:16px;
	padding-bottom:14px;
}
.postal_address {
	float:left;
	width:300px;
}
.visitaddres {
	float:left;
	width:275px;
}
.postal_address ul li {
	float:left;
	width:100%;
	padding-bottom:10px;
	font-family:tahoma, arial, sans-serif;
	color:#222427;
}
.postal_address li span {
	display:block;
	float:left;
	width:17px;
	text-align:center;
	margin-top:6px;
}
.postal_address li .desc {
	float:left;
	width:210px;
	padding-left:12px;
}
.postal_address li p {
	line-height:18px;
	padding-bottom:0;
}
.postal_address li p strong {
	color:#08387f;
	line-height:22px;
}
.map_address {
	float:right;
	width:328px;
}
.map_address img {
	border:1px solid #ccc;
	float:left;
}
.inquiry_form {
	float:left;
	width:554px;
	border:1px solid #ccc;
	padding:20px;
	padding-bottom:14px;
	margin-bottom:12px;
}
.inquiry_form li {
	float:left;
	width:554px;
	line-height:25px;
	color:#575757;
}
.inquiry_form li div.left {
	float:left;
	width:268px;
	line-height:16px;
}
.inquiry_form li div.left input {
	width:246px;
	height:15px;
	background:#fff;
	border:1px solid #ccc;
	padding:3px 10px;
	margin-bottom:11px;
}
.inquiry_form li div.right {
	width:268px;
	float:right;
	line-height:16px;
}
.inquiry_form li div.right textarea {
	width:246px;
	height:82px;
	background:#fff;
	border:1px solid #ccc;
	padding:3px 10px;
	margin-bottom:10px;
	font-family:tahoma, arial, sans-serif;
	font-size:11px;
	overflow:auto;
	color:#999;
}
.inquiry_form li input.btn_submit {
	float:left;
	width:83px;
	height:25px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#fff;
	border:none;
	cursor:pointer;
	background:#004a72;
	margin-right:8px;
}
.inquiry_form li a {
	color:#575757;
}
.inquiry_note {
	float:right;
	width:314px;
	padding-top:6px;
}
.inquiry_note p {
	line-height:17px;
	padding-bottom:14px;
}
.inquiry_note li {
	line-height:18px;
	color:#333;
}
/*Gallery*/

#gallery {
	float:left;
	width:938px;
	border:1px solid #ccc;
	background:url(../images/bg-trans1.png);
	padding:14px 10px;
	padding-bottom:0px;
	margin-bottom:20px;
}
.heading_gallery {
	float:left;
	width:938px;
	padding-bottom:12px;
}
.heading_gallery h1 {
	float:left;
	width:100%;
	padding-bottom:0;
	padding-top:5px;
}
.heading_gallery ul {
	float:right;
}
.heading_gallery ul li {
	float:left;
	padding-left:10px;
}
.heading_gallery li a {
	display:block;
	float:left;
	line-height:25px;
	padding:0 12px;
	background:#004a72;
	border:2px solid #0074b3;
	color:#fff;
	font-weight:bold;
	font-size:14px;
}
.gallery_category {
	float:left;
	width:916px;
	background:#004a72;
	border:1px solid #0074b3;
	padding:3px 10px;
	margin-bottom:10px;
}
.gallery_category h2 {
	float:left;
	padding-bottom:0;
	padding-top:3px;
}
.select_gallery {
	float:right;
}
.select_gallery label {
	font-size:14px;
	font-weight:bold;
	color:#fff;
	line-height:20px;
	padding-right:8px;
	display:block;
	float:left;
}
.select_gallery select {
	float:left;
	height:22px;
	padding:2px;
	border:1px solid #ccc;
	width:160px;
	font-size:11px;
	color:#747474;
	font-family:tahoma, arial, sans-serif;
}
#content_gallery {
	float:left;
	width:936px;
	position:relative;
	overflow:hidden;
}
#content_gallery li {
	float:left;
	width:215px;
	height:140px;
	overflow:hidden;
	border:5px solid #ddd;
	margin-left:4px;
	margin-right:5px;
	margin-bottom:10px;
}
#content_gallery li a {
	display:block;
	float:left;
	position:relative;
	width:215px;
	height:140px;
	text-decoration:none;
}
#content_gallery li a span {
	display:none;
	float:left;
	width:195px;
	background:url(../images/bg-tran-1.png);
	color:#fff;
	font-size:11px;
	left:0;
	bottom:0;
	padding:5px 10px;
	z-index:10;
	height:20px;
	position:absolute;
}
#content_gallery li:hover {
	border:5px solid #006297;
}
#content_gallery li:hover span {
	display:block;
}
#content_gallery li img {
	float:left;
	position:relative;
	z-index:1;
}
#content_gallery li span {
}
.student_box img {
	float:left;
	margin-bottom:12px;
}
.student_box p {
	color:#fff;
	line-height:17px;
	padding-bottom:0;
}
.gridBorder
{
    border-left:1px solid #C3C3C3;
    border-right:1px solid #C3C3C3;
}
.Thank_kjo {
	font-weight: bold;
	text-decoration: underline;
}

.dropbtn
 {
    background-color: #fff;
    color: #3c3d41;
    padding: 5px;
	font-weight:bold;
    font-size: 16px;
	text-align: center;
    border: none;
}

.dropdown {
    position: relative;
    display: inline-block;
}
.dropdown:hover {
    cursor:pointer;
}
.dropdown-content {
    display: none;
    position: absolute;
    background-color: #FFFFFF;
    width: 200px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
	border:1px solid #CCC;

}

.dropdown-content a {
    color: black;
    text-decoration: none;
    display: block;
	font-weight:bold;
	font-size:14px;
	padding:20px;
}

.dropdown-content a:hover {background-color: #ddd}

.dropdown:hover .dropdown-content {
    display: block;
	cursor:pointer;
}

.dropdown:hover .dropbtn {
    background-color: #FFF;
}


.row {
    width: 100%;
	padding-left:7%;padding-right:7%;padding-bottom:3%;
}


/* Three image containers (use 25% for four, and 50% for two, etc) */
         .column {
         float: right;
         width: 32%;

		 
         /*height:400px;*/
         }
         /* Clear floats after image containers */
         .row::after {
         content: "";
         clear: both;
         display: table;
		 
         }
         html {
         box-sizing: border-box;
         }
         *, *:before, *:after {
         box-sizing: inherit;
         }
         .column {
         float: right;
         width: 25%;
         margin-bottom: 16px;
         padding: 0 8px;
         }
		 .column_dorra
		 {
			 float: left;
         width: 20%;
         margin-bottom: 16px;
         padding: 0 8px;
		 }
         @media screen and (max-width: 650px) {
         .column {
         width: 100%;
         display: block;
         }
         }
         .card {
         box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.6);
		 border: 1px solid #FFF; border-image: none; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px;
         }
		 .card_dorra {
         box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.6);
		 background-color:white;
		 height:300px;
         }
         .container {
         padding-left: 6%;
		 padding-right: 6%;
		 padding-top: 4%;
		 padding-bottom: 0px;
		 background-color:#fff;
		 color:#000;
		 margin-top: -3%;
         }
         .container::after, .row::after {
         content: "";
         clear: both;
         display: table;
         }
         .title {
         color: grey;
         }
         .button {
         outline: 0;
         display: inline-block;
         padding: 8px;
         color: #000;
         background-color:#FFF;/*#52b9e8;*/
         text-align: center;
         cursor: pointer;
         width: 70%;
		 height: 30px;
		 border: 1px solid #CCC;
		 padding: 5px;
		 border-radius: 25px;
		 text-align:center;
		 font-size:11px;
		 font-weight:bold;
         }
         .button:hover {
         background-color: #999;
		 border: 1px solid #fff;    padding: 5px;    border-radius: 25px;    text-align:center;
         }
		 .topnav {
  /*overflow: hidden;
  background-color: #e9e9e9;*/
}
.top-menu-links{
	padding:10px;
	font-size:10px;
	font-weight:bold;
	text-align:right;
}
.top-menu-plinks{
	padding:10px;
	font-size:10px;
	font-weight:bold;
}
.topnav a {
  float: left;
  display: block;
  color: black;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
  font-size: 17px;
}

.topnav a:hover {
  background-color: #ddd;
  color: black;
}

.topnav a.active {
  background-color: #2196F3;
  color: white;
}

.topnav .search-container {
  float: right;
}

.topnav input[type=text] {
  padding: 6px;
  margin-top: 8px;
  font-size: 17px;
  border: none;
}

.topnav .search-container button {
  float: right;
  padding: 6px 10px;
  margin-top: 8px;
  margin-right: 16px;
  background: #ddd;
  font-size: 17px;
  border: none;
  cursor: pointer;
}

.topnav .search-container button:hover {
  background: #ccc;
}

@media screen and (max-width: 600px) {
  .topnav .search-container {
    float: none;
  }
  .topnav a, .topnav input[type=text], .topnav .search-container button {
    float: none;
    display: block;
    text-align: left;
    width: 100%;
    margin: 0;
    padding: 14px;
  }
  .topnav input[type=text] {
    border: 1px solid #ccc;  
  }
}

.news-heading
{
	color:#333;
	font-size:100%;
	text-align:right;
	width:100%;
	height:50px;
	min-height:40px;
	max-height:50px;
}
.news-text{
	height:75px;
	color:#999;
	font-size:100%;
	text-align:justify;
}
.button-main{
	text-align:center;
}

.newsimage
{
	width:100%;
	height:150px;
}
@media (max-device-width: 899px) {
.newsimage
{
	width:100%;
	height:100px;
}
#wrapper {
	width:85%;
	margin:0 auto;
}
}
.newsimage-banner
{
	width:100%;
	height:300px;
}
.container-banner {
    position: relative;
    text-align: center;
	background-color:white;
}

.container-banner-center {
    position: absolute;
    top: 83%;
    right: 1%;
    color: #fff;
    font-size: 250%;
    font-weight: bold;
    /*transform: translate(-50%, -50%);*/
    line-height: 120%;
    background-color: #3C3D41;
    padding-left: 2px;
    padding-right: 2px;
	opacity : .9;
}

@media (max-device-width: 899px) {

.container-banner-center {
	font-size:250%;
	font-weight:bold;
	/*transform:translate(-50%,-50%);*/
	line-height:120%;
}


}
.container-text {
    position: relative;
    text-align: center;
    
}
.top-left-technology {
    position: absolute;
    top: 8px;
    right: 16px;
	color: white;
	background-color:#0053A1;
	font-size:10px;
	font-weight:bold;
	padding-left:5px;
	padding-right:5px;
	border-radius:5px;
}
.top-left-explorers {
    position: absolute;
    top: 8px;
    right: 16px;
	color: white;
	background-color:#A17D00;
	font-size:10px;
	font-weight:bold;
	padding-left:5px;
	padding-right:5px;
	border-radius:5px;
}
.top-left-updates {
    position: absolute;
    top: 8px;
    right: 16px;
	color: white;
	background-color:#0053A1;
	font-size:10px;
	font-weight:bold;
	padding-left:5px;
	padding-right:5px;
	border-radius:5px;
}
.top-left-training {
    position: absolute;
    top: 8px;
    right: 16px;
	color: white;
	background-color:rgba(161, 125, 0, 1);
	font-size:10px;
	font-weight:bold;
	padding-left:5px;
	padding-right:5px;
	border-radius:5px;
}
.top-left-management {
    position: absolute;
    top: 8px;
    right: 16px;
	color: white;
	background-color:rgba(33, 150, 243, 1);
	font-size:10px;
	font-weight:bold;
	padding-left:5px;
	padding-right:5px;
	border-radius:5px;
}
.top-left-visits {
    position: absolute;
    top: 8px;
    right: 16px;
	color: white;
	background-color:rgba(33, 150, 243, 1);
	font-size:10px;
	font-weight:bold;
	padding-left:5px;
	padding-right:5px;
	border-radius:5px;
}
.top-left-recognitions {
    position: absolute;
    top: 8px;
    right: 16px;
	color: white;
	background-color: #063;
	font-size:10px;
	font-weight:bold;
	padding-left:5px;
	padding-right:5px;
	border-radius:5px;
}
.top-left-congratulations {
    position: absolute;
    top: 8px;
    right: 16px;
	color: white;
	background-color: #6C9;
	font-size:10px;
	font-weight:bold;
	padding-left:5px;
	padding-right:5px;
	border-radius:5px;
}
.top-left-occasions {
    position: absolute;
    top: 8px;
    right: 16px;
	color: white;
	background-color: #369;
	font-size:10px;
	font-weight:bold;
	padding-left:5px;
	padding-right:5px;
	border-radius:5px;
}
.top-left-appointments {
    position: absolute;
    top: 8px;
    right: 16px;
	color: white;
	background-color: #F9C;
	font-size:10px;
	font-weight:bold;
	padding-left:5px;
	padding-right:5px;
	border-radius:5px;
}
.top-left-retirement {
    position: absolute;
    top: 8px;
    right: 16px;
	color: white;
	background-color:#CCCC99);
	font-size:10px;
	font-weight:bold;
	padding-left:5px;
	padding-right:5px;
	border-radius:5px;
}

.top-left-env {
    position: absolute;
    top: 8px;
    right: 16px;
	color: white;
	background-color:#00A100;
	font-size:10px;
	font-weight:bold;
	padding-left:5px;
	padding-right:5px;
	border-radius:5px;
}
.top-left-safety {
    position: absolute;
    top: 8px;
    right: 16px;
	color: white;
	background-color:#A1007C;
	font-size:10px;
	font-weight:bold;
	padding-left:5px;
	padding-right:5px;
	border-radius:5px;
}

.top-left-oilgas {
    position: absolute;
    top: 8px;
    right: 16px;
	color: white;
	background-color:#F60;
	font-size:10px;
	font-weight:bold;
	padding-left:5px;
	padding-right:5px;
	border-radius:5px;
}
.top-left-security {
    position: absolute;
    top: 8px;
    right: 16px;
	color: white;
	background-color:#FF0000;
	font-size:10px;
	font-weight:bold;
	padding-left:5px;
	padding-right:5px;
	border-radius:5px;
}
.top-left-society {
    position: absolute;
    top: 8px;
    right: 16px;
	color: white;
	background-color:#CC0;
	font-size:10px;
	font-weight:bold;
	padding-left:5px;
	padding-right:5px;
	border-radius:5px;
}
.top-left-government {
    position: absolute;
    top: 8px;
    right: 16px;
	color: white;
	background-color:#C3F;
	font-size:10px;
	font-weight:bold;
	padding-left:5px;
	padding-right:5px;
	border-radius:5px;
}
.top-left-health {
    position: absolute;
    top: 8px;
    right: 16px;
	color: white;
	background-color:#339933;
	font-size:10px;
	font-weight:bold;
	padding-left:5px;
	padding-right:5px;
	border-radius:5px;
}
.top-left-corporate {
    position: absolute;
    top: 8px;
    right: 16px;
	color: white;
	background-color:#99CC33;
	font-size:10px;
	font-weight:bold;
	padding-left:5px;
	padding-right:5px;
	border-radius:5px;
}


.load-more {
    background-color: #0053A1;
    color: white;
    font-size: 16px;
    font-weight: bold;
    line-height: 273%;
    vertical-align: middle;
    text-align: center;
    padding-left: 7%;
    padding-right: 7%;
    width: 85%;
	opacity:.3;
	cursor:pointer;
}

/*.email-text
{
	border: 0px currentColor; 
	border-image: none; 
	width: 80%; 
	height: 37px; 
	color: #FFF; 
	padding-right: 25px; 
	font-size: 16px; 
	background-color: grey;
	margin-right:10%;
}*/

.email-text {
    border: 0px currentColor;
    border-image: none;
    width: 80%;
    height: 37px;
    color: #FFF;
    padding-left: 25px;
    font-size: 16px;
    background-color: #b3d9ff;
    margin-left: 10%;
}

.search-text
{
	border: 0px currentColor; 
	height: 37px; 
	color: #666; 
	padding-right: 5%; 
	font-size: 16px; 
	background-color: #FFF;
	width:80%;
	border-image: none;
}


        /*jssor slider loading skin spin css*/
        .jssorl-009-spin img {
            animation-name: jssorl-009-spin;
            animation-duration: 1.6s;
            animation-iteration-count: infinite;
            animation-timing-function: linear;
        }

        @keyframes jssorl-009-spin {
            from { transform: rotate(0deg); }
            to { transform: rotate(360deg); }
        }

        /*jssor slider bullet skin 052 css*/
        .jssorb052 .i {position:absolute;cursor:pointer;}
        .jssorb052 .i .b {fill:#000;fill-opacity:0.3;}
        .jssorb052 .i:hover .b {fill-opacity:.7;}
        .jssorb052 .iav .b {fill-opacity: 1;}
        .jssorb052 .i.idn {opacity:.3;}

        /*jssor slider arrow skin 053 css*/
        .jssora053 {display:block;position:absolute;cursor:pointer;}
        .jssora053 .a {fill:none;stroke:#fff;stroke-width:640;stroke-miterlimit:10;}
        .jssora053:hover {opacity:.8;}
        .jssora053.jssora053dn {opacity:.5;}
        .jssora053.jssora053ds {opacity:.3;pointer-events:none;}
		
		/*table {
     border-collapse: collapse;
}
*/
 table {
    
     border: 1px solid #CCC;
}

.hr{
	padding-left:5px;
	padding-right:5px;
	color:#CCC;
	border-color:#CCC;
	width:98%;
	border-style:solid;
	opacity:.5;
}


.social-top {
    width: 30px;
    height: 30px;
    vertical-align: middle;
    padding: 6px;
}

.banner-header {
/*	opacity:.5;*/
    position: absolute;
    top: 8%;
    right: 4%;
    width: 30%;
    height: 6%;
    background-color: #2196F3;
	color:#FFF;
    font-family: Oswald,sans-serif;
    font-size: 14px;
    font-weight: bold;
    text-align: center;
    vertical-align: middle;

}

.page-banner{
	width:100%;
	height:400px;
}

.news-td{
border:	1px solid #EEEEEE;
width:25%;
vertical-align:middle;
padding:4px;
}

.news-td-image{
vertical-align:middle;
width:185px;
height:130px;

}

.headingTD{
	border:	1px solid #EEEEEE;
	padding:4px;
	vertical-align:middle;
}

.event-heading {
    font-size: 95%;
    line-height: 16px;
    text-align: center;
    color: #285d7d;
    padding: 10px;
	width:25%;
	border:1px solid grey;
}

.event-image
{
width:100%;
height:150px;
padding:10px;
}
.event-desc{
padding:10px;
font-size:80%
}

.mainTable{
border:0px;
width:100%;
}

.headerTD
{
}

.bannerTD
{
}

.contentTD
{
background-color:#FFF;
}

.footerTD
{
background-color:white;
}

.logoTD{
    vertical-align: middle;
    border: 1px #CCC;
    box-sizing: border-box;
    text-align: center;
}

.logo-img
{
width:100%;
}

@media (min-width: 901px) {
    #wrapper {
	width:1204px;
	max-width: 80rem;
	max-width: 1280px;
	margin: 0 auto;
}
}
@media (max-device-width: 899px) {
.newsimage{	width:100%;	height:100px;}
#wrapper {width:85%;margin:0 auto;}
.news_content {	width:100%;}
}

@media (max-device-width: 899px) {

.container-banner-center {
	font-size:250%;
	font-weight:bold;
	transform:translate(-50%,-50%);
	line-height:120%;
}

.social-top {
    width: 10px;
    height: 10px;
    padding: 0px;
}
}

.footer_logo{
	width:100%;
	padding:5px;
}

.copyright {
    font-size: 20px;
}

.button_subs {
    border: 0px currentColor;
    border-image: none;
    width: 60%;
    height: 20px;
    color: black;
    padding-left: 0px;
    font-size: 14px;
    margin-top: 10px;
    margin-left: 10%;
    -ms-text-underline-position: below;
    background-color: #b3d9ff;
    border-radius: 5px;
}