/*
=======================================================================
	Design tokens (colors / type) + mobile-first base
=======================================================================
*/
:root {
	--c3-green: #6FA82C;
	--c3-blue: #0B3D6B;
	--c3-teal: #0086b2;
	--c3-text: #444;
	--c3-font: 'Be Vietnam Pro', Tahoma, Geneva, Arial, sans-serif;
}
/*
=======================================================================
	General Rules
=======================================================================
*/
* {
	padding:0px;
	margin:0px;
}
body {
	background:#F7F9FB;
	font-family: var(--c3-font);
	font-size:14px;
	line-height: 1.5;
	color: var(--c3-text);
}
img {
	max-width: 100%;
	height: auto;
}
a {
	color:#333;
	text-decoration:none;
	outline:none;
	box-shadow:none;
	forced-color-adjust: none;
	-webkit-tap-highlight-color: transparent;
}
a img {
	border:none;
}
.clear {
	clear:both;
}
.bold {
	font-weight:bold;
}
.black {
	color:black;
}
ul, li {
	list-style-type:none;
	list-style-image:none;
}

h1 {
	font-size:28px;
	font-weight:700;
	line-height: 1.3;
	color: var(--c3-blue);
}
h2 {
	font-size:22px;
	font-weight:600;
	line-height: 1.3;
	color: #333;
}
h3 {
	font-size:17px;
	font-weight:600;
	line-height: 1.4;
}
h4 {
	font-size:16px;
	font-weight:600;
}
h5 {
	font-size:15px;
	font-weight:600;
}
h6 {
	font-size:14px;
	font-weight:600;
}
p {
	line-height:18px;
}
.left {
	float:left !important;
}
.right {
	float:right !important;
}
.white {
	color:#fff;
}
input {
}
.itlc {
	font-style:italic;
}
.colr {
	color:#0086b2 !important;
}
/*
=======================================================================
	
=======================================================================
*/

.nobdr {
	border:none!important;
}
/*
=======================================================================
	Wrapper Section Rules
=======================================================================
*/
#wrapper_sec {
	width:976px;
	margin:0px auto;
	background:#FFF;
	box-shadow:0px 0px 5px #333;
}
#bg {
	width:100%;
}
#bottomsec {
	width:100%;
	background-image:url(../images/botmsecbg.png);
	background-position:center top;
	background-color:#070707;
	background-repeat:repeat-x;
	height:110px;
}
/*
=======================================================================
	MasterHead Rules
=======================================================================
*/
#masterhead {
	width:976px;
	height:100px;
	float:left;
	padding-bottom:10px;
	background-color: #fff;
}
.banner-header{background:url('../images/banner-top-50-nam.jpg') no-repeat left top;height:180px;}
.banner-header marquee{font-size:25px;padding-top:115px;width:580px;margin-left:150px;color:#89ab20;font-weight:bold;}
/*
=======================================================================
	Logo Rules
=======================================================================
*/
.logo {
	float:left;
	padding:18px 10px 0px 10px;
}
/*
=======================================================================
	right header Rules
=======================================================================
*/

.topright_sec {
	float:right;
	width:auto;
}
/*
=======================================================================
	Top Navigation Rules
=======================================================================
*/
.topnavigation {
	width:auto;
	height:30px;
	float:right;
	padding-bottom:8px;
}
.topnavigation ul {
	float:left;
}
.topnavigation ul li {
	background-image:url(../images/toplinksbg_02.png);
	background-repeat:repeat-x;
	height:30px;
	float:left;
}
.topnavigation ul li.first {
	background-image:url(../images/toplinksbg_01.png);
	background-repeat:no-repeat;
	width:5px;
	height:30px;
}
.topnavigation ul li.last {
	background-image:url(../images/toplinksbg_03.png);
	background-repeat:no-repeat;
	width:5px;
	height:30px;
}
.topnavigation ul li a {
	background-image:url(../images/toplinks_sep.jpg);
	background-repeat:no-repeat;
	background-position:right;
	color:#717171;
	line-height:30px;
	padding:0 8px 0 9px;
	font-size:11px;
	float:left;
}
.topnavigation ul li a:hover {
	color:#000;
}

.topnavigation ul li a img {
	padding-top:6px;
}
/*
=======================================================================
	Seach
=======================================================================
*/

.top_search {
	position:relative;
	height:51px !important;
	float:right;
	width:327px;
	padding-bottom:15px;
}
.advance_search {
	position:relative;
	height:25px !important;
	float:left;
	line-height:25px;
	width:327px;
	text-align:right;
}
.advance_search a {
	font-size:10px;
	color:#5f5f5f;
	text-decoration:underline;
}
.top_search ul {
	float:left;
	width:330px;
}
.top_search li {
	float:left;
}
.top_search input {
	background-color:#f3f3f3;
	line-height:24px;
	height:23px;
	width:219px;
	border:solid 1px #d5d5d5;
	float:left;
	margin-right:6px;
	padding:0 9px;
}
a.search {
	background-image:url(../images/search_icon.png);
	background-repeat:no-repeat;
	background-position:13px 7px;
	width:55px;
	height:25px;
	background-color:#89ab20;
	display:inline-block;
	float:left;
	color:#fff;
	line-height:25px;
	padding-left:28px;
	font-weight:bold;
}
/*
=======================================================================
	Content Section Rules
=======================================================================
*/
#content_section {
	float:left;
	width:960px;
	padding:0px 8px;
}
#content_sec1 {
	width:100%;
	padding-top:31px;
	float:left;
	padding-bottom:24px;
}
/*
=======================================================================
	Col Section Rules
=======================================================================
*/
#contentContainer {width: 100%; border: 1px solid #fff; border-width:0 0 1px;

                   background: #f5f5f5;
}

#content {padding:30px 0 0; margin:0 auto;  max-width:960px; background: #f8f8f8;overflow: hidden;

          border-color: #fff;
          border-style: solid;
          border-width: 0 1px;
          box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
          padding: 30px 26px;
}
.calnk a:hover span span.event-content-break {
    width:96%;
    text-align:center;
    height:1px;
    margin-top:5px;
    margin-right:2%;
    padding:0;
    background-color:#000000;
    margin-left:0px;
}
.col1 {
	width:710px;
	float:left;
	padding-top:10px;
}
.col2 {
	width:240px;
	padding-top:10px;
	float:right;
}
/*
=======================================================================
	New Updates Rules
=======================================================================
*/
.news_updates {
	width:958px;
	background-image:url(../images/newsbg.gif);
	background-repeat:repeat-y;
	height:26px;
	border:solid 1px #fff;
	clear:both;
	margin:0 auto;	
}
.news_update {
	width:70px;
	display:inline-block;
	color:#fff;
	float:left;
	margin:1px;
	background:#0086b2;
	text-align:center;
	padding:5px 0px;
}
.news_updates .news_date {
	padding:5px 9px;
	color:#999999;
	float:left;	
}
.news_des {
	color:#08387f;
	float:left;
	padding:5px 10px 5px 0px;	
}
.news_des a {
	color:#08387f;
}
.next {
	float:right;
	margin-top:7px;
	padding-right:7px;
}
/*
=======================================================================
	Banner Rules
=======================================================================
*/
#banner {
	height:320px;
	padding-top:0px;
	padding-bottom:10px;
	position:relative;
	width:710px;
}
#banner .contentdiv {
	visibility: hidden; /*leave as is*/
	position: relative; /*leave as is*/
	left: 0;  /*leave as is*/
	top: 0;  /*leave as is*/
	width: 710px; /*width of content DIVs within slider. Total width should equal slider's inner width (390+5+5=400) */
	height:320px;
}
.banner_des {
	width:520px;
	height:66px;
	padding-right:167px;
	color:#fff;
	padding-left:20px;
	padding-top:12px;
	position:absolute;
	bottom:1px;
	left:1px;
	background-image:url(../images/bannerdesc.png);
}
.banner_des h4 {
	font-weight:bold;
	padding-bottom:2px;
	color:#fff!important;
}
.banner_des p {
	padding-right:80px;
}
#slider2 {
	width:710px;
	position:relative;
	padding-top:0px;
	margin:auto;
	height:320px;
	overflow:hidden;
}
.pagination {
	width:auto; /*Width of pagination DIV. Total width should equal slider's outer width (400+10+10=420)*/
	float:right;
	right:15px;
	bottom:27px;
	z-index:9999;
	position:absolute;
}
.pagination a {
	background:#08387f;
	width:23px;
	line-height:23px;
	text-align:center;
	line-height:23px;
	color:#fff;
	display:inline-block;
	margin-right:1px;
	font-weight:bold;
}
.pagination a:hover, .pagination a.selected {
	background-color:#000;
}
.pagination a:hover, .pagination a.selected {
	background-color:#000;
}
.pagination a.prev {
	font-size:0px;
	display:none;
}
.pagination a.next {
	font-size:0px;
	display:none;
}
#banner1 {
	width:710px;
	height:210px;
	padding-bottom:10px;
	position:relative;
}
#banner1 .heading {
	position:absolute;
	background-image:url(../images/bannerdesc.png);
	left:1px;
	bottom:11px;
	width:680px;
	height:37px;
	padding-left:22px;
	padding-top:14px;
}
#banner1 .heading h1 {
	font-weight:bold;
	font-size:22px;
	color:#fff!important;
}
/*
=======================================================================
	Content Rules
=======================================================================
*/

.content_links {
	width:708px;
	height:26px;
	float:left;
	margin-bottom:10px;
	background:#e7f1ff;
	border:solid 1px #bbc1c4;
}
.content_links ul {
	float:left;
}
.content_links ul li {
	background-image:url(../images/barsep.jpg);
	background-repeat:no-repeat;
	background-position:right;
	float:left;
	height:26px;
}
.content_links ul li a {
	line-height:26px;
}
.content_links ul li a.our_university {
	padding-left:28px;
	background-image:url(../images/our_university.png);
	background-repeat:no-repeat;
	background-position:9px 8px;
	width:87px;
	display:inline-block;
}
.content_links ul li a.admission {
	padding-left:27px;
	background-image:url(../images/admission.png);
	background-repeat:no-repeat;
	background-position:11px 7px;
	width:77px;
	display:inline-block;
}
.content_links ul li a.accommodaiton {
	padding-left:26px;
	background-image:url(../images/account.png);
	background-repeat:no-repeat;
	background-position:9px 6px;
	width:106px;
	display:inline-block;
}
.content_links ul li a.community {
	padding-left:33px;
	background-image:url(../images/community.png);
	background-repeat:no-repeat;
	background-position:11px 7px;
	width:82px;
	display:inline-block;
}
.content_links ul li a.schorship {
	padding-left:31px;
	background-image:url(../images/scholarship.png);
	background-repeat:no-repeat;
	background-position:9px 5px;
	width:88px;
	display:inline-block;
}
.content_links ul li a.take_tour {
	padding-left:37px;
	background-image:url(../images/take_tour.png);
	background-repeat:no-repeat;
	background-position:9px 8px;
	width:86px;
	display:inline-block;
}
.content_links ul li.last {
	width:123px;
	float:left;
	background:none!important;
	height:26px;
}
/*
=======================================================================
	Content Heading Rules
=======================================================================
*/
.content_heading {
	width:100%;
	float:left;
	padding-top:11px;
	padding-bottom:12px;
}
.heading {
	width:587px;
	float:left;
}
.heading h2 {
	color:#08387f;
	padding:0px;
	margin:0px;
}
.text {
	font-weight:bold;
	color:#628201
}
.share {
	float:right;
	background-image:url(../images/sharewithfrnds.gif);
	background-repeat:no-repeat;
	width:123px;
	height:17px;
}
.share a {
	background-image:url(../images/shareicon.gif);
	background-repeat:no-repeat;
	background-position:4px 3px;
	line-height:16px;
	padding:0 0 0 20px;
	display:inline-block;
	width:103px;
	height:17px;
	display:inline-block;
	font-size:10px;
}
.col1 p {
	padding-bottom:18px;
}
/*
=======================================================================
	Content Block Rules
=======================================================================
*/
.contentblock {
	width:100%;
	float:left;
	padding-top:8px;
}
.tabwrapper {
	width:350px;
	float:left;
}
.tabs_links {
	width:350px;
	height:34px;
	padding-bottom:2px;
}
.tabs_links ul {
	float:left;
	margin-left:1px;
}
.tabs_links ul li {
	float:left;
	margin-top:2px;
}
.tabs_links ul li a {
	display:inline-block;
	line-height:33px;
	padding:0 22px;
	font-size:14px;
	margin-top:2px;
	color:#222427;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	background-position:right;
	background-image:url(../images/tabsep.jpg);
	background-repeat:no-repeat;
}
.tabs_links ul li a.first {
	display:inline-block;
	line-height:33px;
	padding:0 22px;
	font-size:14px;
	margin-top:2px;
	background-position:right;
	background-image:url(../images/tabsep.jpg);
	background-repeat:no-repeat;
}
.tabs_links ul li a.last {
	display:inline-block;
	line-height:33px;
	padding:0 24px;
	font-size:14px;
	margin-top:2px;
	background-position:right;
	background-image:url(../images/tabsep.jpg);
	background-repeat:no-repeat;
}
.tabs_links ul li a:hover, .tabs_links ul li.active a {
	background-color:#f7f7f7;
	background-image:none;
	border-left:solid 1px #d5d5d5;
	border-right:solid 1px #d5d5d5;
	border-top:solid 1px #d5d5d5;
	padding:0 20px 0 22px;
	line-height:32px;
	color:#0086b2;
	position:relative;
	left:-1px;
}
.tab_content {
	width:348px;
	background-color:#f7f7f7;
	border:solid 1px #d5d5d5;
	padding-bottom:16px;
}
.tab_content ul {
	padding:10px 0 0 15px;
	float:left;
}
.tab_content li {
	width:322px;
	float:left;
	padding:12px 0 2px 1px;
	border-bottom: solid 1px #e1e1e1;
}
.tab_content li .thumb {
	width:55px;
	padding-top:7px;
	float:left;
}
.tab_content li .thumb img {
	border:solid 1px #d5d5d5;
}
.tab_content li .descripton {
	width:253px;
	float:right;
}
.tab_content li .descripton h6 {
	font-size:11px;
	padding-bottom:6px;
	color:#3a5998;
	font-weight:bold;
}
.tab_content li .descripton h6 a {
	color:#3a5998;
}
.tab_content li .descripton em {
	color:#999999;
}
.tab_content li .descripton {
	width:253px;
	float:right;
}
.tab_content li .descripton p {
	width:253px;
	padding-top:1px;
	padding-bottom:10px!important;
	float:right;
}
/*
=======================================================================
	Seaqrch Course Rules
=======================================================================
*/


