
/*Main Structure*/
body {	
	background:#F0F4F5 none repeat scroll 0 0;	
	font-family:Arial;
	font-size:75%;	
	font-style:normal;
	font-variant:normal;
	font-weight:normal;
	line-height:120%;
	text-align:center;
}
#wrap-main {
	width:960px;
	padding:0px 10px;
	background:url(../imagestyle/container_bg.gif) repeat-y 0 0;
	text-align:left;
	margin:0 auto;
	overflow: hidden;
}
/*=======================================*/
/*header*/
#header {display: block; height: 84px; padding: 10px 20px;}
    #header h1 {float: left; margin-right: 10px;}
    #header h1 a {
        background: url(../imagestyle/LogoCen.png);
        width: 210px;
        height: 80px;
        display: block;
        text-indent: -2000em;
    }
    #header #adv-top {
        width: 700px;
        height: 80px;
        float: left;
        text-align: center;
    }
	#header #lang {float:right; margin:-35px 0 0 0; font-size:90%;}
	#header #lang a {margin-left:5px; color:#333; text-decoration:none;}
/*=======================================*/
/*navigation*/
#naviright {
	margin:0;	
	background:url(../imagestyle/menu_ngang_bg.gif) bottom repeat-x;
}
#navi 
{
	font-size:11px;
	font-weight:bold;
	margin:0;
	padding:0;	
	display:block;
	background:url(../imagestyle/menu_ngang_bg.gif) bottom repeat-x;
}	
	#navi ul {margin:0px;
			padding:0px;			
			display:block;
			height:32px;
			}
	#navi li 
	{
		display:block;
		float:left;
		margin-right:0px;
		background:url(../imagestyle/menu_ngang_bg.gif) top left repeat-x;
		height:32px;
	}
	#navi li a {
		display:inline-block;
		font-size:11px;
		font-weight:bold;
		background:url(../imagestyle/menu_ngang_hove.gif) top right no-repeat;		
		padding:5px 10px 0 10px;
		text-decoration:none;		
		color:#FFFFFF;/*color:#666;*/
		height:inherit;
	}
	#navi li a:hover {background:url(../imagestyle/menu_ngang_hove.gif) top right repeat-x; color:#151B54;}
	/*#navi li a:hover {background:url(../imagestyle/menu_ngang_hove.gif) top right repeat-x; color:#e87817;}*/
	#navi li.current {background:url(../imagestyle/menu_ngang_hove.gif) top left repeat-x;}
	#navi li.current a {background:url(../imagestyle/menu_ngang_hove.gif) top right repeat-x; color:#151B54;}
	/*#navi li.current a:hover {color:#000000;}*/	
	#subnav {
	    background:url(../imagestyle/menu_sub.gif) bottom repeat-x #FFFFFF;
		padding:2px 20px 0 20px;
		font-size:11px; 
		height:23px;
	}
	#subnav a {color:#151B54; font-weight:bold; text-decoration:none; margin-right:10px; padding:2px 0 5px 2px; display:inline-block;}
	/*#subnav a {color:#e87817; font-weight:bold; text-decoration:none; margin-right:10px; padding:2px 0 5px 2px; display:inline-block;}*/	
	#subnav a:hover {color:#2B60DE; font-weight:bold; text-decoration:none; margin-right:10px; padding:2px 0 5px 2px; display:inline-block;}
	#subnav a.current {background:#151B54; padding:2px 5px; color:#000;}
	#navi #search {float:right; margin-top:-28px; padding-right:15px; font-size:120%; font-weight:bold;}	
	#cenblog
	{
		float:right;	
	}
	#cenblog a, #cenblog a:hover {color:#151B54; font-weight:bold; text-decoration:none; margin-right:2px; padding:2px 0 5px 2px; display:inline-block;}
/*===================*/
/*wrap-contents*/
#wrap-contents {
	padding:10px 15px;
}
#homecontents {
		width:660px;
		float:left;
		margin-right:15px;
	}

#adv-home {
        width: 660px;
        height: 80px;
        float: left;
        text-align: center;
	}	
#bar-right {
		line-height:17px;
		float:left;
        width:250px;
	}
	/*light chrome*/
.lightchrome {
		border:solid 1px #ccc;
		margin-bottom:10px;
	}
