@charset "utf-8";
@import url("yui-reset.css");
body {
	margin: 0px;
	padding: 0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:9pt;
	background:url(../Images/bg-page.gif) center top repeat-y;
}
#container{
	width:990px;
	margin:0 auto;
	padding:0;	
	background:url(../Images/bg-content.jpg) left top repeat;
	/*background-color:#ad3535;*/
	overflow:hidden;
}
#banner{
	width:100%;
	float:left;
}
.pic-bar{ width:283px; height:198px; float:left;}
.banner-top{ width:707px; float:left; height:118px;}
.Banner-title{ width:707px; float:left; height:80px;}

#topmenu{ width:100%; float:left; background-color:#282828; height:30px; color:#FFF;}
#topmenu ul{padding-left:10px; list-style:none;}
#topmenu ul li{ line-height:30px; float:left;}
#topmenu ul li span{ line-height:30px; margin:0 10px 0 10px; float:left;}
#topmenu ul li a{
	color:#FFF;	
	float:left;
	font-weight:bold;
	text-decoration:none;
	font-size:9pt;
}
#topmenu ul li a:hover{
	text-decoration:underline;
}
#topmenu ul li.language_en a{color:#FFF;
	background:url(../Images/en.jpg) left center no-repeat;
	font-weight:bold;
	text-decoration:none;
	padding-left:20px;
	font-size:9pt;}
#topmenu ul li.language_vi a{color:#FFF;
	background:url(../Images/vi.jpg) left center no-repeat;
	font-weight:bold;
	text-decoration:none;
	padding-left:20px;
	font-size:9pt;}
#topmenu ul li.language a:hover{ color:#F90;}