.search_course {
	width:350px;
	float:right;
}
.search_course h4 {
	font-size:14px;
	color:#08387f;
	padding-bottom:6px;
	font-weight:bold;
}
.search_course p {
	color:#666666;
	padding-bottom:13px!important;
}
.search_course p a {
	color:#3a5998;
	text-decoration:underline;
	padding-bottom:10px!important;
}
.box {
	width:348px;
	background:#c3f0ff;
	padding-top:4px;
	border:solid 1px #d5d5d5;
	padding-bottom:4px;
}
.search_option {
	width:340px;
	margin:auto;
	height:73px;
	background-color:#fff;
}
.search_option ul.option {
	padding:13px 0 0 11px;
	width:318px;
	float:left;
}
ul.option li {
	float:left;
}
ul.option li input {
	padding:0 10px;
	margin-right:8px;
	line-height:23px;
	height:23px;
	border: solid 1px #d5d5d5;
	float:left;
	width:205px;
	color:#5f5f5f;
}
.search_option ul.advance_option {
	float:left;
	padding-top:12px;
}
.search_option ul.advance_option li {
	float:left;
	background-position:right;
	background-image:url(../images/sep3.jpg);
	background-repeat:no-repeat;
	background-position: right;
	padding:0 12px;
}
ul.advance_option li a {
	font-size:10px;
	color:#5f5f5f;
}
ul.advance_option li a:hover {
	color:#08387f;
}
ul.advance_option li.selected a {
	color:#08387f;
	border-bottom:solid 1px;
}
.nobg {
	background-image:none!important;
}
/*
=======================================================================
	Degree Type Rules
=======================================================================
*/

.degree_type {
	width:158px;
	float:left;
	padding-left:16px;
}
.degree_type ul, .resident_type ul {
	padding-bottom:11px;
	float:left;
}
.degree_type h5, .resident_type h5 {
	font-size:12px;
	color:#08387f!important;
	float:left;
	font-weight:bold;
	padding-top:17px;
	padding-bottom:15px;
}
.degree_type li, .resident_type li {
	padding-bottom:11px;
	width:100%;
	float:left;
}
.degree_type li span, .resident_type span {
	float:left;
	font-weight:bold;
	color:#666666;
}
.degree_type li .radiobutton, .resident_type .radiobutton {
	float:left;
	margin-right:8px;
}
.resident_type .select_country {
	width:149px;
	height:23px;
	background-image:url(../images/selectbg.jpg);
	background-repeat:repeat-x;
	background-position:center;
	float:left;
	border:solid 1px #d0d8bf;
	color:#a9a8a8;
	padding:2px 3px 2px 7px;
}
.resident_type {
	width:158px;
	float:left;
}
.apply_now {
	width:320px;
	height:31px;
	background-color:#89ab20;
	margin:auto;
	padding:0 10px;
	line-height:31px;
}
.aply_now {
	background-image:url(../images/apply.png);
	background-repeat:no-repeat;
	background-position:left 6px;
	padding-left:26px;
	font-size:12px;
	font-weight:bold;
	color:#fff;
	display:inline-block;
	line-height:31px;
}
.find_out_how {
	float:right;
	color:#fff;
	text-decoration:underline;
}
/*
=======================================================================
	Right cols Type Rules
=======================================================================
*/
.ads {
	width:240px;
	float:left;
	height:320px;
	padding-bottom:10px;
}
.rtab {
	width:240px;
	float:left;
	padding-bottom:10px;
}
.rtab .tab_navigation {
	width:240px;
	height:34px;
}
.tab_navigation ul {
}
.tab_navigation li {
	float:left;
	margin-top:2px;
}
.tab_navigation li a {
	line-height:31px;
	text-align:center;
	font-size:14px;
	width:110px;
	font-weight:bold;
	color:#222427;
	padding:0 5px;
	display:inline-block;
	float:left;
}
.tab_navigation li a:hover {
	background-color:#f7f7f7;
	line-height:31px;
	color:#0086b2;
	padding:0 4px;
	border-left:solid 1px #d5d5d5;
	border-right:solid 1px #d5d5d5;
	border-top:solid 1px #d5d5d5;
}
.tab_navigation li.active a {
	background-color:#f7f7f7;
	line-height:32px;
	color:#0086b2;
	padding:0 4px;
	border-left:solid 1px #d5d5d5;
	border-right:solid 1px #d5d5d5;
	border-top:solid 1px #d5d5d5;
}
.rtab .rtab_content {
	background-color:#f7f7f7;
	width:238px;
	border: solid 1px #d5d5d5;
}
.rtab_content ul {
	padding:7px 0 2px 0px;
	background-color:#f7f7f7;
}
.rtab_content ul li {
	background-image:url(../images/rbder.png);
	background-repeat:no-repeat;
	background-position:bottom;
	padding:9px 11px;
	float:left;
	width:216px;
	background-color:#f7f7f7;
	float:left;
}
.rtab_content ul li .thumb {
	width:42px;
	height:42px;
	float:left;
}
.rtab_content ul li .thumb img {
	border: solid 1px #d5d5d5;
}
.rtab_content ul li .description {
	width:42px;
	height:42px;
	width:163px;
	float:right;
}
.rtab_content ul li .description h6 {
	font-size:13px;
	font-weight:bold;
	padding-top:2px;
}
.rtab_content ul li .description h6 a {
	color:#08387f;
}
.gray {
	color:#889194;
}
.rtab_content ul li:hover, .rtab_content ul li.blogpost:hover {
	background-image:url(../images/lihover.gif)!important;
	background-repeat:no-repeat;
	background-position:bottom;
}
/*
=======================================================================
    Blog Post Rules
=======================================================================
*/
.rtab_content ul li.blogpost {
	background-image:url(../images/rbder.png);
	background-repeat:no-repeat;
	background-position:bottom;
	padding:9px 11px 8px 11px;
	float:left;
	width:216px;
	background-color:#f7f7f7;
	float:left;
}
.rtab_content ul li.blogpost p {
	float:left;
	padding-left:6px;
	width:209px;
	padding-bottom:5px;
}
.bloger_name {
	font-size:13px;
	float:left;
	font-weight:bold;
}
.bloger_name a {
	color:#30393d;
}
.blog_rating {
	font-size:11px;
	float:right;
}
.blog_rating a {
	color:#89ab20;
	font-size:11px;
	float:right;
}
.blgposted_by {
	color:#6a788e;
}
.blgposted_by a {
	color:#4891fd;
	font-weight:bold;
	text-decoration:underline;
	display:inline-block;
	padding:0 3px 0 4px;
}
/*
=======================================================================
    College	Gallery Rules
=======================================================================
*/

.college_gallery {
	width:238px;
	margin-bottom:10px;
	float:left;
	background-color:#f7f7f7;
	border:solid 1px #d5d5d5;
}
.college_gallery h5 {
	padding:8px 0px 3px 8px;
	font-size:14px;
	color:#08387f;
	font-weight:bold;
	height:23px;
	border-bottom:solid 1px #d5d5d5;
	background-color:#f4ffd3;
}
.college_gallery ul {
	float:left;
	padding:2px 0;
}
.college_gallery ul li {
	background-image:url(../images/rbder.png);
	background-repeat:no-repeat;
	background-position:bottom;
	padding:9px 11px;
	width:216px;
	float:left;
}
.college_gallery ul li .thumb {
	width:42px;
	height:42px;
	float:left;
}
.college_gallery ul li .thumb img {
	border: solid 1px #d5d5d5;
}
.college_gallery ul li .description {
	width:163px;
	float:right;
}
.college_gallery ul li .description h6 {
	color:#30393d;
	font-size:13px;
	font-weight:bold;
	padding-top:2px;
	padding-bottom:4px;
}
.college_gallery ul li:hover {
	background-image:url(../images/lihover.gif)!important;
	background-repeat:no-repeat;
	background-position:bottom;
}
/*
=======================================================================
    Downloads  Rules
=======================================================================
*/

.course_right {
	width:238px;
	margin-bottom:10px;
	float:left;
	background-color:#f7f7f7;
	border:solid 1px #d5d5d5;
}
.crheading {
	width:238px;
	height:38px;
	float:left;
	line-height:38px;
	border-bottom:solid 1px #d5d5d5;
	background-color:#e7f1ff;
}
.crheading h5.download {
	width:137px;
	line-height:36px;
	font-size:14px;
	color:#08387f;
	font-weight:bold;
	height:26px;
	padding-top:12px;
	background-image:url(../images/downloads.png);
	background-repeat:no-repeat;
	background-position:13px 9px;
	float:left;
	padding-left:42px;
}
.crheading h5.olineclasses {
	width:137px;
	line-height:36px;
	font-size:14px;
	color:#08387f;
	font-weight:bold;
	height:26px;
	padding-top:12px;
	background-image:url(../images/vedioicon.png);
	background-repeat:no-repeat;
	background-position:13px 13px;
	float:left;
	padding-left:42px;
}
.crheading a {
	color:#08387f;
	text-decoration:underline;
	float:left;
}
.course_right ul {
	float:left;
	padding:2px 0;
}
.course_right ul li {
	background-image:url(../images/rbder.png);
	background-repeat:no-repeat;
	background-position:bottom;
	padding:9px 11px 14px 11px;
	width:216px;
	float:left;
}
.course_right ul li .thumb {
	padding-top:6px;
	float:left;
}
.course_right ul li .description {
	width:178px;
	padding-right:5px;
	float:right;
}
.course_right ul li .description h6 {
	font-size:13px;
	font-weight:bold;
	padding-top:2px;
	padding-bottom:6px;
}
.course_right ul li .description h6 a {
	color:#30393d;
}
.course_right ul li:hover {
	background-image:url(../images/lihover.gif)!important;
	background-repeat:no-repeat;
	background-position:bottom;
}
.gray1 {
	color:#889194
}
/*
=======================================================================
    Online Classes Rules
=======================================================================
*/

.online_classes {
	width:238px;
	margin-bottom:10px;
	float:left;
	background-color:#f7f7f7;
	border:solid 1px #d5d5d5;
}
.online_classes ul {
	float:left;
	padding:2px 0;
}
.online_classes ul li {
	background-image:url(../images/rbder.png);
	background-repeat:no-repeat;
	background-position:bottom;
	padding:9px 11px;
	width:216px;
	float:left;
}
.online_classes ul li .thumb {
	width:42px;
	height:42px;
	float:left;
}
.online_classes ul li .thumb img {
	border: solid 1px #d5d5d5;
}
.online_classes ul li .description {
	width:163px;
	float:right;
}
.online_classes ul li .description h6 {
	color:#30393d;
	font-size:13px;
	font-weight:bold;
	padding-top:2px;
	padding-bottom:4px;
}
.online_classes ul li:hover {
	background-image:url(../images/lihover.gif)!important;
	background-repeat:no-repeat;
	background-position:bottom;
}
/*
=======================================================================
    Image Scrol	 Rules
=======================================================================
*/
.image_scroll {
	width:958px;
	height:96px;
	border:solid 1px #dfdfdf;
	background-image:url(../images/sliderbg.gif);
	background-repeat:repeat-x;
	background-position:center;
}
.slider1 {
	width:870px!important;
	height:70px!important;
	float:left!important;
	padding:18px 30px 0 30px!important;
	overflow:hidden!important;
}
.leftarrow {
	float:left;
	width:13px;
	height:96px;
}
.rightarrow {
	float:left;
	width:15px;
	height:96px;
}
.slider1 ul {
	padding-top:18px;
	float:left;
	width:120%;
}
.slider1 li {
	float:left;
	padding-right:40px;
	width:auto!important;
	height:68px!important;
}
.slider1 li img {
	width:190px !important;
	height:68px !important;
}
/*
=======================================================================
	News
=======================================================================
*/


