@charset "utf-8";
/* CSS Document */
*{
margin:0px;
}

body{
margin:auto;
width:1004px;
font:12px arial;
background: #e1f2d0 url(bg.gif) repeat-y top center;
}

#top{
background:#0099FF url("banner.gif") no-repeat;
height:120px;
text-align:right;
color: #009933;
}

#top h1{
font-weight:900;
padding-right:35px;
padding-top:35px;
font-size:24px;
}
#top h2{
font-weight:900;
padding-right:35px;
padding-top:5px;
font-size:19px;
}

#bottom{
background:#000000;
color:#FFFFFF;
height:30px;
line-height:30px;
text-align:center;
clear:left;
}

a{
color:#666666;
text-decoration:none;
}

a:hover{
color: #FF6600;
text-decoration:none;
}

#info{
width:780px;
float:left;
}

#info img{
border:1px solid #999999;
padding:2px;
margin:3px 5px 7px 4px;
}

#info h1{
font-size:14px;
padding-left:20px;
background:#FFFFFF url(bg_01.gif) no-repeat;
color:#FFFFFF;
font-weight:900;
line-height:20px;
}

#info h1 a{
color:#FFFFFF;
}

#right{
float:left;
width:224px;
}

#right ul{
list-style-type:none;
padding:0px;
margin:0px;
}

#right ul a{
display:block;
line-height:20px;
padding-left:28px;
border-bottom:1px solid #FFFFFF;
border-top:1px solid #CCCCCC;
width:196px;
background:#EEEEEE url(arrow3.gif) no-repeat 13px 6px;
}

#right ul a:hover{
background: #C8FDFD url(arrow3.gif) no-repeat 13px 6px;
}
#right .bimg{
border:1px solid #999999;
padding:2px;
margin:4px;
}


#right blockquote
{
    margin: 10px 0;
    background: url(quote_66.gif) 5px 5px no-repeat;
    padding-top: 15px;
	border: 1px solid #ddd;
	width:220px;
	height:auto;
}
   #right blockquote p
{
    padding: 0 30px;
	font-weight:900;
}

#right blockquote p.source
{
    background: url(quote_99.gif) no-repeat 100% 100%;
    padding-bottom: 15px;
    margin: 0 5px 5px 0;
	
}
#right blockquote p.sig
{
    margin: 0px;
    border-top: 5px solid #fff;
    padding: .5em .5em .5em 0px;
    background: #FF6600;
    font-style: italic;
	color:#FFFFFF;
	text-align:center;

	
}


#menu ul{
margin:0px;
padding:0px;
list-style-type:none;
float:left;
background: url(bg_02.gif) repeat-x;
width:1004px;
}

#menu ul li{
display:inline;
}

#menu ul a{
float:left;
width:166px;
text-align:center;
line-height:24px;
color:white;
font-weight:900;
}

#menu ul a:hover{
color:#faef3b;
}

#event{
float:left;
width:450px;
padding:5px;
}

#lastnews{
float:left;
width:300px;
border:1px solid #999999;
padding:5px;
height:225px
}

#lastnews ul{
margin:0px;
padding:0px;
list-style-type:none;
}

#lastnews ul a{
line-height:18px;
background:url(arrow2.gif) no-repeat 10px 6px;
padding-left:20px;
width:280px;
display:block;
}

.cate{
clear:left;
}

.cate_news{
float:left;
width:350px;
padding:5px;
}

.cate_more{
float:left;
width:366px;
_width:363px;
padding:5px;
border:1px solid #999999;
margin:5px;
}

.cate_more ul{
margin:0px;
padding:0px;
list-style-type:none;
}

.cate_more ul a{
line-height:18px;
padding-left:20px;
background:url(arrow.png) no-repeat 10px 6px;
width:auto;
display:block;
}


#right h1{
font-size:14px;
background:url(bg_01.gif) no-repeat;
text-align:center;
line-height:20px;
color:#FFFFFF;
}

.detail{
padding:5px;
text-align:justify;
width:540px;
float:left;
}

.detail #import{
border:1px dashed green;
text-align:center;
width:auto;
height:30px;
line-height:30px;
}

.cate_info h3{
font-size:14px;
}

.detail h3{
font-size:14px;
margin:5px 5px 5px 0px;
}

.lefthot{
float:left;
width:225px;
}

.hotnews{
border:1px solid #CCCCCC;
margin-bottom:5px;
padding:5px;

}

.hotnews ul{
list-style-type:none;
margin:0px;
padding:0px;
}

.hotnews ul a{
display:block;
padding-left:15px;
width:190px;
background:url(arrow2.gif) no-repeat 7px 5px;
line-height:18px;
}

.hotnews h2{
background: url(bg_h2.jpg) repeat;
color:#FFFFFF;
font-size:14px;
padding-left:25px;
}

.cls{
clear:left;
border-bottom:1px solid #CCCCCC;
}

/*Phan cho phep comment */
.detail label{
width:100px;
float:left;
margin-top:3px;
margin-left:5px;
}

.detail input, textarea,select{
border:1px solid #CCCCCC;
margin-bottom:3px;
font:12px verdana;
}

.detail fieldset{
margin-top:10px;
border:1px solid #333333;
background:#EEEEEE;

}

#spam{
margin-left:100px;
}

.detail legend{
font-weight:900;
}

.detail .dodai{
		background:url(bg_comment.jpg) repeat top center;
	}


/* phan show comment */
.comment{
margin-top:5px;
height:250px;
border:1px solid #333333;
padding:5px;
overflow:auto;
}

.subject{
font-weight:900;
float:left;
width:50px;
}

.cm{
border:1px solid #999999;
margin-top:5px;
padding:8px;
background:#EEEEEE;
}


.cate_info{
width:450px;
padding:5px;
float:left;
text-align:justify;
}

.cate_info_more{
margin-top:5px;
margin-bottom:5px;
float:left;
width:300px;
border:1px solid #CCCCCC;
padding:5px; 
}

.cate_info_more ul{
margin:0px;
padding:0px;
list-style-type:none;
}

.cate_info_more ul a{
line-height:18px;
padding-left:20px;
background:url(arrow.png) no-repeat 10px 6px;
width:auto;
display:block;
}

.cate_info_more h3{
background: url(bg_h2.jpg) repeat;
color:#FFFFFF;
font-size:14px;
padding-left:20px;
}

.viewcate{
clear:left;
padding-top:4px;
}

.viewcate a{
color:#000000;
}

.viewcate a:hover{
color: #FF6600;
}

.viewcatepage{
clear:left;
background:#0099FF;
text-align:center;
font-weight:900;
}

.viewcatepage a{
color:#FFFFFF;
}

.viewcatemain{
background:#E3F9FD;
float:left;
padding-right:5px;
padding-bottom:5px;
}

.viewcatemain a{
color:#000000;
}

.viewcatemain a:hover{
color: #FF6600;
}