body{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	background:#FFF;
	margin:0;
	padding:0;
	line-height: 1.6em;
}
/*FONT STYLE*/
.font_bold{font-weight:bold;}
.font_normal{font-weight:normal;}
.font_italic{font-style:italic;}
.font_red{color:#FF0000;}
.font_blue{color:#025299;}
.font_gray{color:#666;}
.font_small{font-size:10px;}
.font_orange{color:#FF7900;}
.innerContent{padding:5px;}
.clear-both{ clear:both;}

/* BACKGROUND STYLE*/
.bg_blue{background:#0071B7;}
.bg_light_blue{background:#DEEAF4;}
.bg_white{background:#FFF;}
.bg_gray{background:#EEE;}

/* COMMOM STYLE */
form,h1,h2,h3,h4,h5,h6{
	margin:0;
	padding:0;
}
h1,h2,h3,h4,h5,h6{color:#017224;}
img{ border:0;}
.img130{width:133px; height:119px;}
.img200{width:200px; height:150px;}
td{vertical-align:top;}
.td_middle{vertical-align:middle;}

.detail a{
	color:#F38A1F;
	text-decoration:none;
	background:url(../images/detail_arrow.gif) no-repeat;
	padding-left:15px;
}
/*LINK STYLE*/
a{color:#017224; text-decoration:none;}
a:hover{color:#017224;text-decoration:underline;}
.btnNormal{
	border:#7F9DB9 solid 1px;
	background:#FFF;
	height:25px;
	min-width:80px;
	width:auto;
}
.btnSite{
	background:#07530B;
	color:#FFF;
	cursor:pointer;
	border:#CCC outset 1px;
}
#wrap{
	width:977px;
	margin:0 auto;
	background:#FFF;
}
#header{
	height:183px;
	empty-cells:show;
}
#container{
	background:#FFF;
	color:#000;
	margin:0 auto;
}
#topnav{
		height:28px;
		background:#EEE ;
		margin-bottom:3px;
		border-top:#0D8F39 solid 1px;
}	
#topnav-left{
		float:left;
		width:250px;
		padding-left:5px;
		padding-top:5px;
}
#topnav-right{
		float:right;
		text-align:right;
		width:300px;
		padding-right:5px;
		padding-top:5px;
}
#left{
	width: 174px; 
	float:left;
	empty-cells:show;
	background:#FFF;
}
		#left .otherLeftContent{
						padding:10px 5px;
						text-align:justify;
						color:#333;
						background:url(../images/indexBoxbg.jpg) top center  repeat-x;
						border-bottom:#000 dashed 1px;
		}
		#left .levelOne{
							background:url(../images/navBg.jpg) top right repeat-x;
							height:29px;
							empty-cells:show;
							color:#373737;
							font-weight:bold;
						}
		#left .levelOne div{
							background:url(../images/navLeftBg.jpg) top left no-repeat;
							height:24px;
							padding-left:35px;
							padding-top:5px;
							empty-cells:show;
					}
		#left .levelTwo{
					background:#F4F4F4;
					height:24px;
					padding-top:5px;
					padding-left:40px;
		}

#right{
	width:240px;
	float:right;
	empty-cells:show;
	background:#FFF;
}		
		
#center{
	float:left;
	width:550px;
	padding:0 5px;
	empty-cells:show;
	min-height:500px;
	height:auto;
	background:#FFF;
	overflow-x:hidden;
}
*html #center{height:500px;}
		/*  No left side bar so Center is full container */					
#centerFull{
	width:977px;
	float:left;
	empty-cells:show;
	min-height:500px;
	height:auto;
}
*html #centerFull{height:500px;}

.itemBox {
	border-bottom:1px dotted #a9b4c3;
	padding:8px 0;
	zoom:1;
}
.itemBox h2 {
	color:017224;
	font-size:14px;
	font-weight:bold;
}
.itemBox h2 a{
	color:#017224;
	text-decoration:none;
}
.itemBox h2 a:hover{
	text-decoration:underline;
}
.itemBox .description {
	font-size:1.1em;
	line-height:16px;
	margin:4px 0;
	font-family:arial;
	text-align:justify;
}

