/* ------------------------- Header --------------------------------------- */
body{ background:#172031; text-align:justify}
#wrapper{width:100%; overflow:hidden;background:url(../images/main-bg.jpg) no-repeat top center }
#container{width:940px; overflow:hidden; margin:0px auto; }


#header{ width:940px; height:250px; overflow:hidden; position:relative}
#header #logo a{
	display:block;
	width:186px;
	position:absolute;
	top:22px;
	left:592px;
	z-index:10;
	height: 100px;
		
}

#notflash{
	width:500px; position:absolute; top:68px; z-index:9999; left:221px; opacity:0.8;filter:alpha(opacity=90); background:#166e39;}

#notflash p{  text-align:center; color:#fff; padding:5px;} 
#notflash p a{color:#ffc400; text-decoration:none;}
#notflash p a:hover{color:#fff000; text-decoration:none;}


/* ------------------------------------------------------------------------ */
/* ------------------------- Navigation Bar ------------------------------- */
#col-1{width:378px; overflow:hidden; float:left;}

#sidenav{overflow:hidden;width:165px; margin:65px 0 0 199px;}
#sidenav ul{width:165px; padding:0px 0 0 0; margin:0px 0px 0px 0px; overflow:hidden; list-style:none;}
#sidenav ul li{ float:left; width:165px;}


/* -----------------------------------------------------------------------------------------*/
#col-2{width:562px; margin-bottom:80px; overflow:hidden; float:left; background:url(../images/main-content-bg.jpg) repeat-y}
.col2-inside{background:url(../images/col2-inside-bg.jpg) no-repeat 0 0;}
.col2-b{background:url(../images/main-content-b.jpg) no-repeat 0 100%;}

#ontop{width:50px;height:20px;  overflow:hidden; margin:0px 0 0px px; float:right;}
#ontop a{width:50px;height:20px; display:block;color:#fff; margin-top:2px; text-indent:0px; text-transform:uppercase; text-align:center; font-weight:bold;}
#ontop a:hover{color:#fbec02;}


ul#menu {width:560px; height:56px; margin:0; padding:0; list-style:none;}
ul#menu li{float:left;}


