/* CSS Document */

*{	padding:0; 	margin:0;}  
body {	font-size:13px;	color:#2e2e2e;	line-height:18px; font-family:Arial, Helvetica, sans-serif; background:url(../images/bglap.jpg) repeat #04406a ;}
img{	border:0;}
h1,h2,h3,h4,h5,h6{	font-size:100%;}
ul, ol{ margin:0; padding:0; list-style:none}
li{ margin:0; padding:0;}

a:link,a:visited{	color:#006ba8;	text-decoration:underline;}
a:hover{	color:#c90101;	text-decoration:underline;}

a:focus{ outline:none}

table, td, input, select, textarea{	font-size:100%; font-family:Arial, Helvetica, sans-serif; margin:0px;	padding:0px;}
p, form{ margin:0px; padding:0px;}
.clear{ clear:both;}

/*------------------------------- Layout: chua toan bo code html ------------------------------*/
#wrappertop{ margin:0px auto; width:100%; overflow:hidden;  background:url(../images/bglaptop.jpg) center top repeat-x; }
#wrapper{ margin:0px; width:100%; overflow:hidden;  background:url(../images/bgheader.jpg) center top no-repeat; }

#container{ margin:0px auto; width:974px; overflow:hidden; position:relative}
#container .logo{  width:145px; height:75px; position:absolute; left:10px; top:80px; z-index:5;}
#container .logo a{ width:145px; height:75px; display:block; text-indent:-9999px; text-decoration:none}
#container .logo a:hover{ width:145px; height:75px; display:block; text-indent:-9999px; text-decoration:none}

#header{ height:308px; margin:0; overflow:hidden}

/*-------------*/
.nav_menu {width:600px; margin:0px; overflow:hidden; padding-top:245px; padding-left:159px;}
.nav_menu ul {width:600px; margin:0px; overflow:hidden;}
.nav_menu ul li {widows:600px; list-style:none; float:left; margin:0px; padding:0;}

.nav_menu ul li.gioithieu {display:block; width:96px; height:35px;}
.nav_menu ul li.gioithieu a:link,
.nav_menu ul li.gioithieu a:visited{display:block; width:96px; height:35px; background:url(../images/bt_gioithieu.jpg) no-repeat; text-indent:-9999px;}
.nav_menu ul li.gioithieu a:hover{display:block; width:96px; height:35px; background:url(../images/bt_gioithieu_o.jpg) no-repeat; text-indent:-9999px;}

.nav_menu ul li.gioithieu a.off:link,
.nav_menu ul li.gioithieu a.off:visited,
.nav_menu ul li.gioithieu a.off:hover{display:block; width:96px; height:35px; background:url(../images/bt_gioithieu-of.jpg) no-repeat; text-indent:-9999px; cursor:default}

.nav_menu ul li.gioithieu a.act:link,
.nav_menu ul li.gioithieu a.act:visited,
.nav_menu ul li.gioithieu a.act:hover{display:block; width:96px; height:35px; background:url(../images/bt_gioithieu_o.jpg) no-repeat; text-indent:-9999px;}

.nav_menu ul li.noidung {display:block; width:96px; height:35px;}
.nav_menu ul li.noidung a:link,
.nav_menu ul li.noidung a:visited{display:block; width:96px; height:35px; background:url(../images/bt_noidung.jpg) no-repeat; text-indent:-9999px;}
.nav_menu ul li.noidung a:hover{display:block; width:96px; height:35px; background:url(../images/bt_noidung_o.jpg) no-repeat; text-indent:-9999px;}

.nav_menu ul li.noidung a.off:link,
.nav_menu ul li.noidung a.off:visited,
.nav_menu ul li.noidung a.off:hover{display:block; width:96px; height:35px; background:url(../images/bt_noidung-of.jpg) no-repeat; text-indent:-9999px; cursor:default}

.nav_menu ul li.noidung a.act:link,
.nav_menu ul li.noidung a.act:visited,
.nav_menu ul li.noidung a.act:hover{display:block; width:96px; height:35px; background:url(../images/bt_noidung_o.jpg) no-repeat; text-indent:-9999px;}

.nav_menu ul li.tintuc {display:block; width:96px; height:35px;}
.nav_menu ul li.tintuc a:link,
.nav_menu ul li.tintuc a:visited{display:block; width:96px; height:35px; background:url(../images/bt_tintuc.jpg) no-repeat; text-indent:-9999px;}
.nav_menu ul li.tintuc a:hover{display:block; width:96px; height:35px; background:url(../images/bt_tintuc_o.jpg) no-repeat; text-indent:-9999px;}

.nav_menu ul li.tintuc a.off:link,
.nav_menu ul li.tintuc a.off:visited,
.nav_menu ul li.tintuc a.off:hover{display:block; width:96px; height:35px; background:url(../images/bt_tintuc-of.jpg) no-repeat; text-indent:-9999px; cursor:default}

.nav_menu ul li.tintuc a.act:link,
.nav_menu ul li.tintuc a.act:visited,
.nav_menu ul li.tintuc a.act:hover{display:block; width:96px; height:35px; background:url(../images/bt_tintuc_o.jpg) no-repeat; text-indent:-9999px;}

.nav_menu ul li.trangchu {display:block; width:96px; height:35px;}
.nav_menu ul li.trangchu a:link,
.nav_menu ul li.trangchu a:visited{display:block; width:96px; height:35px; background:url(../images/bt_trangchu.jpg) no-repeat; text-indent:-9999px;}
.nav_menu ul li.trangchu a:hover{display:block; width:96px; height:35px; background:url(../images/bt_trangchu_o.jpg) no-repeat; text-indent:-9999px;}

.nav_menu ul li.trangchu a.off:link,
.nav_menu ul li.trangchu a.off:visited,
.nav_menu ul li.trangchu a.off:hover{display:block; width:96px; height:35px; background:url(../images/bt_trangchu_o.jpg) no-repeat; text-indent:-9999px; cursor:default}

.nav_menu ul li.trangchu a.act:link,
.nav_menu ul li.trangchu a.act:visited,
.nav_menu ul li.trangchu a.act:hover{display:block; width:96px; height:35px; background:url(../images/bt_trangchu.jpg) no-repeat; text-indent:-9999px;}

/*-------------*/

#box_main{ width:974px; margin:0px; overflow:hidden; }
#box_nav{ width:199px; margin:0; float:left; overflow:hidden }
#box_nav_bottom{ width:199px; margin:0; background:url(../images/bgbottommenu.gif) left bottom no-repeat; padding-bottom:4px; overflow:hidden}


#nav{ width:199px; margin:0px; overflow:hidden; padding-top:45px;}
#nav ul{ width:199px; overflow:hidden; margin:0; }
#nav ul li{ width:199px; list-style:none; float:left; margin:0; padding:0; font-size:12px;}



/*-------------*/
#nav ul li a:link,
#nav ul li a:visited,
#nav ul li a:active{ width:199px; height:23px; display:block; text-decoration:none; color:#FFCC00; list-style-type:upper-alpha; font-weight:bold; text-transform:uppercase; padding-top:12px; background:url(../images/menuleft.gif) left top no-repeat; text-indent:20px;}
#nav ul li a:hover{ width:199px; height:23px; display:block; text-decoration:none; color:#FFCC00; list-style-type:upper-alpha; font-weight:bold;text-transform:uppercase; padding-top:12px; background:url(../images/menuleft-o.gif) left top no-repeat; text-indent:20px;}

#nav ul li.Hilite a:link,
#nav ul li.Hilite a:visited,
#nav ul li.Hilite a:active,
#nav ul li.Hilite a:hover{ width:199px; height:23px; display:block; text-decoration:none; color:#FFCC00; list-style-type:upper-alpha; font-weight:bold; text-transform:uppercase; padding-top:12px; background:url(../images/menuleft-o.gif) left top no-repeat;  text-indent:20px; }

#nav ul li a.off:link,
#nav ul li a.off:visited,
#nav ul li a.off:active,
#nav ul li a.off:hover{ width:199px; height:23px; display:block; text-decoration:none; color:#4c4a1a; list-style-type:upper-alpha; font-weight:bold; text-transform:uppercase; padding-top:12px; background:url(../images/menuleft.gif) left top no-repeat; cursor:default; text-indent:20px;}

/*-------------*/


#box_content{ width:775px; margin:0px; float:right; background:url(../images/bgcontentlap.jpg) left top repeat-y }
.bg_content-top{ width:775px; margin:0px; background:url(../images/bgtopcontent.jpg) left top no-repeat; overflow:hidden}
.bg_content-btom{ width:775px; margin:0px; background:url(../images/bgbottomcontent.jpg) left bottom no-repeat; overflow:hidden }

#footer {background:url(../images/copyright.png) left top no-repeat; padding-top:10px; margin-left:385px; height:62px; clear:both;}


#container #col-2{width:35px; overflow:hidden; position:absolute; right:10px;}
#toppage{ width:35px; margin:0; overflow:hidden}
.top{width:35px; height:86px; }
.top a{width:35px; height:86px; display:block; text-indent:-9999px; background:url(../images/ontop.png) no-repeat}