#newscontent {
	width:710px;
	float:left;
}
#content2 h2 {
	width:710px;
	float:left;
}
ul.listing {
	width:100%;
	float:left;
}
ul.listing li {
	width:100%;
	float:left;
	border-bottom:solid 1px #cfcfcf;
	padding:12px 0 13px 0;
}
ul.listing li.last {
	border:0px;
}
ul.listing li .thumb {
	width:126px;
	float:left;
}
ul.listing li .thumb img {
	border:solid 2px #dcdcdc;
}
ul.listing li .description {
	width:567px;
	height:104px;
	float:right;
}
ul.listing li .description h6 {
	color:#08387f;
	font-size:13px;
	padding-bottom:7px;
	font-weight:bold;
}
ul.listing li .description h6 a {
	color:#0086b2;
}
ul.listing li .description p {
	padding-bottom:10px!important;
}
.info {
	border-top:dotted 1px #ccc;
	padding-top:9px;
	float:left;
	width:562px;
	color:#6a788e;
}
.lastupdte {
	padding-right:29px;
	float:left;
}
.lastupdte i {
	color:#b3c1d7;
}
.tag {
	padding-right:51px;
	float:left;
}
.tag a {
	color:#89ab20;
	text-decoration:underline;
}
.comments {
	float:left;
}
.comments strong {
	color:#4bb34b;
	text-decoration:underline;
}
.moreinfo {
	float:right;
	padding-right:2px;
	color:#89ab20;
	font-size:10px;
}
.postedby {
	padding-right:21px;
	float:left;
}
.postedby a {
	font-weight:bold;
	text-decoration:underline;
	color:#4891fd;
}
.share1 {
	width:54px;
	height:17px;
	background-image:url(../images/share.jpg);
	background-repeat:no-repeat;
	margin-left:15px;
	display:inline-block;
	margin-top:-2px;
	float:left;
}
.share1 a {
	background-image:url(../images/shareicon.gif);
	background-repeat:no-repeat;
	background-position:6px 3px;
	line-height:16px;
	padding:0 0 0 20px;
	display:inline-block;
	color:#747474;
	height:17px;
	display:inline-block;
	font-size:10px;
}
.print_this {
	width:66px;
	height:17px;
	background-image:url(../images/printthis.gif);
	float:right;
	background-repeat:no-repeat;
	display:inline-block;
}
.print_this a {
	background-image:url(../images/print_icon.gif);
	background-repeat:no-repeat;
	background-position:6px 3px;
	line-height:16px;
	padding:0 0 0 20px;
	display:inline-block;
	color:#747474;
	height:17px;
	display:inline-block;
	font-size:10px;
}
.info1 {
	width:470px!important;
	padding-top:11px!important;
}
/*
=======================================================================
	Pgination
=======================================================================
*/
.pginaiton {
	background-color:#e7f1ff;
	width:710px;
	height:23px;
	margin-bottom:8px;
	border-bottom:solid 1px #89ab20;
}
.pginaiton ul {
	float:left;
}
.pginaiton li {
	float:left;
	padding-right:6px;
}
.pginaiton li.dots {
	float:left;
	color:#747474;
	padding-top:6px;
	padding-right:6px;
}
.pginaiton li.nextpage {
	float:left;
	padding:3px 0 0 0;
}
.pginaiton li.nextpage a {
	width:54px;
	height:17px;
	display:inline-block;
	background-image:url(../images/nextbg.jpg);
	background-repeat:no-repeat;
	text-align:center;
	font-size:10px!important;
	font-weight:normal!important;
	line-height:17px!important;
	padding:0px!important;
}
.pginaiton li.nextpage a:hover {
	color:#747474!important;
}
.pginaiton li a {
	line-height:23px;
	padding:0 9px;
	color:#747474;
	display:inline-block;
	font-weight:bold;
}
.pginaiton li a:hover {
	color:#fff;
	background-color:#89ab20;
}
/*
=======================================================================
	Post New Blog 
=======================================================================
*/
.post_new_blog {
	width:238px;
	float:left;
	height:26px;
	text-align:center;
	padding-top:10px;
	font-size:18px;
	font-weight:bold;
	display:inline-block;
	color:#fff;
	margin-bottom:10px;
	border:solid 1px #d5d5d5;
	background-color: #08387f;
}/*
=======================================================================
    Right Colomn Search  Rules
=======================================================================
*/
.searchdiv {
	width:238px;
	height:94px;
	border: solid 1px #d5d5d5;
	float:left;
	margin-bottom:10px;
}
.searchdiv h5 {
	font-weight:bold;
	color:#08387f;
	height:26px;
	float:left;
	background-color:#F4FFD3;
	padding-left:13px;
	width:225px;
	padding-top:12px;
	border-bottom:solid 1px #d5d5d5;
}
.searchdiv ul {
	float:left;
	padding:13px 0 0 12px;
}
.searchdiv li {
	float:left;
}
.searchdiv li input {
	width:154px;
	height:23px;
	border:solid 1px #d5d5d5;
	background-color:#f3f3f3;
	padding:0 9px;
	line-height:23px;
	color:#5f5f5f;
	margin-right:6px;
}
/*
=======================================================================
    Blog Archive Rules
=======================================================================
*/
.archive {
	width:238px;
	background-color:#f7f7f7;
	float:left;
	border:solid 1px #d5d5d5;
}
.archive h5 {
	width:225px;
	font-size:14px;
	padding-top:12px;
	color:#08387f;
	background-color:#F4FFD3;
	font-weight:bold;
	height:26px;
	float:left;
	padding-left:13px;
	border-bottom:solid 1px #d5d5d5;
}
.archive ul {
	float:left;
	padding:5px 1px 0 1px;
	width:236px;
}
.archive li {
	height:26px;
	background-image:url(../images/rbder.png);
	background-repeat:no-repeat;
	background-position:bottom center;
}
.archive li a {
	background-image:url(../images/listarrow.png);
	background-position:11px 9px;
	padding-left:24px;
	display:inline-block;
	background-repeat:no-repeat;
	font-weight:bold;
	color:#555;
	line-height:24px;
}
.archive li a:hover {
	background-image:url(../images/active_arrow.png);
	background-position:11px 9px;
	color:#295492;
}
.archive li:hover {
	background-image:url(../images/lihover.jpg)!important;
	background-position:0px 3px;
}
.archive li.selected {
	background-image:url(../images/lihover.jpg)!important;
	background-position:0px 3px;
}
.archive li a.active {
	background-image:url(../images/active_arrow.png);
	background-position:11px 9px;
	color:#295492;
}
/*
=======================================================================
	Blog Detail Rules
=======================================================================
*/
.blog_detail {
	width:710px;
	float:left;
	padding-bottom:10px;
	margin-bottom:17px;
	border-bottom:dotted 1px #999999;
	margin-top:5px;
}
.blogimg {
	border:solid 2px #dcdcdc;
	float:left;
	margin-right:11px;
}
.bloginfo {
	width:470px;
	float:left;
	padding-bottom:12px;
}
.bloginfo h5 {
	color:#08387f;
	font-size:13px;
	font-weight:bold;
	padding-top:3px;
	padding-bottom:11px;
}
a.link {
	font-weight:bold;
	font-size:13px;
	color:#08387f;
}
/*
=======================================================================
	Comments  Rules
=======================================================================
*/
.blog_comments {
	width:710px;
	float:left;
	padding-bottom:10px;
	color:#777;
}
.blog_comment1 {
	width:686px;
	padding:14px 11px 0 11px;
	float:left;
	border:solid 1px #d5d5d5;
	margin-bottom:10px;
}
.blog_comments .thumb {
	width:40px;
	height:36px;
	float:left;
}
.blog_comments .thumb img {
	border:solid 2px #dcdcdc;
}
.blog_comment1 .description {
	width:631px;
	float:right;
}
.blog_comments .description h5 {
	font-size:13px;
	font-weight:bold;
	color:#30393d;
	margin-top:-1px;
	padding-bottom:6px;
}
.blog_comments .description p {
	padding-bottom:15px!important;
}
.blog_comments .description .comment_top {
	width:100%;
	float:left;
	padding-bottom:10px;
}
.blog_comments .description .comment_topleft {
	width:527px;
	float:left;
}
.blog_comments .description .comment_topright {
	width:53px;
	float:right;
	padding-top:7px;
}
.postdate {
	float:left
}
.poston {
	padding-right:15px;
	float:left;
	color:#afafaf;
}
.blg_rtng1 {
	float:left!important;
}
a.btn {
	width:53px;
	height:21px;
	line-height:21px;
	text-align:center;
	color:#fff;
	background-color:#89ab20;
	display:inline-block;
}
a.btn1 {
	width:83px;
	height:25px;
	line-height:25px;
	text-align:center;
	color:#fff;
	font-weight:bold;
	background-color:#89ab20;
	display:inline-block;
}
.leftimg {
	width:37px;
	float:left;
	background:url(../images/blgimg.gif);
	background-position:bottom;
	background-repeat:no-repeat;
	min-height:133px;
}
.blog_comment2 {
	width:710px;
	float:left;
	margin-bottom:10px;
}
.blogcomment2 {
	width:634px;
	background-color:#f8ffe2;
	border:solid 1px #d6d8d8;
	background-image:url(../images/comment2bg.gif);
	background-position:left;
	padding:12px 12px 0 25px;
	float:left;
	background-repeat:repeat-y;
}
.blogcomment2 .description {
	width:581px;
	float:right;
}
.blog_comment3 {
	width:657px;
	float:right;
	padding-bottom:10px;
}
.blogcomment3 {
	width:581px;
	background-color:#f7f7f7;
	border:solid 1px #d6d8d8;
	background-image:url(../images/comment2bg.gif);
	background-position:left;
	padding:12px 12px 0 25px;
	float:left;
	background-repeat:repeat-y;
}
.blogcomment3 .description {
	width:527px;
	float:right;
}
/*
=======================================================================
    Leave Reply	Rules
=======================================================================
*/
.leave_reply {
	width:710px;
	float:left;
}
.leave_reply_heading {
	width:710px;
	height:31px;
	border-bottom:dotted 1px #999;
	float:left;
	font-size:13px;
	font-weight:bold;
	color:#08387f;
	line-height:31px;
}
.leave_reply_form {
	width:710px;
	padding:24px 0 0 0;
	float:left;
}
.leave_reply_form ul {
	float:left;
}
.leave_reply_form ul li {
	float:left;
	width:710px;
	padding-bottom:11px;
}
.leave_reply_form ul li span {
	float:left;
	width:71px;
	line-height:23px;
	color:#333333;
	font-weight:bold;
}
.leave_reply_form ul li input {
	width:250px;
	height:21px;
	border:solid 1px #d6d8d8;
	float:left;
	padding:0 8px;
	line-height:21px;
}
.leave_reply_form ul li .txtarea {
	width:250px;
	height:72px;
	font-family:Tahoma, Geneva, sans-serif;
	color:#777;
	font-size:11px;
	border:solid 1px #d6d8d8;
	float:left;
	padding:4px 8px;
	line-height:21px;
}
.replydiv {
	width:auto;
	float:left;
	padding-top:1px;
	padding-left:71px
}
.action {
	width:110px;
	float:left;
	height:21px;
	background-image:url(../images/actionsep.gif);
	background-repeat:no-repeat;
	background-position: 59.46% center;
	line-height:21px;
}
.action1 {
	width:145px;
	float:left;
	height:26px;
	background-image:url(../images/actionsep.gif);
	background-repeat:no-repeat;
	background-position: 66.21% center;
	line-height:26px;
	padding-top:1px;
}
.replydiv p {
	line-height:6px!important;
	padding-bottom:16px!important;
}
/*
=======================================================================
    Gallery Page Rules
=======================================================================
*/
.gallery {
	width:960px;
}
.gallery_top {
	width:100%;
	float:left;
	padding-top:16px;
	height:51px;
	padding-bottom:20px;
}
.gallery_heading {
	width:867px;
	height:44px;
	border-bottom:dotted 1px #999999;
	line-height:44px;
	float:left;
	color:#08387f;
	font-size:20px;
}
.select_gallery {
	width:93px;
	padding-top:4px;
	height:51px;
	float:right;
}
.select_gallery a.photo {
	background-image:url(../images/picshow.gif);
	background-repeat:no-repeat;
	display:inline-block;
	width:47px;
	float:left;
	height:51px;
}
.select_gallery a.photo:hover {
	background-image:url(../images/photoactive.gif);
	background-repeat:no-repeat;
}
.select_gallery a.pactive {
	background-image:url(../images/photoactive.gif);
	background-repeat:no-repeat;
}
.select_gallery a.movie {
	background-image:url(../images/movie.gif);
	background-repeat:no-repeat;
	display:inline-block;
	margin-left:-1px;
	float:left;
	width:47px;
	height:51px;
}
.select_gallery a.movie:hover {
	background-image:url(../images/movieactive.gif);
	background-repeat:no-repeat;
}
.select_gallery a.mactive {
	background-image:url(../images/movieactive.gif);
	background-repeat:no-repeat;
}
.categorydiv {
	width:179px;
	float:left;
}
.categorydiv ul {
}
.categorydiv li {
	float:left;
}
.categorydiv li a {
	float:left;
	line-height:25px;
	width:144px;
	padding-left:15px;
}
.categorydiv li a:hover {
	background-color:#0086b2;
	color:#fff;
}
.categorydiv li a.selected {
	background-color:#0086b2;
	color:#fff;
}
.thumbdiv {
	width:760px;
	float:right;
	overflow:hidden;
	padding-left:20px;
	position:relative;
	border-left:solid 1px #d5d5d5;
}
.thumbdiv ul {
	width:780px;
	float:left;
}
.thumbdiv ul li {
	padding-right:20px;
	padding-bottom:20px;
	float:left;
}
.thumbdiv ul li img {
	border:solid 1px #d5d5d5;
}
/*
=======================================================================
    Course 	Section  Rules
=======================================================================
*/
.make_slection {
	width:100%;
	float:left;
	height:23px;
	line-height:23px;
	padding-bottom:26px;
}
.make_slection span {
	display:inline-block;
	padding-right:12px
}
.make_slection select {
	width:122px;
	padding:3px;
	color:#747474;
	font-size:11px;
	height:23px;
	border:solid 1px #d1d3d3;
}
.sheading {
	width:710px;
	float:left;
}
.sheadings {
	width:514px;
	padding-bottom:15px;
	float:left;
}
.sheadings h5 {
	color:#08387f;
	font-weight:bold;
}
.sheading_action {
	width:196px;
	float:left;
}
.course_listing {
	width:708px;
	border:solid 1px #bbc1c4;
	background-color:#fafafa;
}
ul.listheading {
	font-weight:bold;
	background-color:#f4ffd0;
	color:#08387f;
	border-bottom:solid 1px #bbc1c4;
	height:26px;
	line-height:26px;
}
.course_listing li {
	float:left;
	border-right:solid 1px #bbc1c4;
}
.course_listing li.code {
	width:83px;
	text-align:center;
}
.course_listing li.coursename {
	width:252px;
	padding-left:13px;
}
.course_listing li.time {
	width:122px;
	padding-left:13px;
}
.course_listing li.location {
	width:105px;
	padding-left:13px;
}
.course_listing li.instructor {
	width:90px;
	padding-left:13px;
	border:none!important;
}
ul.courselisting {
	float:left;
	width:708px;
	border-bottom:solid 1px #bbc1c4;
}
ul.courselisting li {
	float:left;
	padding:13px 0;
}
.course_listing li.coursename a {
	color:#08387f;
}
.course_listing li a {
	text-decoration:underline
}
.listingblock {
	width:710px;
	float:left;
	padding-bottom:21px;
}
.note {
	width:650px;
	background-color:#e7f1ff;
	border:solid 1px #bbc1c4;
	float:left;
	padding-top:8px;
	position:relative;
	color:#000000;
	margin-bottom:11px;
	padding-left:15px;
	padding-right:43px;
}
.note1 {
	width:655px;
	background-color:#e7f1ff;
	border:solid 1px #bbc1c4;
	float:left;
	padding-top:8px;
	position:relative;
	color:#000000;
	margin-bottom:11px;
	padding-left:15px;
	padding-right:38px;
}
.note p {
	padding-bottom:11px!important;
}
.note1 p {
	padding-bottom:8px!important;
}
a.close {
	width:11px;
	height:10px;
	background-image:url(../images/close_icon.gif);
	background-repeat:no-repeat;
	position:absolute;
	right:3px;
	top:3px;
}
a.close1 {
	position:absolute;
	right:13px;
	top:13px;
}
.note strong, .note1 strong {
	color:#ff0000;
}
.cheading {
	color:#08387f;
	padding-top:11px;
	font-weight:bold;
	float:left;
	padding-bottom:14px;
}
h2 {
	color:#08387f;
}
.camuses_address {
	width:100%;
	float:left;
	overflow:hidden;
}
.camuses_address ul {
	width:110%;
	float:left;
}
.camuses_address ul li {
	width:240px;
	float:left;
}
/*
=======================================================================
   Static Page 	  Rules
=======================================================================
*/
.static_content {
	width:100%;
	float:left;
	border-bottom:solid 1px #ececec;
	margin-bottom:14px;
}
.hpad {
	padding-top:12px;
	padding-bottom:11px;
	color:#333333!important;
}
.blue {
	color:#08387f;
}
.gray1 {
	color:#333;
}
.stext {
	padding-top:11px;
	font-size:14px;
	line-height:25px;
	padding-bottom:12px;
}
.pad1 {
	padding-bottom:10px;
}
ul.images {
	width:100%;
	float:left;
	padding-bottom:18px;
}
ul.images li {
	padding-right:15px;
	float:left;
}
ul.images li.thumb2 {
	padding-top:13px;
	float:left;
}
.pad2 {
	padding-top:16px;
}
.pad3 {
	padding-top:5px;
	padding-bottom:4px;
}
.pad4 {
	padding-bottom:24px;
}
.staticblock {
	width:293px;
	float:left;
	padding-right:15px;
}
.staticblock2 {
	width:641px;
	float:left;
}
.staticblock2 img {
	float:left;
	margin-right:15px;
	margin-bottom:11px;
}
.staticblock3 {
	width:290px;
	padding-top:3px;
	float:left;
}
.staticlistblock {
	width:280px;
	padding:5px 49px;
	float:left;
}
.staticlistblock ul {
	float:left;
	width:280px;
}
.staticlistblock li {
	float:left;
	list-style-position:outside;
	width:280px;
	list-style-type:decimal;
	padding-bottom:5px;
	margin-left:18px;
}
.staticblock5 {
	width:270px;
	float:left;
}
.green {
	color:#6c8a12;
}
.pad8 {
	padding-top:14px;
	padding-bottom:5px;
}
.pad9 {
	margin-top:16px;
	margin-bottom:24px;
}
.pad5 {
	padding-bottom:8px;
}
ul.static_text {
	float:left;
	padding-bottom:15px;
}
ul.static_text li {
	line-height:20px;
	float:left;
}
ul.static_text li.first {
	width:311px;
	float:left;
	font-size:20px;
	color:#08387f;
}
ul.static_text li.second {
	width:119px;
	float:left;
	color:#3a5998;
}
ul.static_text li.third {
	width:163px;
	float:left;
	color:#333333;
}
ul.static_text li.forth {
	width:204px;
	float:left;
	font-size:14px;
	color:#333333;
}
ul.static_text li.fifth {
	width:144px;
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	color:#999999;
}
.heading_block {
	width:441px;
	color:#08387f;
	float:left;
}
.heading_block ul {
	float:left;
	width:183px;
	padding-top:14px;
	padding-bottom:33px;
}
.heading_block ul li {
	width:100%;
	float:left;
}
.font {
	font-family:Arial, Helvetica, sans-serif;
}
.heading_block h1 {
	font-size:24px;
	padding-bottom:16px;
	text-transform:capitalize !important;
}
.heading_block h2 {
	font-size:22px;
	padding-bottom:13px;
}
.heading_block h3 {
	font-size:20px;
	padding-bottom:15px;
}
.heading_block h4 {
	font-size:18px;
	padding-bottom:19px;
}
.heading_block h5 {
	font-size:16px;
	padding-bottom:20px;
}
.heading_block h6 {
	font-size:14px;
}
.orderered_list {
	width:267px;
	padding-top:36px;
	float:left;
}
.orderered_list1 {
	width:233px!important;
	float:left;
}
ul.numbered_list {
	width:267px;
	float:left;
}
ul.numbered_list li {
	list-style-type:decimal;
	list-style-position:outside;
	margin-left:23px;
	padding-bottom:5px;
	color:#999;
}
.orderered_list h4 {
	color:#08387f;
	font-weight:bold;
	padding-bottom:12px;
}
ul.bullet_list {
	float:left;
}
ul.bullet_list li {
	list-style-image:url(../images/orderlistarrow.png);
	padding-bottom:5px;
	list-style-position:outside;
	margin-left:15px;
	color:#999;
}
.form_tables {
	width:100%;
	padding-top:3px;
	float:left;
	border-bottom:solid 1px #ececec;
	padding-bottom:20px;
}
.form_tables h5 {
	color:#08387f;
	font-weight:bold;
}
.form {
	width:281px;
	float:left;
	padding-top:21px;
}
ul.inquiryform {
	width:100%;
	float:left;
	padding-top:3px;
}
ul.inquiryform li {
	width:100%;
	float:left;
	padding-bottom:11px;
}
ul.inquiryform li input {
	width:265px;
	height:21px;
	line-height:21px;
	padding:0 8px;
	color:#a9a8a8;
	border:solid 1px #d4d6d6;
}
ul.inquiryform li select {
	width:281px;
	height:23px;
	line-height:21px;
	padding:3px;
	font-size:11px;
	color:#a9a8a8;
	border:solid 1px #d4d6d6;
}
ul.inquiryform li .txtarea {
	width:267px;
	height:67px;
	padding:7px;
	font-family:Tahoma, Geneva, sans-serif;
	font-size:11px;
	color:#a9a8a8;
	border:solid 1px #d4d6d6;
}
.table {
	width:580px;
	float:right;
	padding-top:24px;
}
.table_listing {
	width:578px;
	border:solid 1px #bbc1c4;
	background-color:#fafafa;
}
ul.table_listheading {
	font-weight:bold;
	background-color:#f4ffd0;
	color:#08387f;
	border-bottom:solid 1px #bbc1c4;
	height:26px;
	line-height:26px;
}
.table_listing li {
	float:left;
	border-right:solid 1px #bbc1c4;
}
.table_listing li.code {
	width:83px;
	text-align:center;
}
.table_listing li.coursename {
	width:200px;
	padding-left:14px;
	padding-right:14px;
}
.table_listing li.time {
	width:120px;
	padding-left:12px;
}
.table_listing li.location {
	width:100px;
	padding-left:13px;
}
.table_listing li.instructor {
	width:88px;
	padding-left:13px;
	border:none!important;
}
ul.table_courselisting {
	float:left;
	width:577px;
	border-bottom:solid 1px #bbc1c4;
}
ul.table_courselisting li {
	float:left;
	padding:13px 0;
}
.table_listing li.coursename a {
	color:#08387f;
}
.table_listing li a {
	text-decoration:underline
}
.checksandradio {
	padding-bottom:12px;
	width:100%;
	float:left;
	padding-top:19px;
}
.checksandradio h5 {
	font-weight:bold;
	padding-bottom:20px;
}
.checksandradio ul {
	width:98px;
	float:left;
}
.checksandradio li {
	width:98px;
	float:left;
	padding-bottom:8px;
}
.checksandradio li input {
	float:left;
	margin-right:9px;
	margin-top:2px;
}
.checksandradio li span {
	float:left;
}
/*
=======================================================================
    Contact 	Section  Rules
=======================================================================
*/
.contactblock {
	width:100%;
	float:left;
	padding-bottom:17px;
}
.block1 {
	width:268px;
	float:left;
}
.contactblock h5 {
	color:#08387f;
	font-weight:bold;
	padding-bottom:17px;
}
.mailingaddress {
	float:left;
	padding-left:29px;
	background-image:url(../images/maillingicon.png);
	background-repeat:no-repeat;
	background-position:left 6px;
	color:#222427;
	padding-bottom:17px;
	width:221px;
}
.teleno {
	float:left;
	padding-left:29px;
	background-image:url(../images/teleicon.png);
	background-repeat:no-repeat;
	background-position:left top;
	color:#08387f;
	font-weight:bold;
	padding-bottom:19px;
	width:221px;
}
.teleno1 {
	float:left;
	padding-left:29px;
	line-height:9px;
	background-image:url(../images/teleicon1.png);
	background-repeat:no-repeat;
	background-position:left top;
	color:#08387f;
	font-weight:bold;
	padding-bottom:24px;
	width:221px;
}
.emailaddress {
	width:100%;
	padding-bottom:14px;
	float:left;
	padding-left:29px;
	background-image:url(../images/emailicon.png);
	background-repeat:no-repeat;
	background-position:left 3px;
}
.contacticon {
	width:100%;
	float:left;
	padding-left:29px;
	background-image:url(../images/contacticon.png);
	background-repeat:no-repeat;
	background-position:left top;
	line-height:16px;
	font-weight:bold;
	color:#08387f;
}
.emailaddress a {
	color:#222427;
	display:inline-block;
	width:100%;
	padding-bottom:5px;
}
.mailingaddress p {
	padding-bottom:0 !important;
}
.block2 {
	width:401px;
	float:right;
}
ul.inquiry {
	width:100%;
	float:left;
	padding-top:3px;
}
ul.inquiry li {
	width:100%;
	float:left;
	padding-bottom:11px;
}
ul.inquiry li input {
	width:250px;
	height:21px;
	line-height:21px;
	padding:0 8px;
	color:#a9a8a8;
	border:solid 1px #d4d6d6;
}
ul.inquiry li select {
	width:268px;
	height:23px;
	line-height:21px;
	padding:3px;
	font-size:11px;
	color:#a9a8a8;
	border:solid 1px #d4d6d6;
}
ul.inquiry li .txtarea {
	width:252px;
	height:67px;
	padding:7px;
	font-family:Tahoma, Geneva, sans-serif;
	font-size:11px;
	color:#a9a8a8;
	border:solid 1px #d4d6d6;
}
.map {
	float:left;
	width:400px;
	height:218px;
	padding-bottom:16px;
}
.map_cities {
	width:100%;
	height:17px;
	line-height:17px;
}
.map_cities ul {
	float:left;
}
.map_cities li {
	float:left;
	padding-right:6px;
}
.map_cities li a {
	float:left;
	background-image:url(../images/citybg.gif);
	background-repeat:no-repeat;
}
.map_cities li a span {
	float:left;
	background-image:url(../images/citybg_02.gif);
	background-repeat:no-repeat;
	background-position:right top;
	padding:0 16px;
	display:inline-block;
	text-align:center;
}
.pad {
	padding-top:12px;
}
.contact_text {
	padding:3px 0 16px 0!important;
}
.cheadng {
	padding:10px 0 21px 0;
}
/*
=======================================================================
    Bottom	Section  Rules
=======================================================================
*/
#bottom_seciton {
    width: 976px;
    background-image: url(../images/bottomsectionbg.jpg);
    background-repeat: repeat-x;
    background-position: bottom;
    border-top: solid 4px #08387f;
    border-bottom: solid 1px #dfdfdf;
    margin: 0 auto;
    box-shadow: 0px 0px 5px #333;
}
#footer {
	width:960px;
	margin:auto;
	padding-top:21px;
}
#footer h5 {
	color:#004567;
	padding-bottom:14px;
	font-weight:bold;
}
#footer ul {
	float:left;
	padding-bottom:33px;
}
#footer li {
	background:url(../images/listarrow.gif);
	background-position:left 3px;
	background-repeat:no-repeat;
	padding-left:15px;
	padding-bottom:4px;
}
#footer li a {
	font-size:10px;
	font-weight:bold;
	color:#333;
}
#footer li a:hover {
	text-decoration:underline;
}
.find_your_way {
	width:240px;
	padding-left:10px;
	float:left;
}
.help_support {
	width:240px;
	float:left;
}
.quick_links {
	width:240px;
	float:left;
}
.contact_us {
	width:230px;
	float:left;
}
.contact_us ul {
}
.contact_us li {
	padding-left:24px!important;
}
.contact_us li.telephone_no {
	background:url(../images/tele.gif) no-repeat !important;
	background-position:left 5px!important;
	background-repeat:no-repeat;
}
.contact_us li.mailing_address {
	background:url(../images/mail.gif) no-repeat !important;
	background-position:left 2px!important;
	background-repeat:no-repeat;
}
.contact_us li.email_address {
	background:url(../images/email.gif) no-repeat !important;
	background-position:left 0px!important;
	background-repeat:no-repeat;
}
.contact_us li.googlemaps {
	background:url(../images/googlemail.gif) no-repeat !important;
	background-position:left 2px!important;
	background-repeat:no-repeat;
}
.contact_us li.googlemaps a {
	font-weight:bold;
	text-decoration:underline;
}
#bottom_Section {
	width:100%;
	height:66px;
}
#pagebottom {
	width:960px;
	padding-top:20px;
	margin:auto;
}
.copyright {
	padding-top:1px;
	float:left;
	padding-right:27px;
	color:#999999;
}
.copyright a {
	color:#1a5876;
	text-decoration:underline;
}
.socail_networks {
	float:right;
}
a.top {
	margin-top:1px;
	background:url(../images/top.gif) no-repeat right;
	height:15px;
	line-height:15px;
	color:#08387f;	display:inline-block;
	padding-right:20px;
	float:left;
}
.socail_networks ul {
	height:26px;
	float:left;
}
.socail_networks li {
	float:left;
	margin-right:2px;
	line-height:26px;
}
.socail_networks li.servcies {
	float:left;
	padding-right:18px;
	font-weight:bold;
}
/**********************/