.lightchrome h3 {
		background:url(../imagestyle/project_right_bg.gif) repeat-x;
		height:23px;
		padding:2px 0px 3px 10px;
		font-size:70%;
		font-weight:bold;
		color:#FFFFFF;
		font-family:Arial;
		text-transform:uppercase;
	}
#block-linksite{background-color:#F5F5F5;}	
.lightchrome-body {padding:10px 15px;}
#projects .p-item {
		/*margin-bottom:1px;
		border-bottom:solid 1px #ccc;*/
		padding-bottom:1px;
	}
	#projects .p-item .p-img {float:left; width:80px; margin:0px 10px 10px 5px;}
	#projects .p-item dl dt  a, a:visited {color:#525252; text-decoration:none;}
	#projects .p-item dl dt a:hover {color:#00636C;}


	#projects .p-item .p-img img {border:solid 2px #00636c; padding:0px; width:80px; height:60px;}
	#projects .p-item dl {font-size:80%; color:#000000;}
	#projects .p-item dl dt {font-weight:100; margin-bottom:10px; color:#3e3e3e;}
	#projects p {font-size:90%;}
	#projects ul 
	{
		margin-bottom:15px;
	}
	#projects ul li 
	{
		background:transparent url(../imagestyle/li_bg.gif) no-repeat scroll 0 6px;
		font::Arial;
		margin-left:10px;
		padding-left:15px;
		padding-bottom:5px;
	}
	#projects ul li a
	{
		font::Arial;
		font-size:12px;
		color:#a82c05;
		text-decoration:none;
	}
	#projects ul li a:hover{color:#00636C;}
	
	#link-website
	{
		padding:4px 10px 7px 15px;
	}

/*footer*/
#footer {
	margin:0;
	clear:both;
	width:100%;
}
	#footer .delim {
		background:#277478;
		font-size:90%;
		padding:5px 20px;		
		text-align:center;
	}
		#footer .delim a {color:#fff; text-decoration:none; margin-right:10px; font-weight:normal;}
		#footer .delim a.last {margin:0;}
		#footer .delim a:hover {text-decoration:underline;}	
	.siteinfo
	{
		border:solid 2px #E77C1E;		
		padding:0px;
		font-size:90%;
	}
	.siteinfo h3 {
		background:#E77C1E repeat-x scroll 0 0;
		height:22px;		
		padding:2px 20px;
		font-size:80%;
		font-weight:bold;
		color:#FFFFFF;
		font-family:Arial, Helvetica, sans-serif;
		text-align:center;
	}		
	.siteinfo table
	{
		width:100%;
		padding:5px;		
		font-size:90%;
	}
	.siteinfo table a
	{
		font-weight:bold;
		color:#277478;
		text-decoration:none;
	}
#news1{float:left;}
	.hot-news {
		background:transparent url(../imagestyle/title_bg_bottom.gif) repeat-x scroll left top;
		color:#FFFFFF;
		height:25px;
		padding:4px 0px 2px 0px;	
		width:660px;
	}
	.hot-news h3{
		padding-bottom:2px;
		font-family:Arial;
		font-size:70%;
		font-weight:bold;
		height:25px;
		color:#FFFFFF;	
		text-transform:uppercase;
	}
	.hot-news h3 a{
		background:transparent url(../imagestyle/title_bg.gif) no-repeat right top;
		padding:2px 20px 2px 10px;
		color:#FFFFFF;
		height:23px;
	}
	.hotnews-block
	{
		float:left;
		margin-bottom:10px;
		width:660px;
		font-family:Arial;
		font-size:70%;
		font-weight:normal;
		color:#3E3E3E;
	}
	.hotnews-block .n-image
	{
		float:left;
		height:160px;
		width:250px;	
		margin-bottom:10px;
		padding:10px 20px 10px 0px;	
	}
	.hotnews-block .n-image img {
		border:3px solid #CCCCCC;
		padding:2px;
		width:250px;
		height:160px
	}
	.hotnews-block dl dt
	{
		font-weight:bold;
		margin-bottom:5px;
		padding-top:20px;
		color:#E87817;
	}
	.hotnews-block ul
	{
		float:left;
		padding-left:0px;	
		width:660px;
	}
	.hotnews-block ul li
	{
		float:left;	
		padding-right:40px;
		width:120px;
	}
	.hotnews-block ul li img
	{
		border:solid 2px #d7d7d7;	
		width:120px;
		height:80px;
		display:block;
	}