.desc_view{
	line-height:16px;
	margin:4px 0;
	font-family:arial;
	text-align:justify;
}
.itemBox .box1 {
	float:left;
	width:139px;
	background:#FFF;
}
.itemBox .box1 .images {
	text-align:center;
	overflow:hidden;
	width:133px;
	height:119px;
	margin:1px;
	border:#CFCFCF solid 1px ;
}
.itemBox .box1 .images img {
	margin:0px;
	vertical-align:middle;
}
.itemBox .box1 .moreimages {
	width:133px;
	padding:0px 0 0px 0px;
}
.itemBox .box1 .moreimages .images a {
	display:table-cell;
	vertical-align:middle;
	width:133px;
	height:119px;
	*display:block;
	*font:94px/133px "Arial";
	outline:none;
}
.itemBox .box2{
	padding-right:5px;
}
.itemBox .box2 .detail a{color:#017224;}
.itemBox .box3 {
	float:left;
	min-width:140px;
	width:auto;
}
.itemBox .box3 .images {
	text-align:center;
	overflow:hidden;
	min-width:140px;
	min-height:120px;
}
.itemBox .box3 .images img {
	margin:3px;
	vertical-align:middle;
}
.itemBox .box3 .moreimages {
	min-width:140px;
	width:auto;
	padding:0px 0 4px 0px;
}
.itemBox .box3 .moreimages .images a {
	display:table-cell;
	vertical-align:middle;
	min-width:140px;
	min-height:120px;
	*display:block;
	*font:94px/140px "Arial";
	outline:none;
}
ul.otherArticle{
	margin-left:20px;
	padding:0;
	list-style:outside disc;
	color:#025A1D;
}
ul.otherArticle a{
	color:#666;
}
ul.otherArticle a:hover{color:#026D05;}
.indexTitleBar{
	border-bottom:#EEE solid 2px;
}
.indexTitleBarTab{
	background:url(../images/indextitlebg.jpg) repeat-x;
	height:22px;
	padding:3px 10px;
	width:150px;
	text-align:center;
	color:#373735;
	font-weight:bold;
}
.indexBox{
	width:170px;
	margin-right:5px;
	float:left;
}
.indexBox .indexBoxHeader{
					height:20px;
					padding-top:5px;
					background:url(../images/indexBoxHeader.jpg) repeat-x;
					font-weight:bold;
					color:#373735;
					padding-left:15px;
			}
.indexBox .indexBoxContent{
					height:120px;
					padding:5px;
					background:url(../images/indexBoxbg.jpg) repeat-x;
					empty-cells:show;
}
.indexTitle{
	background:url(../images/tick.jpg) top left no-repeat;
	padding-left:17px;
	padding-bottom:5px;
	font-size:12px;
	font-weight:bold;
	color:#373737;
}
.indexTitle a{
	color:#373737;
}
.indexTitle a:hover{
	color:#FF7900;
}
.partnerLogo{
	overflow:auto;
	overflow-y:hidden;
}
.partnerLogo .logoImage{
				float:left;
				height:90px;
				padding:2px;
			}
.lastNewsCaption{
	color:#666;
	font-weight:bold;
	margin:5px 0;
}
ul.lastList{
	list-style:disc outside;
	margin-left:20px;
	color:#F88640;
}
ul.lastList li a{color:#999;}
ul.lastList li a:hover{color:#FF7900;}
.navPath{
		/*background:url(../images/nav-bg.jpg) repeat-x;*/
		height:25px;
		empty-cells:show;
		color:#07530B;
		font-family:"Tahoma";
		font-size:11px;
		border-bottom:#025B1B solid 2px;
		text-transform:uppercase;
		font-weight:bold;
	}
.navPath a{
	color:#07530B;
	text-decoration:none;
}	
.navPath a:hover{
	text-decoration:underline;
}
.navPath div{
		font-weight:bold;
		color:#07530B;
		margin:0;
}
.navBar{
		background:url(../images/nav-bg.jpg) repeat-x;
		height:25px;
		font-weight:bold;
		padding-left:25px;
		empty-cells:show;
		color:#FFF;
		font-family:"Tahoma";
		font-size:11px;
		text-transform:uppercase;
		padding-top:5px;
}
.box-online-support{
	height:120px;
	background:#FCFCFC url(../images/tab-content-bg.jpg) top repeat-x;
	empty-cells:show;
}
.box-online-support ul{
	margin:0;
	padding:0;
}
.box-online-support ul li{
	list-style:url(../images/icon-square.gif) outside;
	padding-top:5px;
	padding-bottom:5px;
	margin-left:30px;
}
/* PHAN TRANG */
.paging{
	width:18px;
	height:16px;
	float:left;
	text-align:center;
	background:#EEE url(../images/paging_normal.jpg) top center no-repeat;
	margin-left:2px;
	margin-right:2px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
}
.pagingNext{
	float:left;
	width:47px;
	height:18px;
	background:url(../images/next.jpg) top center no-repeat;
	empty-cells:show;
	text-align:center;
	color:#FFF;
	font-size:11px;
	font-family:Arial, Helvetica, sans-serif;
}
.pagingNext a{ color:#FFF; text-decoration:none;}
.pagingPrevious{
	float:left;
	width:56px;
	height:18px;
	background:url(../images/previous.jpg) top center no-repeat;
	empty-cells:show;
	text-align:center;
	color:#FFF;
	font-size:11px;
	font-family:Arial, Helvetica, sans-serif;
}
.pagingPrevious a{color:#FFF; text-decoration:none;}
.current{
	font-weight:bold;
	background:#F1881F url(../images/page_current.jpg) top center no-repeat;
	width:15px;
	height:16px;
	color:#FFF;
}
.pageTool{
	margin:5px 0 2px;
	text-align:right;
	padding-right:10px;
}
/* FOOTER STYLE */
#footer{
	font-size:11px;
	color:#000;
	clear:both;
}
#footerMenu{
	background:#025A1D;
	height:22px;
	empty-cells:show;
	color:#EEE;
	font-family:"Tahoma";
	font-size:11px;
	padding-top:5px;
}
#footerMenu a{
	color:#FFF;
}
.footer-link{
	float:left;
	padding:0 10px;
	min-width:100px;
	height:25px;
	width:auto;
	text-align:center;
	text-transform:uppercase;
	font-size:11px;
	font-weight:bold;
}
.contactBanner{
	height:215px;
	background:url(../images/contact_banner.png) no-repeat;
	empty-cells:show;
}
.contactTextInput{
	width:200px;
	border:#7F9DB9 solid 1px;
	height:20px;
	margin:0;
}
.contactTextArea{
	height:140px;
	margin:0;
	overflow:auto;
	border:#7F9DB9 solid 1px;
	background:#FFFFCC;
}
.contactSidebar{
	padding:5px 10px;
}

/* GALLERY STYLE CSS */
/*.galleryImage{
	width:180px;
	text-align:center;
	padding:4px;
	margin:4px auto;
	border:#CCC solid 1px;
}
.galleryImage .image{
	width:135px;
	height:100px;
	overflow:hidden;
	margin:5px auto;
}

.galleryTitle{
	color:#333;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	background:#EEE;
}*/

.gallery-box{
	float:left;
	width:290px;
	height:300px;
	empty-cells:show;
	text-align:center;
	margin:8px 3px;
}
.gallery-top-box{
	background:url(../images/top.gif) no-repeat;
	width:290px;
	height:36px;
	empty-cells:show;
}
.gallery-bottom-box{
	background:url(../images/bottom.gif) no-repeat;
	width:290px;
	height:36px;
	empty-cells:show;
}
.gallery-middle-box{
	height:200px;
	width:280px;
	overflow:hidden;
	text-align:center;
	margin:0 auto;
}
.gallery-title{
	font-family:"Tahoma";
	color:#FF7900;
	font-size:18px;
	font-weight:bold;
	width:290px;
	height:24px;
	overflow:hidden;
}


#friendBox{
	display:none;
	height:200px;
	background:#FFF;
	empty-cells:show;
	z-index:1000px;
	position:fixed;
	_position:absolute; /* hack for internet explorer 6*/
	top:170px;
	left:500px;
}

.page-caption{
	font-size:1.2em;
	color:#333;
	
}
.file-name{
	color:#999999;
	font-size:15px;
	font-weight:bold;
}
.file-name a{text-decoration:none;}
.file-name a:hover{color:#FF7900; text-decoration:none;}



/**
  * Hot news in right sidebar
*/
.hot-box{
	border-bottom:#CCC  dotted 1px;
}
.hot-left{
	float:left;
	width:100px;
	height:110px;
}
.hot-right{
	float:right;
	width:130px;
	height:110px;
	overflow:hidden;
}
.hot-image{
	height:100px;
	padding-top:10px;
	overflow:hidden;
}
.hot-desc{
	text-align:justify;
}
.hot-title{
	font-weight:bold;
	font-size:12px;
}

ul.hotContent{
	margin:10px 0;
	list-style:square outside;
	margin-left:15px;
	padding:0;
	color:#025B1B;
	margin-right:10px;
}