#fancybox-left-ico {
	left: 0px !important;
}
#fancybox-right-ico {
	left: auto !important;
	right: 0px !important;
}
.hdiv {
	position:absolute;
	height:20px;
	background-color:#fff;
	width:1px;
	bottom:0px;
	left:-1px;
	z-index:99999;
	border-left:solid 1px #fff;
}
.fa{margin-right:5px;float:left;}
.fa-box-right{margin-top:8px;}
fa-angle-double-right{margin-top:1px;}
.featured_category{border:1px solid #89AB20;margin-bottom:10px;}
.featured_category.color-blue{border:1px solid #0086B2;}
#list_category_post_widget-4,#list_category_post_widget-2,#list_category_post_widget-6{border:1px solid #0086B2;margin-bottom:10px;}
.featured_category .featured-title{background:#89AB20;margin-bottom:10px;}
.featured_category.color-blue .featured-title,.featured_category.color-blue .featured-title .fa-box{background:#0086B2;}
#list_category_post_widget-4 .featured-title,#list_category_post_widget-2 .featured-title,#list_category_post_widget-6 .featured-title{background:#0086B2;}
.featured_category .featured-title h2{text-transform:uppercase;padding:5px;font-size:13px;font-weight:bold; color: #fff;}
.featured_category .featured-title h2 a{color:#FFF;text-shadow:0px 0px 3px #333;}
.featured_category .featured-content{overflow:hidden;}
.featured_category .featured-post{padding:10px;float:left;width:430px;}
.featured_category .featured-post .thumb{width:200px;display:block;float:left;margin-right:10px;border:1px solid #CCC;padding:2px;}
.featured_category .featured-post .thumb img{width:100%;height:150px;}
.featured_category .featured-post h3 a{color:#333;}
.news_date{padding:0px;float:none;font-size:11px;font-style:italic;}
.featured_category .featured-post .description{display:block;padding:8px 0px 0px 0px;}
.featured_category .moreinfo{padding:0px;}
.featured_category .moreinfo a{font-weight:bold;}
.featured_category .moreinfo a:hover{color:#cc3333;}
.featured_category .featured-list-news{float:right;width:257px;background:url('../images/bg-note.png') no-repeat;height:278px;}
.featured_category .featured-list-news ul{padding:50px 40px 10px 12px;}
.featured_category .featured-list-news ul li{border-bottom:1px solid #CCC;}
.featured_category .featured-list-news ul li:last-child{border:none;}
.featured_category .featured-list-news ul li a{display:block;padding:5px 0px;color:#000;background:url('../images/listarrow.png') no-repeat left 9px;padding-left:8px;}
.featured_category .featured-list-news ul li a:hover{color:#cc3333;}
.col2 .widget,.sidebar-box{ background: url("../images/leftframe@2x.png") no-repeat scroll 50% -10px / 238px 194px rgba(0, 0, 0, 0);
    float: left;
    list-style-type: none;
    margin-bottom: 10px;
    width: 238px;}
.box-title{background:url("../images/kordleft@2x.png") repeat scroll 0 0 / 238px 40px #89AB20;height: 40px;
    margin-bottom: -10px;
    transition: all 0.6s ease 0s;
    width: 238px;}
#content_section .so-vang{background:none;}
.so-vang .box-title{background:url('../images/so-vang-ghi-cong.png') no-repeat scroll 0 0 / 238px 96px;height:96px;text-indent:-9999px;}
#content_section .col2 .so-vang .box-content{background:none;border-top:none;}
.box-title h5{}
.box-title h5 a{text-transform:uppercase;color:#FFF;display:block;margin:0 auto;line-height:31px;text-shadow:0px 0px 3px #333;-webkit-text-shadow:0px 0px 3px #333;font-weight:bold;padding-left:10px;font-size:13px;}
.thong_bao .box-title h5 a{width:150px;margin:0 auto;font-size:14px;}
.col2 .widget .box-content,.sidebar-box .box-content{background: none repeat scroll 0 0 #FFFFFF;
    float: left;
    margin-left: 10px;
    padding: 10px;
    width: 196px;
	border:1px solid #89AB20;
}
.col2 .widget .content-video{padding:0px;width:216px;}
.col2 .widget .content-video ul{padding:5px;}
.video .box-content{padding:0px;width:216px;}
.thong_bao .box-content{height:268px;}
.sidebar-box .box-content ul li{}
.box-content ul li a{display:block;padding:5px 0px;background:url('../images/listarrow.png') no-repeat left 9px;padding-left:8px;}
.box-content ul li a:hover{color:#cc3333;}

.fa-box{background: none repeat scroll 0 0 #89AB20;border-radius: 45%;-webkit-border-radius:45%;color:#FFF;margin-top: -5px;padding: 8px 10px 12px;}
#list_category_post_widget-2 .fa-box,#list_category_post_widget-4 .fa-box,#list_category_post_widget-6 .fa-box{background: none repeat scroll 0 0 #0086B2;}

.box-right{border:1px solid #D4d4D4;}
.box-list{width:238px;float:right;margin-bottom:10px;}
.box-list ul{}
.box-list ul li{float:none;margin:5px 0px;}
.box-list ul li a{padding:5px 10px;background:#0086B2;overflow:hidden;display:block;color:#FFF;text-transform:uppercase;text-shadow:0px 0px 3px #333;-webkit-text-shadow:0px 0px 3px #333;font-weight:bold;line-height:24px;}
.box-list ul li a:hover{color:#89AB20;}
.list-video{padding-left:5px;}
#pix_canvas{display:none;}
.slider-wrapper{margin-bottom:10px;}
.theme-default .nivo-caption{padding:15px 10px;}
.slides{
	height:14px !important;
	padding:6px 10px;
	text-align:
	center;
}
.ddsmoothmenu ul li.icon-home a{}
.ddsmoothmenu ul li.icon-home a .fa{margin:3px 0px 4px;float:none;text-shadow:0px 0px 3px #333;}
.page-content .featured-content{padding:10px;text-align:justify;}
.news_item{float:left;width:100%;border-bottom:1px solid #CCC;padding:10px 0px;}
.news_item .thumb{float:left;width:22%;}
.news_item .thumb img{
	border:1px solid #CCC;
	padding:1px;
	width:206px;
	height:157px;
	}
.news_item .des{
	float:right;
	width:66%;
	margin-top:30px;
	
	}
.news_item .des h3{margin-bottom:5px;}
.news_item .des .description{height:55px;overflow:hidden;}
.news_item .des .meta{border-top:1px dotted #CCC;}
.news_item .des .meta p{padding:5px 0px 0px 0px;font-size:11px;float:left;}
.news_item .des .meta p.moreinfo{float:right;}
.bread_crumb{padding:7px 10px;color:#FFF;}
.bread_crumb a{color:#FFF;}
.col1 .theme-default .nivoSlider{box-shadow:none;-webkit-box-shadow:none;border:1px solid #89AB20;}
.tags{margin:10px 0px;}
.other_news{margin:10px 0px;}
.other_news h2{
	border-bottom:2px solid #89AB20;
	margin-bottom:5px;
	padding: 7px 10px;
}
.other_news ul{
	padding: 7px 10px;
}
.other_news ul li{}
.other_news ul li a{background:url("../images/listarrow.png") no-repeat scroll left 9px rgba(0, 0, 0, 0);display:block;padding:5px 0px 5px 8px;}
.other_news ul li a:hover{color:#89AB20;}
.wpcf7-submit{background:#89AB20;color:#FFF;box-shadow:1px 1px 3px #333;border:none;padding:3px 5px;cursor:pointer;text-shadow:1px 1px 3px #333;border-radius:3px;-webkit-border-radius:3px;}
#wp-toolbar #wp-admin-bar-wp-logo{display:none !important;}
.form-search{float:right;}
.form-search input[type=text]{padding:6px 3px 7px;border:none;font-size:11px;width:150px;background:#EAEAEA;}
table{border-collapse:collapse;}
table td, table th{padding:3px;}
#content_section .theme-default .nivoSlider img{height:318px !important;}
.wp-pagenavi {
	height:54px; 
	font-size:15px; 
	float: left;
	margin-bottom: 20px;
	margin-top:20px;
}
.wp-pagenavi a, .wp-pagenavi span.current {
	margin:2px; 
	text-decoration:none; 
	border:1px solid #e3e3e3;
	color:#000; background:#fff; 
	display:block; 
	float:left; 
	width:28px;
	height:28px; 
	text-align:center; 
	line-height:28px; 
	-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%; font-weight: 700; font-size: 12px;}
.topmenu {
  background-color: #f9d9b0;
  font-size: 11px;
  padding: 4px;
  border: 1px solid #fff;
}
 
.currentpage {
  background-color: #f9d9b0;
  border: 1px solid #f9bc6d;
  padding: 0px 5px 0px 5px;
  color: #8f6c3f;
}
 
a.pagenav {
  background-color: #f0f7fc;
  border: 1px solid #6cb2e4;
  padding: 0px 5px 0px 5px;
  color: #2b485c;
  text-decoration: none;
}
 
a.pagenav:hover {
  background-color: #fff4e5;
  border: 1px solid #f9d9b0;
  color: #8f6c3f;
}


#navigation{
    padding: 0;
    margin: 0;
    width: 100%;
    height: 42px;
    position: relative;
    bottom: 0;
    _bottom: -1px;
    left: 0;
    z-index: 6000;
    background: #0086b2;
   
}

.banner{
    width: 100%;
    height: auto;
}
.container {
    max-width: 1015px;
    margin: 0 auto;
}
/*--------FOOTER STUFF--------*/
#footerContainer {width: 100%; border: 1px solid #9c9c9c; border-width: 1px 0 0;

                  background: #b8b8b8;
}
#footer {padding:30px 0 0; margin:0 auto;  max-width:960px; clear:both;

         border-color: rgba(255, 255, 255, 0.15);
         border-style: solid;
         border-width: 0 1px;
         box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
         padding: 30px 26px 0;
}
#footer a {color:rgba(255,255,255,.9);}
#footer a:hover,
#footer li:hover a {border-bottom: 1px solid;}
#bottomBarContainer {width: 100%; background: #1a1a1a;}
#bottomBar {max-width:960px; margin: 0 auto; height: 53px; color: #eee;}
#bottomBar #copyright {font-size: 10px; margin:0; padding:20px 0 0; color: rgba(255,255,255,.9)}
#bottomBar #socialbuttons {float: right; font-size: 10px; padding:20px 0 0; text-transform: uppercase; letter-spacing: 1px;}
#bottomBar #socialbuttons a {color: #fff;}

#footerWidgets {margin: 0; padding: 0; width: 300px; float: right;}
#footerWidget {
    margin-bottom: 25px;
    font-size: 12px; 
    line-height: 1.5em;
}
#footerWidget h2.widgettitle, 
#footerPage h2 {
    margin: 0 0 10px; 
    font-size: 12px; 
    text-transform: uppercase; 
    color: #555; 
    outline: 1px solid #a5a5a5; 
    font-weight: normal;
    padding: 12px; 
    display: block; 
    border: 1px solid #ccc; 
    font-weight: normal; 
    /*background: url('images/footerwidget_bg.jpg') repeat-x center;*/
    background: none;
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(255,255,255,.035)), to(rgba(0,0,0,.025)));
    background: -moz-linear-gradient(top,  rgba(255,255,255,.035),  rgba(0,0,0,.025));
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='rgba(255,255,255,.035)', endColorstr='rgba(0,0,0,.025)');
}
#footerWidget ul {padding: 0; margin: -10px 0 0;}
#footerWidget ol {padding: 0; margin: 0;}
#footerWidget ul li {padding:10px 0 10px 10px; margin: 0; list-style: none; background: url('images/footerwidget_border.jpg') repeat-x bottom;}
#footerWidget ul li:hover {background: rgba(255,255,255,.1);}
#footerWidget ul li ul {padding: 7px 0 0; margin: 0; color: #999;}
#footerWidget ul li ul li {padding: 0 0 4px; margin: 0; list-style: inside; background: none; font-size: 10px;}
#footerPage {max-width: 630px;}
#footerPage p {padding: 0 10px;}

/*-------MAIN NAVIGATION STUFF--------*/
#dropmenu {padding: 0; margin:0; list-style:none; position:relative; width:100%; z-index: 4000;}
#dropmenu li {
	list-style:none; padding:0; margin:0; position:relative; float: left; line-height: 42px;
	border-right: 1px solid #fff;
}
#dropmenu li:hover {
 color: #fff;
    background-color: #89ab20;
}

element.style {
}
.ddsmoothmenu ul li a:hover {
    color: #fff;
    background-color: #89ab20;
}
.ddsmoothmenu ul li a:link, .ddsmoothmenu ul li a:visited {
    color: white;
}
.ddsmoothmenu ul li a {
    display: block;
    color: white;
    padding: 0px 12px;
    line-height: 31px;
    text-decoration: none;
    font-size: 12px;
    border-right: #FFF solid 1px;
}
.ddsmoothmenu ul li a {
        display: block;
    color: white;
    padding: 0px 12px;
    line-height: 31px;
    text-decoration: none;
    font-size: 12px;
    border-right: #FFF solid 1px;
}
#dropmenu li a {margin: 0; padding: 0 13px; display: block; line-height: 42px; color: #fff; text-transform: uppercase; font-size: 10px;    font-weight: bold;}
#dropmenu li a:hover,
#dropmenu > li:hover > a {text-decoration: none; background: url('images/active_nav_bg.jpg') repeat-x; color: #fff;}
#dropmenu li ul {  
	position: relative;
    display: inline;
    float: left;
    z-index: 9999 !important;}
#dropmenu li ul li {margin:0; position:relative; border: 1px solid #fff; border-width: 0 1px 1px; border-top:1px solid #ebebeb; line-height: 20px; padding:0;}
#dropmenu li ul li a {padding:0 10px; margin:0; width:178px; color: #999; font-size: 12px; line-height: 30px;}
#dropmenu li ul li a:hover {background: none; color: #555;}
#dropmenu li ul li ul {position:absolute;top:-1px; left:199px; margin:0; z-index: 2000;}
#dropmenu li:hover ul ul, 
#dropmenu li:hover ul ul ul, 
#dropmenu li:hover ul ul ul ul {display:none;}
#dropmenu li:hover ul, 
#dropmenu li li:hover ul, 
#dropmenu li li li:hover ul, 
#dropmenu li li li li:hover ul {display:block;}
#dropmenu > li.current-menu-item,
#dropmenu > li.current-menu-ancestor {background: url('images/active_nav_bg.jpg') repeat-x;}
#dropmenu > li.current-menu-item a,
#dropmenu > li.current-menu-ancestor a {color: #555;}

#menu-control {
    position: relative;
    padding-left: 10px;
    color: #fff;
    background: rgba(0,0,0,.1);
    display: block;
    font-size: 12px;
    line-height: 37px;
    display: none;
    border-top:1px solid rgba(0, 0, 0, 0.1);
}
#menu-control span {
    font-size: 16px;
}
#menu-control:hover {
    background: rgba(0,0,0,.5);
    text-decoration: none;
}
.menu .active{
    text-decoration: none;
    background: url(images/active_nav_bg.jpg) repeat-x;
    color: #333;
}
.menu .active a{
    color: #fff !important;
	background-color: #89ab20;
}
/*menu mới */
#dropmenu {padding: 0; margin:0; list-style:none; position:relative; width:100%; z-index: 4000;}
#dropmenu li {list-style:none; padding:0; margin:0; position:relative; float: left; line-height: 42px;}
#dropmenu li a {margin: 0; padding: 0 13px; display: block; line-height: 42px; color: #fff; text-transform: uppercase; font-size: 10px;    font-weight: bold;}
#dropmenu li a:hover,
#dropmenu > li:hover > a {text-decoration: none; background: url('images/active_nav_bg.jpg') repeat-x; color: #333;}
#dropmenu li ul {margin:0; padding:0; list-style:none; display:none; position:absolute; width:200px; z-index:3000; top:41px; _top:42px;/*IE6 fix*/ left: -1px; background: #F8F8F8; border: 1px solid #ddd; border-width: 0 1px 1px;}
#dropmenu li ul li {margin:0; position:relative; border: 1px solid #fff; border-width: 0 1px 1px; border-top:1px solid #ebebeb; line-height: 20px; padding:0;}
#dropmenu li ul li a {padding:0 10px; margin:0; width:178px; color: #999; font-size: 12px; line-height: 30px;}
#dropmenu li ul li a:hover {background: none; color: #555;}
#dropmenu li ul li ul {position:absolute;top:-1px; left:199px; margin:0; z-index: 2000;}
#dropmenu li:hover ul ul, 
#dropmenu li:hover ul ul ul, 
#dropmenu li:hover ul ul ul ul {display:none;}
#dropmenu li:hover ul, 
#dropmenu li li:hover ul, 
#dropmenu li li li:hover ul, 
#dropmenu li li li li:hover ul {display:block;}
#dropmenu > li.current-menu-item,
#dropmenu > li.current-menu-ancestor {background: url('images/active_nav_bg.jpg') repeat-x;}
#dropmenu > li.current-menu-item a,
#dropmenu > li.current-menu-ancestor a {color: #555;}

#menu-control {
    position: relative;
    padding-left: 10px;
    color: #fff;
    background: rgba(0,0,0,.1);
    display: block;
    font-size: 12px;
    line-height: 37px;
    display: none;
    border-top:1px solid rgba(0, 0, 0, 0.1);
}
#menu-control span {
    font-size: 16px;
}
#menu-control:hover {
    background: rgba(0,0,0,.5);
    text-decoration: none;
}
.menu .active{
    text-decoration: none;
    background: url(images/active_nav_bg.jpg) repeat-x;
    color: #333;
}
.menu .active a{
    color: #333 !important;
}
/* Slideshow container */
.slideshow-container {
  max-width: 1000px;
  height:500px;
  position: relative;
  margin: auto;
}

/* Caption text */
.text {
  color: #f2f2f2;
  font-size: 15px;
  padding: 8px 12px;
  position: absolute;
  bottom: 8px;
  width: 100%;
  text-align: center;
}

/* Number text (1/3 etc) */
.numbertext {
  color: #f2f2f2;
  font-size: 12px;
  padding: 8px 12px;
  position: absolute;
  top: 0;
}

/* The dots/bullets/indicators */
.dot {
  height: 15px;
  width: 15px;
  margin: 0 2px;
  background-color: #bbb;
  border-radius: 50%;
  display: inline-block;
  transition: background-color 0.6s ease;
}

.active {
  background-color: #717171;
}

/* Fading animation */
.fade {
  -webkit-animation-name: fade;
  -webkit-animation-duration: 1.5s;
  animation-name: fade;
  animation-duration: 1.5s;
}

@-webkit-keyframes fade {
  from {opacity: .4} 
  to {opacity: 1}
}

@keyframes fade {
  from {opacity: .4} 
  to {opacity: 1}
}

/* On smaller screens, decrease text size */
@media only screen and (max-width: 300px) {
  .text {font-size: 11px}
}



/*test*/
.mySlides {display: none;}
img {vertical-align: middle;}

/* Slideshow container */
.slideshow-container {
  max-width: 1000px;
  position: relative;
  margin: auto;
}

/* Caption text */
.text {
  color: #f2f2f2;
  font-size: 15px;
  padding: 8px 12px;
  position: absolute;
  bottom: 8px;
  width: 100%;
  text-align: center;
}

/* Number text (1/3 etc) */
.numbertext {
  color: #f2f2f2;
  font-size: 12px;
  padding: 8px 12px;
  position: absolute;
  top: 0;
}

/* The dots/bullets/indicators */
.dot {
  height: 15px;
  width: 15px;
  margin: 0 2px;
  background-color: #bbb;
  border-radius: 50%;
  display: inline-block;
  transition: background-color 0.6s ease;
}

.active {
  background-color: #717171;
}

/* Fading animation */
.fade {
  -webkit-animation-name: fade;
  -webkit-animation-duration: 1.5s;
  animation-name: fade;
  animation-duration: 1.5s;
}

@-webkit-keyframes fade {
  from {opacity: .4} 
  to {opacity: 1}
}

@keyframes fade {
  from {opacity: .4} 
  to {opacity: 1}
}

/* On smaller screens, decrease text size */
@media only screen and (max-width: 300px) {
  .text {font-size: 11px}
}
/*
=======================================================================
	Responsive / Mobile (added for mobile-first upgrade)
	Base rules above target desktop; these overrides make the same
	markup stack and reflow on tablets/phones. Kept as overrides
	(instead of rewriting every legacy rule) to limit the risk of
	visually breaking the live site, since this pass could not be
	checked in a browser before shipping.
=======================================================================
*/

/* Mobile nav toggle: hidden on desktop by ddsmoothmenu's own #menu-control
   rule (display:none); shown below the tablet breakpoint. */
#menu-control {
	position: relative;
	text-align: left;
	cursor: pointer;
}
#menu-control .fa {
	margin-right: 6px;
}

/* WordPress default content-image alignment classes (theme never styled these) */
.alignleft { float: left; margin: 4px 15px 15px 0; }
.alignright { float: right; margin: 4px 0 15px 15px; }
.aligncenter { display: block; margin: 0 auto 15px; }
.wp-caption { max-width: 100%; }
.wp-caption-text { font-size: 12px; color: #888; padding: 5px 0; }

/* Homepage "HÌNH ẢNH NỔI BẬT" slideshow item never had matching CSS */
.slideshow-container .desc { color: var(--c3-blue); }
.slideshow-container .desc h3 { color: var(--c3-blue); padding-bottom: 4px; }

@media only screen and (max-width: 992px) {
	/* ---- Header / banner ---- */
	#wrapper_sec {
		width: 100%;
		box-shadow: none;
	}
	#masterhead {
		height: auto;
	}
	.banner-header { height: auto; padding: 20px 0; }
	.banner-header marquee { width: 100%; margin-left: 0; padding-top: 0; font-size: 18px; }

	/* ---- Nav / hamburger ---- */
	#navigation {
		height: auto;
		padding: 8px 0;
	}
	#menu-control {
		display: block;
	}
	#dropmenu {
		display: none;
		width: 100%;
	}
	#navigation.nav-open #dropmenu {
		display: block;
	}
	#dropmenu li {
		float: none;
		width: 100%;
		border-right: none;
		border-bottom: 1px solid rgba(255,255,255,.2);
	}
	#dropmenu li ul {
		display: block;
		position: static;
		width: 100%;
		top: auto;
		left: auto;
	}
	#dropmenu li ul li a {
		width: 100%;
		padding-left: 26px;
	}

	/* ---- "Cập nhật" ticker + search ---- */
	.news_updates {
		height: auto;
		padding: 8px;
	}
	.news_updates .news_update {
		float: none;
		display: inline-block;
	}
	#news_update_slide {
		width: 100% !important;
		height: auto !important;
	}
	#news_update_slide .slides {
		height: auto !important;
		padding: 0 !important;
	}
	#news_update_slide .slides .post {
		display: block;
		padding: 6px 0;
		border-bottom: 1px solid #eee;
	}
	.form-search {
		float: none;
		width: 100%;
		padding-top: 8px;
	}
	.form-search input[type=text] {
		width: 70%;
	}

	/* ---- Content columns: stack sidebar under main content ---- */
	#content_section {
		width: 100%;
		box-sizing: border-box;
		padding: 0 12px;
	}
	#content {
		max-width: 100%;
		padding: 16px;
	}
	.col1,
	.col2 {
		width: 100% !important;
		float: none !important;
		padding-left: 0;
	}
	.col2 .widget,
	.sidebar-box {
		width: 100%;
		background: #fff;
		border: 1px solid #d5d5d5;
	}
	.col2 .widget .box-content,
	.sidebar-box .box-content {
		width: 100%;
		margin-left: 0;
	}
	.box-title,
	.box-title h5 {
		width: 100%;
	}

	/* ---- Homepage featured widgets ---- */
	.featured_category .featured-post {
		width: 100%;
		float: none;
	}
	.featured_category .featured-post .thumb {
		width: 100%;
		float: none;
		margin-right: 0;
		margin-bottom: 10px;
	}
	.featured_category .featured-post .thumb img {
		height: auto;
	}
	.featured_category .featured-list-news {
		width: 100%;
		float: none;
		background: #f7f7f7;
		height: auto;
	}
	.featured_category .featured-list-news ul {
		padding: 12px;
	}
	.slideshow-container img {
		width: 100% !important;
		height: auto !important;
	}

	/* ---- Article/listing thumbnails (archive, category, search, gallery) ---- */
	.news_item .thumb,
	.news_item .des {
		float: none;
		width: 100%;
	}
	.news_item .thumb img {
		width: 100%;
		height: auto;
	}
	.news_item .des {
		margin-top: 10px;
	}

	/* ---- Footer ---- */
	#bottom_seciton {
		width: 100%;
	}
	#footer {
		width: 100%;
		padding: 20px 16px;
	}
	.find_your_way,
	.help_support,
	.quick_links,
	.contact_us {
		width: 50%;
		padding-bottom: 20px;
	}

	/* ---- Minimal grid fallback for template-left-sidebar.php / template-right-sidebar.php,
	       which reference Bootstrap-style classes with no Bootstrap loaded. ---- */
	.row { display: flex; flex-wrap: wrap; }
	[class^="col-"] { width: 100%; }

	/* ---- Long tables in post content: scroll instead of overflow ---- */
	table { display: block; max-width: 100%; overflow-x: auto; }
}

