﻿* { margin: 0; padding: 0; }
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
	}
/* remember to define focus styles! */
:focus {
	outline: 0;
	}
body {
	line-height: 1;
	color: black;
	background: white;
	}
ol, ul {
	list-style: none;
	}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
	}
caption, th, td {
	text-align: left;
	font-weight: normal;
	}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
	}
blockquote, q {
	quotes: "" "";
	}
/* CSS Document */

body {
	background:url(images/bg-body.gif);
	text-align:center;
	margin:0px 20px;
	padding:0;
	font:normal 0.8em/1.2em verdana,aria,sans-serif;
	color:black;
	}
a {
	color:black;
	text-decoration:none;
	}
p{
	color:black;}
	/*qui định kích thước menu chính*/
h1{
	font-size: 14px;
	color:white;
	overflow: hidden;
	padding: 3px;
	margin:0;
	display: block;
	clear: both;
	font-weight:600;
	text-align:center;
	background:url(images/bg-h1.gif);
	}
a:hover {

	color:#9343B9;
	}
#wrapper1 {
	position:relative;
	text-align:left;
	width:960px;
	margin:0 auto;
	background:#FFF url("../images/rightcolor_bg.gif") repeat-y top right;
	}
#wrapper2 {
	position:relative;
	text-align:left;
	width:960px;
	margin:0 auto;
	background:url("../images/leftcolor_bg.gif") repeat-y top left;
	}
		/* ---------------------- Header ---------------------- */
#header {
	background:url(images/logo.jpg);
	padding:10px 0;
	margin:0;
	text-align:left;
	color:#FFF;
	width:960px;
	height: 210px;
	margin:0 auto;
	}
#header h1 {
	font-size:200%;
	color:#0f3951;
margin-bottom:30px;
background:none;

	}
#header a:hover {
	color:#7A2875;
	}
	/* ---------------------- Menu ngang ---------------------- */
#menu_ngang{
	position:relative;
	height:56px;
	color:#E0E0E0;
	background:#143D55;
	width:100%;
	left:0px;
	top:165px;
}
#menu{
	position:relative;
	height:33px;
	font-size:12px;
	text-transform:uppercase;
	font-weight:bold;
	background:#fff url(images/menu_bg.gif) repeat-x bottom left;
	padding:0 0 0 20px;
}
#menu ul{
	margin:0;
	padding:0;
	list-style-type:none;
	width:auto;
	float:left;
}
#menu ul li{
	display:block;
	float:left;
	margin:0 1px;
}
#menu ul li a{
	display:block;
	float:left;
	color:#EAF3F8;
	text-decoration:none;
	padding:0 0 0 20px;
	height:33px;
	}
#menu ul li a span{
	padding:12px 20px 0 0;
	height:21px;
	float:left;
}
#menu ul li a:hover{
	color:#fff;
	background:transparent url(images/menu_bg-OVER.gif) repeat-x bottom left;
}
#menu ul li a:hover span{
	display:block;
	width:auto;
	cursor:pointer;
}
#menu ul li a.current,#menu ul li a.current:hover{
	color:#fff;
	background:#1D6893 url(images/menu_left-ON.gif) no-repeat top left;
	line-height:275%;
}
#menu ul li a.current span{
	display:block;
	padding:0 20px 0 0;
	width:auto;
	background:#1D6893 url(images/menu_right-ON.gif) no-repeat top right;
	height:33px;
}

/* ---------------------- maincol  ---------------------- */

#maincol {
	position:relative;
	margin:0;
	padding:10px;
	}
	/* ---------------------- leftcol  ---------------------- */
#leftcol { 
	position:relative;
	top:-10px;
	left:-10px;
	float:left;
	padding:10px 0px 10px 10px;
	width:200px; /* actual value */
	margin:0 0 -10px 0;
	z-index:100;
	}
		/* ---------------------- Menu doc ---------------------- */
#left{
padding-top:10px ;
margin-bottom:10px;
background:url(images/bg.gif);
}
#left ul{
margin:0px;
padding:0px;
list-style-type:none;


}


#left ul a{
text-decoration:none;
line-height:30px;
background: url(images/left-menu.gif);
display:block;
width:175px;
padding-left:25px;
font-size:13px;
font-weight:700;

border-top:1px solid #CCCCCC;
color: white;
}

#left ul a:hover{
background:url(images/menu_bg-OVER.gif);
}
/* ---------------------- Doi tac---------------------- */
#doitac img{
margin: 10px 0px 10px 14px;
border:0;
outline:0;
}
#doitac{
padding-top:10px;
background:url(images/bg.gif);
}
 /* ---------------------- right col  ---------------------- */
#rightcol {
	position:relative;
	top:-10px;
	right:-10px;
	float:right;
	width:200px; /* actual value */
	margin:0 0 -10px -20px;
	padding:10px 10px 10px 0px;
	z-index:99;
	}

	
/* ---------------------- ho tro col  ---------------------- */
	 #hotro img{
padding: 17px;
border:0;
outline:0;
}
#hotro,#bosung, #dem, #lienket{
padding-top:10px;

margin-bottom:10px;
background:url(images/bg.gif);
}
#dem, #bosung{
background:#0f3951;
}
/* ---------------------- Lienket col  ---------------------- */


#lienket ul a{
padding-left:40px;

}
	 /* ---------------------- center col  ---------------------- */
#centercol {
	position:relative;
	padding:0 200px;


	}
#centercol a {
	color:#666;
	}
#centercol a:hover {

	color:#9343B9;
	}
	#centercol h1{
background:#009966;
color:#FFFFFF;
font-size:13px;

padding-left:15px;
}

#centercol img{
border:1px solid #CCCCCC;
padding:0px;
margin:5px;
}

#centercol #lastnews_event{
width:296px;
float:left;
padding:0px;
text-align:justify;
}
#lastnews_event {
background:url(images/bg.gif);
margin-right:13px;
padding-bottom:8px;

}
#lastnews_event p{
margin:5px;
font-size:14px;
}


#lastnews_more{
width:205px;

float:left;

background:url(images/bg.gif);
padding-bottom:8px;

}
#lastnews_more ul li a{
text-align:justify;
color:black;
padding-left:2px;
padding-right:10px;
margin-top:5px;
font-size:13px;
display:block;
}
.cls{
clear:left;

}

#cate{
float:left;
width:520px;
margin-bottom:5px;
margin-top:5px;
padding-bottom: 5px;
background:url(images/bg.gif);
}


#cate .news{
width:515px;
float:left;
padding:0px;
margin:0px;
text-align:justify;
line-height:17px;

}
#lastnews_event h2, #cate h2, #lastnews_more h2{
background:url(images/bg-h1.gif);
padding:3px;
display:block;
color:white;
font-size:14px;
font-weight:600;
margin-top:10px;

}
.news h4{
margin-top:7px;
color:black;
font-size:15px;
}
.news p{
font-size: 14px;
}
#dem p{
margin-left:10px;
font-size:14px;

}



/* ---------------------- Menu doc ---------------------- */
#footer {
background:url(images/footer.gif);
border-top:1px solid #0f3951;
	position:relative;
	top:20px;
	width:100%;
	clear:both;
	margin:0;
	padding:50px 0;
	text-align:center;
	
	}
#footer h2{
background:none;
color:#0f3951;
font-weight:500;
}
