/* CSS Document */
/******************************************

Cac thong so dung trong thiet ke

>> KÍCH THUOC CUA SITE:
	- kich thuoc cua toan bo trang website: 980 px
	- kich thuoc cua menu trái: 200 px
	- kich thuoc cua noi dung giua trang:  600 px
	- kich thuoc cua menu phai:  180 px
	- kich thuoc cua banner chính:  980x104 px
	- kich thuoc cua top banner flash:  px

>> THONG SO MAU SAC SITE:
	- Mau chu dao site : #
	- Màu lot nen 2 bên cua site: #F
	- Màu nen cua menu trái: #FFFBBB
	
>> THÔNG SO FONT CUA SITE:
	- Cac font su dung trong site: helvetica,tahoma,verdana,arial
	- Kích thuoc chu: 12pt, 11pt
	- Màu chu chính cua site: #
	- Màu chu tiêu de và liên ket: #
	
******************************************/
.hidden {
	display: none;
   }

html,body{
	margin:0;padding:0;background-color:#0480B7;height: 100%;font-family:arial,verdana,helvetica,tahoma;font-size: 13px;
}

/* Dinh nghia cac lop */
#page-container {
    background:#ffffff;width: 980px;margin: 0; margin-left:auto; margin-right:auto; 
 }
 
#wrapper {
	width: 980px;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto 0.3em;
}

#main-nav{
	background:red;	height:30px;
	}

#main-scroll
{
    height:90px;
    padding : 1px;
    border-top : 1px solid rgb(180, 215, 235);
    border-bottom : 1px solid rgb(180, 215, 235);
}

#header { /*update 17-6*/
	background-color:#e5e5e5;
	background-image:url(../../images/Banner_top.jpg);
	background-repeat :no-repeat;
	width:980px;
	height:180px;
 }

#content {
	float:left;	background:#ffffff;width:670px;
 }
 
 #sidebar-r {
 	float:right;background:#fffff; width:300px;
 }

#link_bot {
 	clear:both; background:#A7D2DC; width:980px; height:30px;
 }
 
#footer {
 	clear:both;	background:red;	height: 60px; width:980px;
 }

#link_top{
	float:left;	padding-left:40px; padding-top:4px; padding-bottom:4px;
	}

#date_top{
	float:right; padding-right:40px; padding-top:4px; padding-bottom:4px; font-size: 13px; color: #FFFFFF;
	}

#td_l{
	float:left; background:#FF0000; width:204px; height:33px; margin-top:10px;background-image:url(../../images/title_nendo.jpg); background-repeat:repeat-x;
	}
	
#td_img{
	float:left; width:76px; height:33px; margin-top:10px;
	}

#td_text{
	padding-top:10px; padding-left:20px;
}

#td_r{
	float:right; width:390px; height:33px; background:#CCCCCC; margin-top:10px; background-image:url(../../images/title_nenxam.jpg); background-repeat:repeat-x;
	}
	
#ctdt{
	width:280px; height:25px;color:#FFFFFF; border-bottom:1px dotted #336699; margin-top:3px;
	}

#noidung{
	float:left;width:670px;background:#ffffff; border-bottom:#e5e5e5 1px solid;
 }
 
#noidung_img{
 	float:left; width:170px; background-color:#FFffff; padding-left:10px; padding-right:3px; padding-top:10px; padding-bottom:10px;
	}
 
#noidung_txt{
 	float:right; width:480px; background-color:#FFFFFF; padding-left:3px; padding-right:3px; padding-top:3px; padding-bottom:3px; text-align:justify;
	}
	
#note_td{ /*update 17-6*/
	text-align:center; height:30px; width:300px; margin-top:10px;clear:both; padding:0px
	}

#butd_l{
	float:left; background-image:url(../../Images/bo/traid.png); width:11px; height:30px;
}

#butd_bg{
	float:left; background-color:#fb0a0c; width:274px; height:30px;
}

#butd_r{
	float:right; background-image:url(../../Images/bo/phaid.png); width:15px; height:30px;
}
	
#note_nd{
	background-color:#e5e5e5; width:300px; clear:both; margin:0px;
	}
	
#tuyendung{
	float:left; width:335px; background-color:#FFffff;
	}
	
#ungvien{
	float:right; width:335px; background-color:#FFffff;
	}
 