@media only screen and (max-width: 480px) {
	body {
		font-size: 13px;
	}
	#footer { padding: 16px 12px; }
	.find_your_way,
	.help_support,
	.quick_links,
	.contact_us {
		width: 100%;
	}
	.top_search,
	.advance_search {
		width: 100%;
	}
	.top_search input {
		width: 60%;
	}
}

/*
=======================================================================
	New site header, homepage layout & footer (mockup-based redesign)
	Appended last so it wins over every earlier rule with equal
	specificity (including the legacy #navigation/#dropmenu/#footer
	rules and this file's own earlier responsive overrides).
=======================================================================
*/

/* ---- Header ---- */
#site-header {
	width: 100%;
	background: #fff;
}
.site-header-top {
	max-width: 1240px;
	margin: 0 auto;
	box-sizing: border-box;
	padding: 14px 20px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-wrap: wrap;
	gap: 12px 16px;
}
.site-logo {
	display: flex;
	align-items: center;
	gap: 12px;
	flex-shrink: 0;
}
.site-logo-badge {
	width: 48px;
	height: 48px;
	border-radius: 50%;
	background: #F1F4F7 url(../images/logo-badge.png) center / contain no-repeat;
	border: none;
	flex-shrink: 0;
	display: inline-block;
}
.site-logo-text {
	display: flex;
	flex-direction: column;
	line-height: 1.2;
}
.site-name {
	font-weight: 700;
	font-size: 15px;
	color: var(--c3-blue);
}
.site-tagline {
	font-size: 12px;
	color: #6B7280;
}