#mainContent{ width:100%; float:left; margin:10px 0;}
.leftColumn{ width:157px; padding:0 5px; float:left;}
.imgAdv{ margin:0 0 6px 0;}
.video-player-home{ width:397px; float:left; text-align:center;}
.rightColumn{width:416px; float:left; margin:0 0 0 10px;}
.item-box{ width:100%; float:left;}
.item-box .title{ background:url(../Images/bg-thugian-2.jpg) left center no-repeat; width:100%; height:38px; line-height:38px; font-size:10pt; font-weight:bold; color:#FFF; text-indent:60px;}
.item-box .title a{ line-height:38px; font-size:10pt; font-weight:bold; color:#FFF; text-decoration:none;}
.item-box .title a:hover{ color:#333;}
.item-box .content{ width:100%; float:left;}
.item-box .content ul{ width:367px; list-style-type:none; padding-left:10px; margin-left:20px;}
.item-box .content ul li{width:367px; height:20px; float:left; clear:left; background:url(../Images/smallDot.gif) left 5px no-repeat; padding-left:15px;}
.item-box .content ul li a{ font-size:9pt; float:left; text-decoration:none; color:#EEE;}
.item-box .content ul li a:hover{ color:#F00;}

#srollPicture{ width:100%; float:left; background:url(../Images/bg-Picture-bottom.jpg) left center repeat-x;/*background-color:#8b6a00;*/ height:125px; padding:6px 0;}
#srollPicture .imgPic{ width:167px; float:left; padding:0 15px;}
.box-bottom{ width:990px; 
	background:url(../Images/bg_footer.jpg) center center no-repeat;
	height:83px;
	margin:0 auto;
	color:#CCC;
}
.ymonline{ width:28%; height:83px; float:left; padding-left:10px;}
.copyright{ width:42%; float:left; text-align:center; font-size:8pt;}
.visitor{width:27%; float:left; height:83px; text-align:right; padding-right:10px; bottom:0;}
/*
	Detail style
*/
.detail-leftColumn{ width:250px; float:left; margin:0 5px 0 5px; background-color:#8b6a00; height:100%;}
.detail-content{ width:560px; float:left; overflow:hidden;}
* html .detail-content{ width:550px; float:left;}
.detail-rightColumn{ width:157px; padding:0 5px; float:right;}
.detail-leftColumn .item-box{ width:100%; float:left;}
.detail-leftColumn .item-box .title{ background:url(../Images/bg-thugian-detail.jpg) left center no-repeat; width:100%; height:38px; line-height:38px; font-size:10pt; font-weight:bold; color:#FFF; text-indent:60px;}
.detail-leftColumn .item-box .content{ width:100%; float:left;}
.detail-leftColumn .item-box .content ul{ width:240px; list-style-type:none; padding-left:10px; margin-left:0px;}
.detail-leftColumn .item-box .content ul li{width:230px; float:left; clear:left; background:url(../Images/dot-green.gif) left 5px no-repeat; padding-left:15px; line-height:none; height:auto;}
.detail-leftColumn .item-box .content ul li a{ font-size:9pt; float:left; text-decoration:none; color:#FFF;}
.detail-leftColumn .item-box .content ul li a:hover{ color:#F8F8F8; text-decoration:underline;}

.notepicture{ font-size:8pt; color:#000;}
.title-article{ width:100%; font-size:14pt; float:left; color:#00009a; font-weight:bold; font-family:"Times New Roman", Times, serif;}
.date{ width:100%; float:left; color:#CCC; font-size:8pt;}
.content-article{ width:100%; float:left; font-size:9pt; color:#FFF;}
.sumary{ width:100%; float:left; font-weight:bold; color:#FFF;}
.goback {width:100%; float:left; text-align:right;}
.goback a{ color:#0033CC; text-decoration:none;}
.goback a:hover{ color:#FF0000;}

.news-row{ width:100%; float:left;}
.title-article{ width:100%; float:left;}
.title-article a{color:#003399; text-decoration:none; font-size:11pt;}
.title-article a:hover{color:#FFFFFF;}
.header-article{ width:100%; float:left;}
.pic-article{ width:110px; float:left; text-align:center;}
.detail{display:inline;}
.detail a{ color:#333333; text-decoration:none;}
.detail a:hover{ color:#FFFFFF;}
.norecord{ width:560px; float:left; overflow:hidden; font-size:9pt; color:#FFF;}

/* Contact */
.contact{ width:100%; float:left; margin:10px auto; padding:10px 10px;}
.title-contact{
	width:100%;	
	float:left;
	font-size:10pt;
	font-weight:bold;
	font-family:Verdana, Arial;
}
.errmsg{color:#FF0000; font-size:9pt;}
#tblContact{	
	margin:10px auto;
	font-family:Arial, Helvetica, sans-serif;
}
.boxContact{ width:100%; float:left;}
#frmContact{ width:100%; text-align:center; margin:0px auto; overflow:auto;}
#tblContact tr td{ margin:5px; padding:5px;}
.textbox{ width:300px; font-size:10pt;}

/* Submenu*/
.detail-leftColumn .item-box .submenu{ width:100%; float:left;}
.detail-leftColumn .item-box .submenu ul{ width:210px; list-style-type:none; padding-left:10px; margin-left:30px;}
.detail-leftColumn .item-box .submenu ul li{width:200px; float:left; clear:left; background:url(../Images/bullet-blue.png) left 5px no-repeat; padding-left:15px; line-height:none; height:auto;}
.detail-leftColumn .item-box .submenu ul li a{ font-size:9pt; float:left; text-decoration:none; color:#FFFFFF;}
.detail-leftColumn .item-box .submenu ul li a:hover{ color:#CCC;}

/*Picture*/
.divpicture{ width:100%; float:left; overflow:hidden;}
.divpicture .item{ background:url(../Images/bg-picture-item.jpg) right bottom no-repeat; width:185px; height:137px; float:left; text-align:center; margin:0 0 10px 0;}
.paging-div{ width:100%; text-align:right; float:left; margin:2px 0;}

/*Video*/
.detail-content-video{ width:560px; float:left; overflow:hidden; text-align:center;}
.video-box{ width:560px; float:left;}
.video-box .title{ width:100%; float:left; height:38px; line-height:38px; background:url(../Images/bg-thugian.jpg) left center no-repeat; color:#FFF; font-weight:bold; text-indent:60px; text-align:left;}
.video-box .content{ width:100%; float:left; overflow:hidden;}
.video-box .content .item{ background:url(../Images/bgvideo.jpg) center center no-repeat; width:160px; height:135px; text-align:center; float:left; margin:5px 13px; padding:15px 0 0 0;}
.video-box .content .item a{ color:#333; text-decoration:none; line-height:18px;}
.video-box .content .item a:hover{ color:#F90;}
.video-box .content .item a:hover img{ border:1px solid #F90;}
.video-player{width:100%; margin:0 auto; overflow:hidden; text-align:center; float:left;}
.detail-bookmark, .detail-bookmark div{
	float:left;
	padding-right:5px;
}
.detail-bookmark img
{
	cursor:pointer;
	border:0px;
	width:20px;
	height:20px;
}
.book-text{
	font-weight:bold;
	float:left;
	padding-right:10px;
	font-family:Arial;
	font-size:12px;
	line-height:20px;
	color:#FFFFFF;
}