.trangchu a{display:block; width:165px; height:32px; background:url(../images/sidenav.jpg) no-repeat -165px 0px;color:#ffffff; text-indent:-9999px; margin-left:0px}
.trangchu a:hover{ background-position:0px 0; color:#000;}
.trangchu a.off:link,.trangchu a.off:visited,.trangchu a.off:hover{background-position:-330px 0; cursor:default;}
.trangchu a.act:link,.trangchu a.act:visited,.trangchu a.act:hover{background-position:0px 0; cursor:default;}

.gioithieu a{display:block; width:165px; height:29px; background:url(../images/sidenav.jpg) no-repeat -165px -32px;color:#ffffff; text-indent:-9999px; margin-left:0px}
.gioithieu a:hover{ background-position:0px -32px; color:#000;}
.gioithieu a.off:link,.gioithieu a.off:visited,.gioithieu a.off:hover{background-position:-330px -32px; cursor:default;}
.gioithieu a.act:link,.gioithieu a.act:visited,.gioithieu a.act:hover{background-position:0px -32px; cursor:default;}

.hopqua a{display:block; width:165px; height:30px; background:url(../images/sidenav.jpg) no-repeat -165px -61px;color:#ffffff; text-indent:-9999px; margin-left:0px}
.hopqua a:hover{ background-position:0px -61px; color:#000;}
.hopqua a.off:link,.hopqua a.off:visited,.hopqua a.off:hover{background-position:-330px -61px; cursor:default;}
.hopqua a.act:link,.hopqua a.act:visited,.hopqua a.act:hover{background-position:0px -61px; cursor:default;}

.banhkem a{display:block; width:165px; height:30px; background:url(../images/sidenav.jpg) no-repeat -165px -91px;color:#ffffff; text-indent:-9999px; margin-left:0px}
.banhkem a:hover{ background-position:0px -91px; color:#000;}
.banhkem a.off:link,.banhkem a.off:visited,.banhkem a.off:hover{background-position:-330px -91px; cursor:default;}
.banhkem a.act:link,.banhkem a.act:visited,.banhkem a.act:hover{background-position:0px -91px; cursor:default;}

.phuthuy a{display:block; width:165px; height:29px; background:url(../images/sidenav.jpg) no-repeat -165px -121px;color:#ffffff; text-indent:-9999px; margin-left:0px}
.phuthuy a:hover{ background-position:0px -121px; color:#000;}
.phuthuy a.off:link,.phuthuy a.off:visited,.phuthuy a.off:hover{background-position:-330px -121px; cursor:default;}
.phuthuy a.act:link,.phuthuy a.act:visited,.phuthuy a.act:hover{background-position:0px -121px; cursor:default;}

.demdong a{display:block; width:165px; height:29px; background:url(../images/sidenav.jpg) no-repeat -165px -150px;color:#ffffff; text-indent:-9999px; margin-left:0px}
.demdong a:hover{ background-position:0px -150px; color:#000;}
.demdong a.off:link,.demdong a.off:visited,.demdong a.off:hover{background-position:-330px -150px; cursor:default;}
.demdong a.act:link,.demdong a.act:visited,.demdong a.act:hover{background-position:0px -150px; cursor:default;}

.yentiec a{display:block; width:165px; height:29px; background:url(../images/sidenav.jpg) no-repeat -165px -179px;color:#ffffff; text-indent:-9999px; margin-left:0px}
.yentiec a:hover{ background-position:0px -179px; color:#000;}
.yentiec a.off:link,.yentiec a.off:visited,.yentiec a.off:hover{background-position:-330px -179px; cursor:default;}
.yentiec a.act:link,.yentiec a.act:visited,.yentiec a.act:hover{background-position:0px -179px; cursor:default;}


.ngucac a{display:block; width:165px; height:29px; background:url(../images/sidenav.jpg) no-repeat -165px -208px;color:#ffffff; text-indent:-9999px; margin-left:0px}
.ngucac a:hover{ background-position:0px -208px; color:#000;}
.ngucac a.off:link,.ngucac a.off:visited,.ngucac a.off:hover{background-position:-330px -208px; cursor:default;}
.ngucac a.act:link,.ngucac a.act:visited,.ngucac a.act:hover{background-position:0px -208px; cursor:default;}

/* -----------------------------------------------------------------------------------------*/
h2.ngucac{background:url(../images/ngucac-img.jpg) no-repeat 250px 0; height:30px; text-indent:-9999px}
h2.yentiec{background:url(../images/yentiec-img.jpg) no-repeat 250px 0; height:30px; text-indent:-9999px}
h2.demdong{background:url(../images/demdong-img.jpg) no-repeat 250px 0; height:30px; text-indent:-9999px}
h2.phuthuy{background:url(../images/phuthuy-img.jpg) no-repeat 250px 0; height:30px; text-indent:-9999px}
h2.banhkem{background:url(../images/banhkem-img.jpg) no-repeat 250px 0; height:30px; text-indent:-9999px}
h2.hopqua{background:url(../images/hopqua-img.jpg) no-repeat 250px 0; height:30px; text-indent:-9999px}
h2.gioithieu{background:url(../images/gioithieu-img.jpg) no-repeat 250px 0; height:30px; text-indent:-9999px}
h2.trangchu{background:url(../images/trangchu-img.jpg) no-repeat 250px 0; height:30px; text-indent:-9999px}


#mainbody{width:555px; overflow:hidden; margin:0px 0 0 5px; padding-top:0px}
#mainbody-b{width:574px; height:25px; overflow:hidden; margin:0px 0 0 5px; background:url(../images/main-content-b.gif) no-repeat 0 0}

.color-text1{color:#ff4b82; font-weight:bold;}

/*------------------------------------ Box Login -----------------------------------------*/
.box-form{width:450px; overflow:hidden; margin:auto; margin-top:20px; margin-bottom:20px}
.box-form .col01{width:110px; height:20px; overflow:hidden; float:left; margin-right:10px; margin-bottom:5px; padding-top:2px; color:#7d9e0c; font-weight:bold;}
.box-form .col02{width:330px; height:22px; overflow:hidden; float:left;margin-bottom:5px;}
.box-form .col02 .inputtext{width:150px; background:#fff; border:#903d13 solid 1px; padding:2px }
.box-form .dangnhap{width:275px; margin-left:155px; clear:both;}
.box-form .dangnhap a:link,.box-form .dangnhap a:visited {display:block; width:80px; height:27px; overflow:hidden; background:url(../images/butt-dangnhap.jpg) no-repeat left bottom; text-indent:-9999px}
.box-form .dangnhap a:hover{background-position: left top;}


/* -----------------------------------------------------------------------------------------*/ 

#footer{ width:100%; overflow:hidden; background:url(../images/footer-bg.jpg) no-repeat center bottom ; }

#copyright{width:100%;color:#b2bed6; font-size:10px;}
#copyright p{ padding:20px 0 20px 490px}


/*------------------------------------------------------*/
.imgleft{float:left; margin:3px 10px 0 0; border:solid 4px #83775f; padding:2px}
.imgright{float:right; margin:3px 0px 0 10px;border:solid 4px #83775f; padding:2px; }
.imgcenter{border:solid 4px #83775f; padding:2px; }
/*------------------------  Paging  ----------------------------*/
.paging{ width:610; padding:5px 10px; overflow:hidden; margin-bottom:20px}
.paging table{ margin:auto}
.paging ul{ list-style-type:none}
.paging ul li{ float:left; margin-right:5px}
.paging ul li a.act{ color:#000; cursor:default}