/* ---- Nav bar (overrides the legacy teal ddsmoothmenu-era rules) ---- */
#navigation {
	width: 100%;
	height: auto;
	position: static;
	z-index: auto;
	background: var(--c3-blue);
}
.site-header-nav-inner {
	max-width: 1240px;
	margin: 0 auto;
	box-sizing: border-box;
	padding: 0 20px;
}
#dropmenu {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 0 4px;
	list-style: none;
	margin: 0;
	padding: 0;
	width: auto;
}
#dropmenu li {
	list-style: none;
	margin: 0;
	padding: 0;
	position: relative;
	float: none;
	line-height: normal;
	border: none;
}
#dropmenu li a {
	display: block;
	box-sizing: border-box;
	margin: 0;
	padding: 13px 14px;
	line-height: normal;
	font-size: 13.5px;
	font-weight: 600;
	color: rgba(255,255,255,.88);
	text-transform: none;
	background: none;
	border-radius: 6px;
}
#dropmenu li a:hover,
#dropmenu > li:hover > a,
#dropmenu li a.selected,
#dropmenu > li.current-menu-item > a,
#dropmenu > li.current-menu-ancestor > a {
	color: #fff;
	background: rgba(255,255,255,.14);
	text-decoration: none;
}
#dropmenu li ul {
	display: none;
	position: absolute;
	top: 100%;
	left: 0;
	margin: 0;
	padding: 8px;
	width: 220px;
	background: #fff;
	border: 1px solid #EAEDF1;
	border-radius: 10px;
	box-shadow: 0 8px 24px rgba(15,35,60,0.10);
	z-index: 100;
}
#dropmenu li:hover > ul {
	display: block;
}
#dropmenu li ul li {
	border: none;
}
#dropmenu li ul li a {
	width: auto;
	padding: 8px 10px;
	border: none;
	outline: none;
	box-shadow: none;
	forced-color-adjust: none;
	border-radius: 6px;
	font-size: 13.5px;
	font-weight: 500;
	color: #374151;
	text-transform: none;
}
#dropmenu li ul li a:hover,
#dropmenu li ul li a:focus,
#dropmenu li ul li a:focus-visible {
	background: #F1F4F7;
	color: var(--c3-green);
	border: none;
	outline: none;
	box-shadow: none;
}