#news2, #news3, #news4, #news5, #news6{float:left;width:660px;}	
	.newsblock-home-cen {
		padding-top:10px;
		padding-right:10px;
		width:320px;
		font-family:Arial;
		font-size:70%;
		float:left;
		margin-bottom:10px;
	}
	.newsblock-home-cen h3 {
			font-size:120%;
			font-weight:bold;
			border-bottom:solid 1px #666;
			padding-bottom:5px;
			margin-bottom:10px;
		}
		.newsblock-home-cen h3 a, .newsblock-home h3 a:visited {color:#000;}/*color:#666;*/ .newsblock-home h3 a:hover {text-decoration:underline;}
		.newsblock-home-cen .n-image {float:left; margin:3px 10px 10px 0;}
		.newsblock-home-cen .n-image img {width:140px; height:100px;border:3px solid #CCCCCC;}
		.newsblock-home-cen dl dt {font-weight:bold; margin-bottom:5px;}
		.newsblock-home-cen dl dd {color:#3E3E3E;}/*color:#666;*/
		.newsblock-home-cen ul {clear:both; margin:10px 2px;color:#3E3E3E}
		.newsblock-home-cen ul li {background:transparent url(../imagestyle/li_bg.gif) no-repeat scroll left center;padding-left:15px;}
		.newsblock-home-cen ul li a, .newsblock-home ul li a:visited {color:#3E3E3E;} 
		.newsblock-home-cen ul li a:hover {text-decoration:underline;}	
.slimtab {
background:transparent url(../imagestyle/slim_tab_blue_bg.gif) no-repeat scroll left top;
border-bottom:0 solid #CBE0EC;
}
/*clear floated div - http://www.positioniseverything.net*/
.clearfix:after, #wrap-main:after, #wrap-contents:after, .c-item:after, .slimtab:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.clearfix, #wrap-main,  #wrap-contents, .c-item,.slimtab {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix, * html  #wrap-contents, * html .c-item, * html .slimtab {height: 1%;}/* html #wrap-main, */
.clearfix, #wrap-main,  #wrap-contents, .c-item, .slimtab {display: block;}
/*END HAINM =======================================*/

/*BEGIN CSS hien thi danh sach tin*/
#list-news{float:left;}
	.list-newshd {
		background:#FFFFFF url(../imagestyle/title_bg_bottom.gif) repeat-x scroll left top;
		color:#FFFFFF;
		height:25px;
		padding:4px 0px 2px 0px;	
		width:660px;
		text-transform:uppercase;
	}
	.list-newshd h3{
		padding-bottom:0px;
		font-family:Arial;
		font-size:14px;
		font-weight:bold;
		height:25px;		
		color:#000000;
	}
	.list-newshd h3 a		
	{			
		background-color:#FFFFFF;
		padding:2px 4px 2px 0px;
		color:#000000;
		height:25px;
		text-decoration:none;
	}
	#a2 ,#a2 a		
	{			
		font-size:11px;
		font-weight:bold;
		color:#277478;
	}
	.itemdetail
	{
		float:left;
		margin:10px 0px 5px 0px;
		width:660px;
		font-family:Arial;
		font-size:80%;
		font-weight:normal;
		color:#3E3E3E;
		border-bottom:1px solid #CCCCCC;
	}
	.img-item{
		float:left;
		margin:2px 15px 5px 0;
		width:124px;
	}	
	.img-item img{
		border:2px solid #CCCCCC !important;
		padding:2px;
		width:120px;
		height:80px
	}	
	.itemdetail dl dt a
	{
		font-weight:bold;
		margin-bottom:5px;
		padding-top:0px;
		color:#E87817;
		float:none;
	}
	.itemdetail dl a
	{
		font-weight:bold;
		float:right;
		color:#E87817;
	}
	#list-news .btn-link a	
	{
		color:#FF0000;
		font-size:12px;
		font-family:Tahoma;
		font-weight:bold;		
	}
	#list-news .btn-link{text-align:right;}
/*END CSS hien thi danh sach tin*/

/*BEGIN CSS hien thi tin chi tiet*/
#news-contents{float:left;}
	.news-detail
	{
		color:#000000;
		font-size:12px;
		font-family:Arial;		
		padding:4px 0px 2px 0px;	
		width:660px;
	}
	.news-detail p
	{
		padding-bottom:6px;
	}
	.news-detail h2
	{
		font-size:16px;
		font-family:Arial;
		font-weight:bold;		
		padding-bottom:10px;
	}
	.n-date
	{
		font-family:Arial;
		font-weight:normal;		
		padding-bottom:10px;
	}
	.n-descript
	{
		font-size:12px;	
		font-weight:bold;
		padding-bottom:10px;
	}
	.n-content
	{
		text-align:justify;
		/*font-family:Arial;
		font-size:13px;	
		font-weight:normal;*/
	}
/*END CSS hien thi tin chi tiet*/	
/*BEGIN CSS hien thi 10 tin khac*/	
#other-news
{
	float:left;
	border-top:1px solid #CCCCCC;
	padding-top:10px;
	width:660px;
}
#other-news h3
{
	font-size:100%;
	font-weight:bold;
	margin-bottom:10px;
}
#other-news ul
{
	color:#999999;
	font-size:13px;	
	margin:10px 15px;
}
#other-news ul li a
{
	background:transparent url(../imagestyle/RightArrow.gif) no-repeat scroll left center;
	font-size:13px;
	color:#000000;
	padding-left:20px;
	text-decoration:none;
}
#other-news ul li a:hover{color:#E87817;}
/*BEGIN CSS hien thi 10 tin khac*/	

/*BEGIN CSS hien thi video */	
#video-title
{
	font-size:11px;
	font-weight:bold;
	text-align:center;
	padding:2px 2px 2px 10px;
}
#video-link ul 
{
	list-style-image:none;
	list-style-position:inside;
	list-style-type:square;
	color:#868D9D;	
	padding:2px 2px 2px 10px;
}
#video-link ul li a
{
	font-size:12px;
	color:#3E3E3E;
	padding-left:5px;
}
#video-link ul li a:hover
{
	font-size:12px;
	color:#E77C1E;
	padding-left:5px;
}
#mediaspace{padding:2px;}
/*END CSS hien thi video */	
.block-partner
{
	float:left;
	padding:3px;
	width:115px;
	/*border:solid 2px #277478;*/
}
#partner{float:left;width:250px;}
#partner .part{height:245px;}
#view-access{float:left;width:250px;}

/*BEGIN Search*/
.search-newshd 
{
	background:#FFFFFF url(../imagestyle/title_bg_bottom.gif) repeat-x scroll left top;
	color:#000;
	height:25px;
	padding:4px 0px 2px 0px;	
	width:660px;
}
.search-newshd h3
{
	padding-bottom:0px;
	font-family:Arial;
	font-size:12px;
	font-weight:bold;
	height:25px;		
}
/*END Search*/
#homecontents-table{
		width:660px;
		float:left;		
	}		
.tabcontact
{
	border-collapse:separate;
	border-spacing:4px;
	font-size:12px;
	font-weight:bold;
	font-family:Arial;
	color:#E87817;
}
.tabcontact tr td
{
	
}
#sitemap ul li 
{
	/*background:transparent url(../imagestyle/li_bg.gif) no-repeat scroll 0 6px;*/
	font:Arial;
	margin-left:10px;
	padding-left:15px;
	padding-bottom:5px;
	font-weight:bold;
}
#sitemap ul li a
{
	font:Arial;
	font-size:12px;
	color:#a82c05;
	text-decoration:none;
}
.p-toolbar 
{
	border-top:1px solid #EEEEEE;
	border-bottom:1px solid #EEEEEE;
	font-size:80%;
	font-weight:normal;
	padding-top:5px;
	text-align:right;
}
.p-toolbar  a
{
	font:Arial;
	font-size:12px;
	color:#a82c05;
	text-decoration:none;
}
/*Edit 12/10/09*/
#tygia
{
	width:250px;
}
#tygia table 
{
	border:solid 1px #3E3E3E;
	padding:1px 1px 1px 1px;
	color:#3E3E3E;
	font-size:12px;	
	margin:1px;
}
#tygia table th 
{
	font-weight:bold;	
	color:#FFFFFF;
	font-family:Arial;	
}

/*Project CSS Edit 5/12/09*/
#centprojects1{float:left;}
	.hot-centprojects {
		background:transparent url(../imagestyle/title_bg_bottom.gif) repeat-x scroll left top;
		color:#FFFFFF;
		height:25px;
		padding:4px 0px 2px 0px;	
		width:660px;
	}
	.hot-centprojects h3{
		padding-bottom:2px;
		font-family:Arial;
		font-size:70%;
		font-weight:bold;
		height:25px;
		color:#FFFFFF;	
		text-transform:uppercase;
	}
	.hot-centprojects h3 a{
		background:transparent url(../imagestyle/title_bg.gif) no-repeat right top;
		padding:2px 20px 2px 10px;
		color:#FFFFFF;
		height:23px;
	}
	.hotnews-block
	{
		float:left;
		margin-bottom:10px;
		width:660px;
		font-family:Arial;
		font-size:70%;
		font-weight:normal;
		color:#3E3E3E;
	}
	.hotnews-block .n-image
	{
		float:left;
		height:160px;
		width:250px;	
		margin-bottom:10px;
		padding:10px 20px 10px 0px;	
	}
	.hotnews-block .n-image img {
		border:3px solid #CCCCCC;
		padding:2px;
		width:250px;
		height:160px
	}
	.hotnews-block dl dt
	{
		font-weight:bold;
		margin-bottom:5px;
		padding-top:20px;
		color:#E87817;
	}
	.hotnews-block ul
	{
		float:left;
		padding-left:0px;	
		width:660px;
	}
	.hotnews-block ul li
	{
		float:left;	
		padding-right:40px;
		width:120px;
	}
	.hotnews-block ul li img
	{
		border:solid 2px #d7d7d7;	
		width:120px;
		height:80px;
		display:block;
	}
#centprojects2, #centprojects3, #centprojects4, #centprojects5, #centprojects6{float:left;width:660px;}	
	.centprojectsblock-home-cen {
		padding-top:10px;
		padding-right:10px;
		width:660px;
		font-family:Arial;
		font-size:70%;
		float:left;
		margin-bottom:10px;
	}
	.centprojectsblock-home-cen h3 {
			font-size:120%;
			font-weight:bold;
			border-bottom:solid 1px #666;
			padding-bottom:5px;
			margin-bottom:10px;
		}
		.centprojectsblock-home-cen h3 a, .centprojectsblock-home h3 a:visited {color:#000;}/*color:#666;*/ .centprojectsblock-home h3 a:hover {text-decoration:underline;}
		.centprojectsblock-home-cen .n-image {float:left; margin:3px 10px 10px 0;}
		.centprojectsblock-home-cen .n-image img {width:300px; height:200px;border:3px solid #CCCCCC;}
		.centprojectsblock-home-cen dl dt {font-weight:bold; margin-bottom:5px;}
		.centprojectsblock-home-cen dl a {font-size:13px;}
		.centprojectsblock-home-cen dl dt a, a:visited{margin-bottom:5px;color:#E77C1E;}
		.centprojectsblock-home-cen dl dd {color:#3E3E3E;}/*color:#666;*/
		.centprojectsblock-home-cen ul {clear:both; margin:10px 2px;color:#3E3E3E}
		.centprojectsblock-home-cen ul li {background:transparent url(../imagestyle/li_bg.gif) no-repeat scroll left center;padding-left:15px;}
		.centprojectsblock-home-cen ul li a, .centprojectsblock-home ul li a:visited {font-weight:normal;color:#3E3E3E;font-size:13px;} 
		.centprojectsblock-home-cen ul li a:hover {text-decoration:underline;font-size:13px;}	
		
/*******************************LOGIN MEMBER**********************************************************/	
.login {
	background:#1c8da6;
	margin:100px 0;
	text-align:left;	
}
.login .header {
	color:#fff;
	font-size:109%;
	font-weight:bold;
}
.login img {vertical-align:middle; margin:0 2px;}
.loginbox {
	color:#333;
	background:#e9f4f6;
	font-size:90%;	
}
.loginbox table,.loginbox tbody,.loginbox tr{
	padding:2px;
	margin:2px;
}
.loginbox input[type="text"], .loginbox input[type="password"] {width:170px; border:solid 1px #999; height:20px;}
.sbmbtn1 {
	background:url(../imagestyle/button1_bg.gif) repeat-x;
	color:#fff;
	font-size:8pt;
	font-weight:bold;
	border:solid 1px #2a91b0;
	padding: 0px 2px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	height: 19px;
}
/*******************************END LOGIN MEMBER**********************************************************/	