#but_l{
	float:left; background-image:url(../../Images/bo/traix.png); width:5px; height:25px;
}

#but_bg{
	float:left; background:#0071BC; width:270px; height:25px;
}

#but_r{
	float:right; background-image:url(../../Images/bo/phaix.png); width:5px; height:25px;
}

#banner_main /*update 17-6*/
{
	/*padding-left:240px;
	padding-top : 20px;*/
	width:330px; 
    height: 150px;
	text-align:center;
	vertical-align:middle;
	float : right;
	position : fixed;
	z-index : 111;
    top: 17px;
    left: 451px;
} 

/******** Dinh nghia tag & class ******/
 h1 {
	margin: 0; padding: 0;
   }

.Title {
	font-family:arial,verdana,helvetica,tahoma;font-size: 13px;font-weight:800;color: #FFFFFF;
	}
	
.noidung {
	color:#336699; font-weight:500; font-family:arial,verdana,helvetica,tahoma;font-size: 13px; text-decoration: none; padding-top: 10px;padding-right: 10px;padding-bottom: 10px;padding-left:10px;
}

.bg_mes{
	PADDING-RIGHT: 30px; PADDING-LEFT: 30px; color:#336699; FLOAT: left; PADDING-BOTTOM: 10px; MARGIN: 0px; WIDTH: 640px; PADDING-TOP: 10px
}

.bg-area {
	BORDER-TOP-WIDTH: 0px; PADDING-RIGHT: 10px; PADDING-LEFT: 10px; BORDER-LEFT-WIDTH: 0px; color:#336699; BORDER-BOTTOM-WIDTH: 0px; PADDING-BOTTOM: 10px; MARGIN: 0px 0px 15px; WIDTH: 600px; PADDING-TOP: 10px; HEIGHT: 79px; BORDER-RIGHT-WIDTH: 0px
}

.textbox{
		border:1px solid #0480B7;background:#C6E4EA;color:#336699; font-size:12px;font-family: arial,verdana,helvetica,tahoma;
		}

/******** Dinh dang link *********************/
A:link.menutop{
		color:#ffffff; font-weight:500; font-family:arial,verdana,helvetica,tahoma;font-size: 13px; text-decoration: none 
}
A:hover.menutop{
		color:#990000; font-weight:500;font-family:arial,verdana,helvetica,tahoma;font-size: 13px; text-decoration: none 
}
A:visited.menutop{
		color:#ffffff; font-weight:500; font-family:arial,verdana,helvetica,tahoma;font-size: 13px; text-decoration: none 
}

A:link.l_title{
		color:#336699; font-weight:500; font-family:arial,verdana,helvetica,tahoma;font-size: 13px; text-decoration: none 
}
A:hover.l_title{
		color:#FF0000; font-weight:500; font-family:arial,verdana,helvetica,tahoma;font-size: 13px; text-decoration: none 
}
A:visited.l_title{
		color:#336699; font-weight:500; font-family:arial,verdana,helvetica,tahoma;font-size: 13px; text-decoration: none 
}

A:link.tieude{
		color:#FF0000; font-weight:600; font-family:arial,verdana,helvetica,tahoma;font-size: 13px; text-decoration: none; padding-top: 20px;padding-right: 20px;padding-bottom: 0px;padding-left: 10px; 
}
A:hover.tieude{
		color:#336699; font-weight:600; font-family:arial,verdana,helvetica,tahoma;font-size: 13px; text-decoration: none; padding-top: 20px;padding-right: 20px;padding-bottom: 0px;padding-left: 10px; 
}
A:visited.tieude{
		color:#FF0000; font-weight:600; font-family:arial,verdana,helvetica,tahoma;font-size: 13px; text-decoration: none; padding-top: 20px;padding-right: 20px;padding-bottom: 0px;padding-left: 10px; 
}

A:link.chitiet{
		color:#336699; font-weight:500; font-style:italic; font-family:arial,verdana,helvetica,tahoma;font-size: 13px; text-decoration: none 
}
A:hover.chitiet{
		color:#FF0000; font-weight:500; font-style:italic; font-family:arial,verdana,helvetica,tahoma;font-size: 13px; text-decoration: none 
}
A:visited.chitiet{
		color:#336699; font-weight:500; font-style:italic; font-family:arial,verdana,helvetica,tahoma;font-size: 13px; text-decoration: none 
}