#menu-control {
	display: none;
	background: none;
	color: var(--c3-blue);
	font-size: 14px;
	font-weight: 600;
	border: 1px solid #E7EBEF;
	border-radius: 8px;
	box-sizing: border-box;
	height: 40px;
	padding: 0 14px;
}
#menu-control .fa {
	margin-right: 6px;
}

.submenu-toggle {
	display: none;
	position: absolute;
	top: 0;
	right: 0;
	width: 44px;
	height: 44px;
	align-items: center;
	justify-content: center;
	background: none;
	border: none;
	padding: 0;
	color: rgba(255,255,255,.88);
	cursor: pointer;
}
.submenu-toggle .fa {
	transition: transform .2s ease;
}
li.submenu-open > .submenu-toggle .fa {
	transform: rotate(180deg);
}

.site-search {
	flex-shrink: 0;
}
.site-search .form-search {
	float: none;
}
.site-search input[type=text] {
	background: #F1F4F7;
	border: none;
	border-radius: 8px;
	box-sizing: border-box;
	height: 40px;
	padding: 0 14px;
	font-size: 13px;
	color: #374151;
	width: 170px;
}
.site-search input[type=submit] {
	margin-left: 6px;
	background: var(--c3-blue);
	color: #fff;
	border: none;
	border-radius: 8px;
	box-sizing: border-box;
	height: 40px;
	padding: 0 14px;
	font-size: 12.5px;
	font-weight: 600;
}

/* ---- Photo strip ---- */
.photo-strip {
	width: 100%;
	box-sizing: border-box;
	background: #F7F9FB;
	display: flex;
	justify-content: center;
	padding: 20px 20px 0;
}
.photo-strip img {
	width: 100%;
	max-width: 1240px;
	height: auto;
	display: block;
	border-radius: 10px;
}

/* ---- Homepage layout ---- */
#home-main {
	width: 100%;
	background: #F7F9FB;
	display: flex;
	justify-content: center;
}
.home-wrap {
	width: 100%;
	max-width: 1240px;
	box-sizing: border-box;
	padding: 28px 0 48px;
	display: flex;
	flex-direction: column;
	gap: 32px;
}

.hero-spotlight {
	width: 100%;
	box-sizing: border-box;
	border-radius: 20px;
	background: linear-gradient(135deg, var(--c3-blue) 0%, #0B4A86 100%);
	padding: 36px 40px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 32px;
}
.hero-spotlight-text {
	display: flex;
	flex-direction: column;
	gap: 14px;
	max-width: 820px;
}
.hero-tag {
	align-self: flex-start;
	background: var(--c3-green);
	color: #fff;
	font-size: 12px;
	font-weight: 700;
	letter-spacing: .04em;
	padding: 5px 12px;
	border-radius: 999px;
}
.hero-title {
	font-size: 22px;
	font-weight: 700;
	color: #fff;
	line-height: 1.35;
	margin: 0;
}
.hero-title a {
	color: #fff;
}
.hero-meta {
	font-size: 13px;
	color: #C7D6E8;
}
.hero-link {
	margin-top: 4px;
	display: inline-flex;
	align-items: center;
	gap: 6px;
	color: #fff;
	font-size: 14px;
	font-weight: 600;
}
.hero-badge {
	width: 120px;
	height: 120px;
	border-radius: 50%;
	flex-shrink: 0;
	background: rgba(255,255,255,0.08) url(../images/logo-badge.png) center / contain no-repeat;
	border: none;
	display: inline-block;
}

.section-head h2 {
	font-size: 20px;
	font-weight: 700;
	color: var(--c3-blue);
	margin: 0;
}

.news-grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 20px;
}
.news-card {
	background: #fff;
	border-radius: 14px;
	padding: 20px;
	box-sizing: border-box;
	display: flex;
	flex-direction: column;
	gap: 10px;
	border: 1px solid #EAEDF1;
	transition: box-shadow .18s ease, transform .18s ease;
}
.news-card:hover {
	box-shadow: 0 8px 24px rgba(15,35,60,0.10);
	transform: translateY(-2px);
}
.news-tag {
	align-self: flex-start;
	font-size: 11px;
	font-weight: 700;
	padding: 4px 10px;
	border-radius: 999px;
}
.news-tag.tone-navy { background: #E9F2FF; color: var(--c3-blue); }
.news-tag.tone-green { background: #EAF6E4; color: var(--c3-green); }
.news-tag.tone-teal { background: #E4F3F7; color: var(--c3-teal); }
.news-card-title {
	font-size: 15px;
	font-weight: 600;
	color: #1F2937;
	line-height: 1.4;
	margin: 0;
}
.news-card-title a {
	color: #1F2937;
}
.news-card-item {
	display: flex;
	align-items: flex-start;
	gap: 10px;
	padding: 8px 0;
	border-top: 1px solid #EEF1F4;
}
.news-card-item:first-of-type {
	border-top: none;
	padding-top: 0;
}
.news-card-item-thumb {
	display: block;
	flex-shrink: 0;
	width: 56px;
	height: 56px;
	border-radius: 8px;
	overflow: hidden;
	background: #EEF1F4;
}
.news-card-item-thumb img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}
.news-card-item-thumb-fallback {
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	background: #F1F4F7;
}
.news-card-item-thumb-fallback img {
	width: 60%;
	height: 60%;
	object-fit: contain;
}
.news-card-item-body {
	display: flex;
	flex-direction: column;
	gap: 3px;
	min-width: 0;
}
.news-card-item-title {
	font-size: 13.5px;
	font-weight: 600;
	color: #1F2937;
	line-height: 1.4;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}
.news-date {
	font-size: 11.5px;
	color: #9AA3AF;
	flex-shrink: 0;
	white-space: nowrap;
}
.news-more {
	font-size: 13px;
	font-weight: 600;
	color: var(--c3-green);
}
.news-card-cta {
	background: linear-gradient(135deg, var(--c3-green) 0%, #5C8F22 100%);
	justify-content: center;
}
.news-card-cta-title {
	font-size: 15px;
	font-weight: 700;
	color: #fff;
	line-height: 1.4;
}
.news-card-cta-desc {
	font-size: 12.5px;
	color: rgba(255,255,255,0.85);
}
.news-card-cta-btn {
	align-self: flex-start;
	margin-top: 4px;
	background: #fff;
	color: var(--c3-green);
	font-size: 13px;
	font-weight: 700;
	padding: 8px 14px;
	border-radius: 8px;
}

.secondary-row {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 20px;
}
.mini-card {
	background: #fff;
	border-radius: 14px;
	border: 1px solid #EAEDF1;
	overflow: hidden;
}
.mini-card-head {
	padding: 16px 20px;
	display: flex;
	align-items: center;
	gap: 10px;
	border-bottom: 1px solid #EEF1F4;
	font-size: 14px;
	font-weight: 700;
	color: var(--c3-blue);
}
.mini-card-body {
	padding: 16px 20px;
	display: flex;
	flex-direction: column;
	gap: 10px;
}
.mini-card-body a {
	font-size: 13.5px;
	color: #374151;
}
.mini-card-body a:hover {
	color: var(--c3-green);
}

/* ---- Footer restyle ---- */
#bottom_seciton {
	width: 100%;
	box-sizing: border-box;
	background: var(--c3-blue);
	background-image: none;
	border-top: none;
	box-shadow: none;
}
#footer {
	width: 100%;
	max-width: 1240px;
	box-sizing: border-box;
	margin: 0 auto;
	padding: 36px 20px 28px;
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 28px 32px;
	font-family: inherit;
}
#footer h5 {
	color: #fff;
	font-size: 14px;
	font-weight: 700;
}
#footer ul {
	float: none;
	padding-bottom: 0;
}
.find_your_way,
.help_support,
.quick_links,
.contact_us {
	width: auto;
	float: none;
	padding-left: 0;
}
#footer li,
#footer li a {
	background: none;
	padding-left: 0;
	font-size: 13.5px;
	font-weight: 400;
	color: #B9C7D9;
}
#footer li a:hover {
	color: #fff;
}
.contact_us p {
	margin: 0 0 12px;
}
.contact_us p strong {
	color: #fff;
}
.contact_us li.telephone_no,
.contact_us li.email_address,
.contact_us li.googlemaps,
.contact_us li.address {
	background: none !important;
	padding-left: 0 !important;
	color: #B9C7D9;
	display: flex;
	align-items: center;
	gap: 10px;
}
.contact_us li.address {
	align-items: flex-start;
}
.contact_us li.googlemaps a {
	color: #B9C7D9;
}
.contact_us li .fa {
	flex: 0 0 26px;
	width: 26px;
	height: 26px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
	background: rgba(255, 255, 255, .12);
	color: var(--c3-green);
	font-size: 12px;
}
.contact_us li.address .fa {
	margin-top: 2px;
}
.contact_us li.telephone_no a,
.contact_us li.email_address a {
	color: #B9C7D9;
}
.contact_us li.telephone_no a:hover,
.contact_us li.email_address a:hover,
.contact_us li.googlemaps a:hover {
	color: #fff;
}

/* ---- Responsive: header / homepage grid / footer ---- */
@media only screen and (max-width: 992px) {
	.site-header-top {
		padding: 14px 16px;
	}
	#menu-control {
		display: inline-flex;
		align-items: center;
	}
	#navigation {
		display: none;
	}
	#navigation.nav-open {
		display: block;
	}
	.site-header-nav-inner {
		padding: 4px 16px 12px;
	}
	/* A legacy rule (#navigation.nav-open #dropmenu { display: block; })
	   has higher specificity than the flex rules below and was forcing
	   #dropmenu back to display:block whenever the mobile nav opens.
	   With block layout, an open submenu (position:static) didn't expand
	   its parent <li>'s box, so the submenu visually overlapped the next
	   top-level item, sending taps on it to the wrong link. Matching the
	   legacy selector's specificity here restores flex layout. */
	#navigation.nav-open #dropmenu {
		display: flex;
	}
	#dropmenu {
		flex-direction: column;
		align-items: flex-start;
		gap: 0;
	}
	#dropmenu li {
		width: 100%;
		border-bottom: 1px solid rgba(255,255,255,.12);
	}
	#dropmenu li a {
		padding: 12px 4px;
		width: 100%;
		border-radius: 0;
	}
	#dropmenu li.menu-item-has-children > a {
		padding-right: 44px;
	}
	.submenu-toggle {
		display: flex;
	}
	#dropmenu li:hover > ul {
		display: none;
	}
	#dropmenu li.submenu-open > ul {
		display: block;
	}
	#dropmenu li ul {
		position: static;
		box-shadow: none;
		border: none;
		width: 100%;
		margin: 0 0 4px;
		padding: 0 0 0 14px;
		background: none;
	}
	#dropmenu li ul li a,
	#dropmenu li ul li a:visited,
	#dropmenu li ul li a:focus,
	#dropmenu li ul li a:focus-visible {
		color: rgba(255,255,255,.75) !important;
		background: none;
	}
	#dropmenu li ul li a:hover {
		background: none;
		color: #fff;
	}
	.site-logo {
		flex: 1 1 100%;
		order: 1;
		min-width: 0;
	}
	.site-logo-text {
		min-width: 0;
	}
	#menu-control {
		order: 2;
		flex: 0 0 auto;
	}
	.site-search {
		flex: 1 1 0;
		order: 3;
		min-width: 0;
	}
	.site-search form {
		display: flex;
		gap: 8px;
		width: 100%;
	}
	.site-search input[type=text] {
		flex: 1 1 auto;
		width: auto;
		min-width: 0;
		box-sizing: border-box;
	}
	.site-search input[type=submit] {
		flex: 0 0 auto;
	}

	.news-grid,
	.secondary-row {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
	.hero-spotlight {
		padding: 28px;
	}
	.hero-title {
		font-size: 19px;
	}

	#footer {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media only screen and (max-width: 640px) {
	.hero-spotlight {
		flex-direction: column;
		align-items: flex-start;
		padding: 24px 20px;
	}
	.hero-badge {
		display: none;
	}
	.hero-title {
		font-size: 16px;
		line-height: 1.4;
	}
	.hero-meta {
		font-size: 12px;
	}
	.news-grid,
	.secondary-row {
		grid-template-columns: 1fr;
	}
	.home-wrap {
		padding: 20px 16px 36px;
		gap: 24px;
	}

	#footer {
		grid-template-columns: 1fr;
	}
}

/* ---- Kill legacy active/hover nav background sprite (image no longer exists) ----
   The old `#dropmenu li:hover { background-color: #89ab20; }` rule (line ~3050)
   is a descendant selector, so it also matches submenu <li> items nested inside
   the white dropdown panel. Their <a> already gets a rounded, inset hover
   highlight; the green <li> background was peeking out at the 4 corners the
   rounded <a> doesn't cover. Scoping this reset to plain "li" (not just "> li")
   clears it at every depth. */
