/* CSS Document */

*{	padding:0; 	margin:0;}  
body {	font-size:13px;	color:#401e00;	line-height:19px; font-family:Tahoma, Arial, Helvetica, sans-serif; background:url(../images/body.gif) center top repeat }
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:#85002f;	text-decoration:underline;}
a:hover{	color:#cd4700;	text-decoration:underline;}

a:focus{ outline:none}

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

/*------------------------------- Layout: chua toan bo code html ------------------------------*/

#bgwrapper{ margin:0px auto; width:100%; overflow:hidden; background:url(../images/body-top.gif) center top repeat-x}
#bgwrapper-loop{background:url(../images/content.gif) repeat-y top center;}
#bgwrapper-loopf{background:url(../images/footer.jpg) no-repeat bottom center;}
#bgwrapper-bt{ margin:0px; width:100%; overflow:hidden; background:url(../images/body-bt.gif) center bottom repeat-x}
#wrapper{ margin:0px; width:100%; overflow:hidden; background:url(../images/wrapper.jpg) center top no-repeat}


#container{ margin:0px auto; width:940px; overflow:hidden; position:relative; }
#container ul#linkWeb{ width:230px; height:24px; position:absolute; top:276px; left:307px; text-align:right; font-size:11px; background:url(../images/bg_linkweb.jpg) no-repeat; padding:0 8px;z-index:9}
#container ul#linkWeb li{ list-style:none; float:left; color:#FFF; padding-top:2px}
#container ul#linkWeb li a:link,
#container ul#linkWeb li a:visited{ color:#FFF; text-decoration:none; float:left; padding:0 3px;  font-weight:bold}
#container ul#linkWeb li a:hover{color:#ffcf00; text-decoration:none;}

#header{ width:100%; height:345px; overflow:hidden; position:relative;}
#header h1#logo{ width:230px; height:100px; position:absolute; top:23px; left:40px; z-index:10}
#header h1#logo a{ width:240px; height:100px; display:block; text-indent:-9999px;}
.top:link,.top:visited{display:block; width:60px; height:20px; text-decoration:none !important; position:absolute; top:11px; left:332px; color:#fff;}
.top:hover{text-decoration:underline !important;}




#container #sidebar{ width:217px; position:absolute; z-index:2; top:325px; left:19px; overflow:hidden; background:url(../images/bgmenu.gif) center top repeat-y; }
#sidebar .BgSidebarTop{ width:217px; overflow:hidden; background:url(../images/bgmenu-top.jpg) center top no-repeat; }
#sidebar .BgSidebarTop ul#menu{ width:217px; background:url(../images/bgmenu-bt.jpg) center bottom no-repeat; padding-top:97px; padding-bottom:196px; overflow:hidden }

#container ul#menu li{ width:176px; float:left; list-style:none; font-size:13px; line-height:20px; font-weight:bold; padding-left:22px;}

#container ul#menu li a:link,
#container ul#menu li a:visited{ width:146px; background:url(../images/menu.png) left top no-repeat; padding:3px 5px 7px 30px; color:#fcf0d8; text-decoration:none; display:block }
#container ul#menu li a:hover,
#container ul#menu li.Hilite a:link,
#container ul#menu li.Hilite a:visited,
#container ul#menu li.Hilite a:hover{ background:url(../images/menu-o.png) left top no-repeat; color:#ffcf00; text-decoration:none}

#container ul#menu li.off a:link,
#container ul#menu li.off a:visited,
#container ul#menu li.off a:hover{ color:#533922; text-decoration:none; background:url(../images/menu.png) left top no-repeat;  cursor:default}




#mainContent{ width:720px; margin:0 0 0 220px; overflow:hidden; background:url(../images/content.gif) center top repeat-y }
.BgContentTop{ width:100%; overflow:hidden; background:url(../images/content-top.jpg) left top no-repeat}
.BgContentBTom{ width:100%; overflow:hidden; background:url(../images/content-bt.gif) left bottom no-repeat}

#nav{ width:650px; overflow:hidden; position:absolute; top:304px; left:261px;}
#nav ul{ width:100%; overflow:hidden}
#nav ul li{ float:left; list-style:none}
#nav ul li a{ height:37px; display:block; text-indent:-9999px; background:url(../images/nav.jpg) no-repeat}

#nav ul li a.GioiThieu{ background-position:0 0; width:130px;}
#nav ul li a.GioiThieu:hover,
#nav ul li.Hilite a.GioiThieu,
#nav ul li.Hilite a.GioiThieu:hover{ background-position:0 -37px;}
#nav ul li.off a.GioiThieu,
#nav ul li.off a.GioiThieu:hover{ background-position:0 -74px; cursor:default}

#nav ul li a.PhanThuong{ background-position:-130px 0; width:144px;}
#nav ul li a.PhanThuong:hover,
#nav ul li.Hilite a.PhanThuong,
#nav ul li.Hilite a.PhanThuong:hover{ background-position:-130px -37px;}
#nav ul li.off a.PhanThuong,
#nav ul li.off a.PhanThuong:hover{ background-position:-130px -74px; cursor:default}

#nav ul li a.NhapMaLB{ background-position:-274px 0; width:106px;}
#nav ul li a.NhapMaLB:hover,
#nav ul li.Hilite a.NhapMaLB,
#nav ul li.Hilite a.NhapMaLB:hover{ background-position:-274px -37px;}
#nav ul li.off a.NhapMaLB,
#nav ul li.off a.NhapMaLB:hover{ background-position:-274px -74px; cursor:default}

#nav ul li a.HuongDan{ background-position:-380px 0; width:130px;}
#nav ul li a.HuongDan:hover,
#nav ul li.Hilite a.HuongDan,
#nav ul li.Hilite a.HuongDan:hover{ background-position:-380px -37px;}
#nav ul li.off a.HuongDan,
#nav ul li.off a.HuongDan:hover{ background-position:-380px -74px; cursor:default}

#nav ul li a.TinTuc{ background-position:-510px 0; width:127px;}
#nav ul li a.TinTuc:hover,
#nav ul li.Hilite a.TinTuc,
#nav ul li.Hilite a.TinTuc:hover{ background-position:-510px -37px;}
#nav ul li.off a.TinTuc,
#nav ul li.off a.TinTuc:hover{ background-position:-510px -74px; cursor:default}


.Toppage{ width:80px; margin:0 auto; overflow:hidden; padding-bottom:23px;}
.Toppage a{ width:80px; height:21px; background:url(../images/toppage.gif) center top no-repeat; display:block; text-indent:-9999px }


#footer{ width:720px; height:130px; margin:0 0 0 220px; overflow:hidden; position:relative}
#footer .LogoVNG{ background:url(../images/logo-vng.png) no-repeat; width:42px; height:60px; display:block; position:absolute; left:40px; top:10px; text-indent:-9999px}
#footer .LogoKingsoft{ background:url(../images/logo-kingsoft.png) no-repeat; width:85px; height:18px; display:block; position:absolute; right:40px; top:30px; text-indent:-9999px}

#footer .Copyright{ margin:58px 0 0 0px; text-align:center; padding:0 20px 0 0; font-size:11px; line-height:17px; color:#a28969;}