#dropmenu li:hover,
#dropmenu > li.current-menu-item,
#dropmenu > li.current-menu-ancestor,
.menu .active {
	background: none;
	color: inherit;
}

/* PrimaryWalker marks the current item with class="active"; legacy rules
   painted it dark text (#333) on a green background - invisible on the
   new navy nav bar. Force the top-level item to match the hover style
   instead (scoped to "> li" so submenu items inside the white dropdown
   panel aren't also turned white-on-white). */
#dropmenu > li.active > a {
	color: #fff !important;
	background: rgba(255,255,255,.14) !important;
	border-radius: 6px;
}

/*
=======================================================================
	Inner pages (category / archive / search / sidebar) restyle
	Same visual language as the new homepage (rounded cards, soft
	borders, --c3-* tokens) applied on top of the existing float-based
	.col1/.col2 layout - layout/markup untouched, only surface styling.
=======================================================================
*/
#wrapper_sec {
	width: 100%;
	max-width: 1240px;
	background: #fff;
	box-shadow: 0 2px 20px rgba(15,35,60,0.07);
	border-radius: 16px;
	margin: 24px auto 48px;
	overflow: hidden;
}
#content_section {
	width: 100%;
	box-sizing: border-box;
	padding: 28px 20px;
}
.col1 {
	width: 74%;
}
.col2 {
	width: 24%;
}

.featured_category,
.featured_category.color-blue {
	background: #fff;
	border: 1px solid #EAEDF1;
	border-radius: 14px;
	overflow: hidden;
}
.featured_category .featured-title,
.featured_category.color-blue .featured-title {
	background: none;
	border-bottom: 1px solid #EEF1F4;
	margin-bottom: 0;
	padding: 0;
}
.featured_category .featured-title h2 {
	display: flex;
	align-items: center;
	gap: 8px;
	font-size: 17px;
	font-weight: 700;
	text-transform: none;
	color: var(--c3-blue);
	padding: 16px 20px;
}
.featured_category .featured-title h2 .fa {
	font-size: 15px;
	line-height: 1;
	flex-shrink: 0;
}
.featured_category .featured-title h2 a,
.featured_category .featured-title h2 a:hover {
	color: var(--c3-blue);
	text-shadow: none;
}
.featured_category .featured-content,
.page-content .featured-content {
	padding: 16px 20px 20px;
	text-align: left;
	color: var(--c3-text);
}
/* Plain text pages (gioi-thieu, lien-he, single...) output raw the_content()
   HTML of any shape (p, headings, lists, images, tables...); the padding
   above insets every child uniformly so nothing touches the card edges,
   and these rules give that HTML consistent typography. */
.featured-content > *:first-child {
	margin-top: 0;
}
.featured-content > *:last-child {
	margin-bottom: 0;
}
.featured-content > p {
	margin: 0 0 14px;
	font-size: 15px;
	line-height: 1.7;
}
.featured-content h1,
.featured-content h2,
.featured-content h3,
.featured-content h4,
.featured-content h5,
.featured-content h6 {
	margin: 22px 0 10px;
	font-weight: 700;
	line-height: 1.35;
	color: var(--c3-blue);
}
.featured-content h2 { font-size: 20px; }
.featured-content h3 { font-size: 17px; }
.featured-content h4 { font-size: 15px; }
.featured-content a {
	color: var(--c3-green);
	text-decoration: underline;
	text-underline-offset: 2px;
}
.featured-content a:hover {
	color: var(--c3-blue);
}
.featured-content strong,
.featured-content b {
	color: #1F2937;
}
.featured-content ul,
.featured-content ol {
	margin: 0 0 14px;
	padding-left: 22px;
	font-size: 15px;
	line-height: 1.7;
}
.featured-content li {
	margin-bottom: 6px;
}
.featured-content img {
	max-width: 100%;
	height: auto;
	border-radius: 12px;
	display: block;
	margin: 10px auto;
}
.featured-content blockquote {
	margin: 16px 0;
	padding: 12px 16px;
	border-left: 3px solid var(--c3-green);
	background: #F6FAF3;
	color: #556;
	font-style: italic;
	border-radius: 0 10px 10px 0;
}
.featured-content table {
	width: 100%;
	border-collapse: collapse;
	margin: 14px 0;
	font-size: 14px;
}
.featured-content table th,
.featured-content table td {
	border: 1px solid #EAEDF1;
	padding: 8px 10px;
	text-align: left;
}
.featured-content table th {
	background: #F7F9FB;
	font-weight: 600;
	color: var(--c3-blue);
}
.featured-content iframe,
.featured-content video {
	max-width: 100%;
	border-radius: 12px;
}

/* Photo album grid (thu-vien-anh archive) */
.album-grid {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
	gap: 18px;
}
.featured-content .album-card {
	display: block;
	border: 1px solid #EAEDF1;
	border-radius: 14px;
	overflow: hidden;
	background: #fff;
	color: inherit;
	text-decoration: none;
	transition: box-shadow .2s ease, transform .2s ease;
}
.featured-content .album-card:hover {
	box-shadow: 0 10px 24px rgba(11, 61, 107, 0.14);
	transform: translateY(-3px);
}
.album-cover {
	position: relative;
	aspect-ratio: 4 / 3;
	background: #EEF1F4;
	overflow: hidden;
}
.featured-content .album-cover img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
	margin: 0;
	border-radius: 0;
	transition: transform .35s ease;
}
.featured-content .album-card:hover .album-cover img {
	transform: scale(1.07);
}
.album-icon {
	position: absolute;
	right: 10px;
	bottom: 10px;
	width: 30px;
	height: 30px;
	border-radius: 50%;
	background: rgba(11, 61, 107, 0.75);
	color: #fff;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 13px;
}
.album-info {
	padding: 12px 14px 14px;
}
.featured-content .album-title {
	margin: 0 0 4px;
	font-size: 14px;
	font-weight: 600;
	line-height: 1.4;
	color: #1F2937;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
}
.featured-content .album-card:hover .album-title {
	color: var(--c3-green);
}
.album-date {
	font-size: 12px;
	color: #9AA3AF;
}
@media (max-width: 640px) {
	.album-grid {
		grid-template-columns: repeat(auto-fill, minmax(140px, 1fr));
		gap: 12px;
	}
	.album-info {
		padding: 10px;
	}
}

/* 2-column card grid (org chart / bo-may-to-chuc archive) */
.org-grid {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 16px;
}
.org-grid .news_item {
	border: 1px solid #EEF1F4;
	border-radius: 12px;
}
@media (max-width: 680px) {
	.org-grid {
		gap: 10px;
	}
	.org-grid .news_item {
		padding: 10px;
		gap: 8px;
	}
	.org-grid .news_item .des .titles {
		font-size: 13px;
	}
	.org-grid .news_item .blog-detail {
		display: none;
	}
}

/* bo-may-to-chuc single (department detail) page */
.org-back-link {
	display: inline-block;
	font-size: 13px;
	font-weight: 600;
	color: var(--c3-blue);
	margin: 0 0 16px;
}
.org-back-link:hover {
	color: var(--c3-green);
}
.org-photo {
	border-radius: 14px;
	overflow: hidden;
	margin: 0 0 16px;
	background: #EEF1F4;
}
.org-photo img {
	width: 100%;
	max-height: 420px;
	object-fit: cover;
	display: block;
}
.featured-content .ead-preview {
	border: 1px solid #EAEDF1;
	border-radius: 14px;
	overflow: hidden;
	margin: 0 0 16px;
}
.featured-content > p.org-updated {
	margin-top: 8px;
	padding-top: 12px;
	border-top: 1px solid #EEF1F4;
	color: #9AA3AF;
	font-size: 13px;
}

.news_item {
	display: flex;
	align-items: flex-start;
	gap: 16px;
	float: none;
	width: auto;
	border-bottom: 1px solid #EEF1F4;
	padding: 16px 20px;
}
.news_item:last-child {
	border-bottom: none;
}
.news_item .thumb {
	float: none;
	width: 160px;
	flex-shrink: 0;
}
.news_item .thumb .featured-thumbnail {
	width: 160px;
	height: 112px;
	border-radius: 14px;
	overflow: hidden;
	background: #EEF1F4;
}
.news_item .thumb .featured-thumbnail img,
.news_item .thumb img {
	border-radius: 14px;
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
	border: none;
	padding: 0;
}
.news_item .des {
	float: none;
	width: auto;
	flex: 1 1 auto;
	min-width: 0;
	margin-top: 0;
}
.news_item .des a {
	color: #1F2937;
}
.news_item .des a:hover {
	color: var(--c3-green);
}
.news_item .des .titles {
	font-size: 15px;
	font-weight: 600;
	line-height: 1.4;
	color: inherit;
	margin-bottom: 6px;
}
.news_item .des .blog-detail {
	border-top: none;
}
.news_item .des .blog-detail p {
	font-size: 12px;
	color: #9AA3AF;
	float: none;
}
.news_item .des .blog-detail label {
	font-weight: 500;
}

/* ---- Related posts list (single.php's .other_news) ---- */
.other_news {
	margin: 0;
	padding: 16px 20px 20px;
	border-top: 1px solid #EEF1F4;
}
.other_news h2 {
	border-bottom: none;
	margin: 0 0 8px;
	padding: 0;
	font-size: 15px;
	font-weight: 700;
	color: var(--c3-blue);
	text-transform: none;
}
.other_news h2 .fa {
	font-size: 13px;
	margin-right: 4px;
}
.other_news ul {
	padding: 0;
}
.other_news ul li {
	border-bottom: 1px solid #F3F5F7;
}
.other_news ul li:last-child {
	border-bottom: none;
}
.other_news ul li a {
	position: relative;
	display: block;
	background: none;
	padding: 10px 0 10px 16px;
	color: #374151;
}
.other_news ul li a::before {
	content: "";
	position: absolute;
	left: 2px;
	top: 50%;
	width: 5px;
	height: 5px;
	margin-top: -2px;
	border-radius: 50%;
	background: var(--c3-green);
}
.other_news ul li a:hover {
	color: var(--c3-green);
}
.other_news ul li a .title {
	margin: 0;
	font-size: 14px;
	font-weight: 500;
	line-height: 1.4;
	color: inherit;
}

/* ---- Sidebar widgets (.col2) ---- */
.col2 .widget,
.sidebar-box {
	background: #fff;
	border: 1px solid #EAEDF1;
	border-radius: 14px;
	float: none;
	width: auto;
	margin-bottom: 20px;
	overflow: hidden;
}
.col2 .widget .box-title {
	background: none;
	width: auto;
	height: auto;
	margin-bottom: 0;
}
.col2 .widget .box-title h5 {
	display: block;
	padding: 14px 18px;
	margin: 0;
	border-bottom: 1px solid #EEF1F4;
	font-size: 14px;
	font-weight: 700;
	line-height: 1.3;
	color: var(--c3-blue);
	text-transform: none;
	text-shadow: none;
}
.col2 .widget .box-content,
.sidebar-box .box-content {
	background: none;
	float: none;
	width: auto;
	margin-left: 0;
	padding: 6px 18px 14px;
	border: none;
}
.col2 .widget .box-content .post {
	border-top: 1px solid #EEF1F4;
	padding: 8px 0;
}
.col2 .widget .box-content li:first-child .post {
	border-top: none;
	padding-top: 0;
}
.col2 .widget .box-content .post h3 {
	font-size: 13.5px;
	font-weight: 500;
	line-height: 1.4;
}
.col2 .widget .box-content .post.post-has-thumb {
	display: flex;
	align-items: flex-start;
	gap: 10px;
}
.col2 .widget .box-content .post-thumb {
	flex: 0 0 58px;
	width: 58px;
	height: 58px;
	display: block;
	overflow: hidden;
}
.col2 .widget .box-content .post-thumb img {
	width: 58px;
	height: 58px;
	object-fit: cover;
	display: block;
}
.col2 .widget .box-content .post.post-has-thumb h3 {
	flex: 1;
	margin: 0;
}
.col2 .widget .box-content .org-chart-list h3 {
	font-size: 14px;
	font-weight: 500;
	line-height: 1.4;
	margin: 0;
	padding: 8px 0;
	border-top: 1px solid #EEF1F4;
}
.col2 .widget .box-content .org-chart-list h3:first-child {
	border-top: none;
	padding-top: 0;
}
.col2 .widget .box-content .org-chart-list h3 a {
	display: flex;
	align-items: center;
	gap: 8px;
	color: #374151;
}
.col2 .widget .box-content .org-chart-list h3 a:hover {
	color: var(--c3-green);
}
.col2 .widget .box-content .org-chart-list h3 .fa-user {
	flex: 0 0 26px;
	width: 26px;
	height: 26px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
	background: var(--c3-blue);
	color: #fff;
	font-size: 12px;
}
.col2 .widget .box-content .post a,
.col2 .widget .box-content ul li a {
	display: block;
	background: none;
	padding-left: 0;
	color: #374151;
}
.col2 .widget .box-content .post a:hover,
.col2 .widget .box-content ul li a:hover {
	color: var(--c3-green);
}

/* ---- Pagination ---- */
.wp-pagenavi {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 6px;
	float: none;
	height: auto;
	margin: 8px 20px 20px;
}
.wp-pagenavi a,
.wp-pagenavi span.current {
	margin: 0;
	float: none;
	border: 1px solid #E7EBEF;
	background: #fff;
	color: #374151;
}
.wp-pagenavi a:hover {
	background: var(--c3-blue);
	border-color: var(--c3-blue);
	color: #fff;
}
.wp-pagenavi span.current {
	background: var(--c3-blue);
	border-color: var(--c3-blue);
	color: #fff;
}

@media only screen and (max-width: 640px) {
	#wrapper_sec {
		margin: 0 auto;
		border-radius: 0;
	}
	#content_section {
		padding: 20px 16px;
	}
	.featured_category .featured-title h2 {
		padding: 14px 16px;
	}
	.news_item {
		flex-direction: column;
		padding: 16px;
	}
	.news_item .thumb,
	.news_item .thumb .featured-thumbnail {
		width: 100%;
	}
	.other_news {
		padding: 14px 16px 16px;
	}
}