
/* common */
body {font-family: Arial,Helvetica,sans-serif ;font-size: 12px ; margin:0} 
a { color: #0033CC; text-decoration: none ;font-size: 12px}
a:hover { color: #808080; text-decoration: none ;cursor:pointer;font-size: 12px}
ul { margin: 0; padding : 0; list-style : none; text-align:left}
img {vertical-align:middle ; border:none}
select {padding : 2px 5px 5px 7px; width:270;margin:2px 5px 5px 7px;background-color : #fff; color : #949393;border : #D7D7D7 1px solid;font-family : tahoma, sans-serif;font-size : 11px;font-weight : bold;}
#page {width:980px;margin:auto}

/* for anchor tag */
.normal-link {color:#005353 ; text-decoration: none ;font-family:Tahoma;}
.normal-link:hover {text-decoration: underline ; color:#005353 ; }

.blue-link {color:#333399 ; text-decoration: none ;font-family:Tahoma;}
.blue-link:hover {text-decoration: underline ; color:#333399 ; }

.title-link {color:#005353 ;text-decoration: none ;font-family:Tahoma;font-weight:bold;}
.title-link:hover {text-decoration: underline ; color:#005353 ;font-weight:bold; }

/* for div framework */
.gray-frame {border:solid 1px #ACACAC;float:left;height:auto;text-align:left;margin-top:5px}
.gray-title {width:100%;height:24;background:#ACACAC ;font-family: Tahoma;font-size: 14 px;font-weight:bold;color:#FFFFFF;text-align:center;padding-top:3px}
/* banner */

#banner {margin-top:3px}
#topmenu {height:25;border:solid 0px red;background-color:#20548E;width:980px;float:left}

/*page body*/
#page-body {width:980px;border:solid 0px blue;float:left}
/* topmenu */
/* 
	LEVEL ONE
*/
ul.dropdown                         { position: relative; z-index:1000;width:980px;}
ul.dropdown li                      { font-weight: bold; float: left; zoom: 1; background: #20548E; z-index:1000;}
ul.dropdown a:hover		            { color: white; z-index:1000;}
ul.dropdown a:active                { color: white; z-index:1000;}
ul.dropdown li a                    { display: block; padding: 4px 8px; border-right: 1px solid white;z-index:1000;
	 								  color: white; }
ul.dropdown li.hover,
ul.dropdown li:hover                { background: #002953; color: black; position: relative;z-index:1000; }
ul.dropdown li.hover a              { color: white; z-index:1000;}


/* 
	LEVEL TWO
*/
ul.dropdown ul 						{ width: 180px; visibility: hidden; position: absolute; top: 100%; left: 0; z-index:1000;}
ul.dropdown ul li 					{ font-weight: normal; background: #9F1B1B; color: white; z-index:1000;
									  float: none; }
									  
                                    /* IE 6 & 7 Needs Inline Block */
ul.dropdown ul li a					{ border-right: none; width: 100%; display: inline-block;z-index:1000; } 

/* 
	LEVEL THREE
*/
ul.dropdown ul ul 					{ left: 100%; top: 0; z-index:1000;}
ul.dropdown li:hover > ul 			{ visibility: visible; z-index:1000;}

/*sub menu*/
#sub-menu {background-image:url(images/menu_sub.png); background-repeat:repeat-x;float:left;width:980px;}
#sub-menu img {cursor:pointer;vertical-align: middle}
#sub-menu .s {float:left;padding-top:5px;}
#sub-menu .s a {text-decoration:none ;color:#000000 ;font-family: Tahoma; font-size:11px; }
#sub-menu .s a:hover {text-decoration:none ;color:#CC0000 ;font-family: Tahoma; font-size:11px; }
#sub-menu .d {float:right; padding-top:3px; height:29px;overflow:hidden;}

/* left side*/
.page-left { float: left; width: 655px; margin: 0 0 0 0; text-align: left ;font-family: Arial,Helvetica,sans-serif ;font-size: 12px ;text-align: justify;border:solid 0px;}
.left_articles {	float: left;	width: 380px;	margin: 0 10px 10px 0px;padding: 0px 0 0 0;	text-align: justify;	color: #000;	background: #fff;}

/* right side */
.page-right {float: right;width: 315px;margin: 0 0 10px 0; }

/* view cate */
#view-cate {float: left; width: 655px; margin: 10px 0 0 0; text-align: left}

#view-cate span a {font-size: 16px ;font-weight:bold;color:#990000;margin:5px;}
#view-cate span a:hover {font-size: 16px ;font-weight:bold;color:#000066;margin:5px;cursor:pointer;}
#view-cate .t a{color: #003399;font-size: 13px;font-weight:bold;}
#view-cate .t a:hover{cursor:pointer;color: #006600}
#view-cate .s a{color: #333333;}
#view-cate .s a:hover{cursor:pointer;color: #5D5D5D}
#view-cate table tr td a span {color:#808080;font-weight:normal;font-size:11px}
#view-cate table tr td img {border: 2px solid #D8D8D8;margin-top:7px;height: 80px;width: 100px}

/* all cates */
#tnic table tr td img {border: 2px solid #D8D8D8;margin-top:7px;width: 100px;height: 80px}
#tnic table tr td span {font-size: 11px;;padding-top:7px;font-weight:normal;}
#tnic a {font-size:14px;font-weight:bold;color: #000000}
#snic table {margin-top:15px}
#snic table tr td {padding-top:5px;}
#snic table tr td a {text-decoration: none ; color:#000000;}
#snic table tr td a:hover {text-decoration: none; color: #1F0259;cursor:pointer;}
 
.image-proshow-title {width:100%;height:24;background:#5D7CAB;color:white;font-family: Arial,Helvetica,sans-serif ;font-weight:bold; padding-top:3px;text-align:center;margin-top:3px;margin-bottom:3px}

 
/* contact */

#news_title {text-decoration: none ; color:#17286C;  font-size: 13px ; font-weight:bold ;cursor:pointer; }
#news_title:hover {text-decoration: none ; color:#2E3567; }

#news-shortnews {text-decoration: none ; color:black;   font-weight:normal ;cursor:pointer; }
#news-shortnews:hover {text-decoration: none ; color:#2E3567; }

#news-detail {text-decoration: none ; color:#646464;  font-size: 11px ; font-weight:normal ;cursor:pointer;}
#news-detail:hover {text-decoration: none ; color:#2E3567; }

/* search */
#basesearch {border:solid 1px #B5B5B5;width:175px;height:20px;color:#213041}
.basic-search {float: left; width: 655px;text-align: justify;}
.bs-mess {font-size: 14px ; font-weight: bold; color: #324538; padding-top: 20px}
.basic-result {margin-top: 10px;}



/*top 10 news */

.top10news-inner {float: left;margin: 0; background: #ffc; padding: 10px; border:0; zoom:1;text-align: justify;}
.top10news-outer { float: left; margin: 5px 0; background: #ACACAC; padding: 4px; width: 255px;} 
#top10news ul li {background: transparent url(images/dot_new.gif) no-repeat scroll left 9px;padding: 4px 3px 1px 12px}
#top10news h1 { color:#646464; font-size: 13px ; font-weight:bold; text-align: left; text-decoration: underline}
 

/* home4news */

.home4news-inner {float: left;margin: 0; background: #F6F6F6; padding: 10px; border:0; zoom:1;}
.home4news-outer { float: left; margin: 10px 0; background: #7D8CA2; padding: 4px; width: 650px  }
#home_4news .cell {width:150px;border: solid 0px;float:left; margin: 3px ; height:230px;overflow:hidden;text-align:center;}
#home_4news .cell .h {font-size: 13px;color: #00276E;font-weight: bold;height: 30px;overflow:hidden;padding-left: 3px;text-align: left;} 
#home_4news img {width:140px;height:105px;margin-top:5px;}
#home_4news a {color:#2F2000}
#home_4news a:hover {color:#664500}
#home_4news .cell .t {margin-top: 5px;text-align: left;padding-left: 3px;}

/* button */
.clsbutton{	background-color:#FFFFFF;	font-size: 11px;	font-weight: bold;	border: 1px solid #CCCCCC;}


#simplegallery1 { 	position: relative; /*keep this intact*/	visibility: hidden; /*keep this intact*/	border:solid 1px #9F9F9F;	float:left;		font-size:14px;	z-index:1;	margin-top:5px;}

#simplegallery1 .gallerydesctext{text-align: left;	padding: 2px 5px;	font-weight:bold ;}

#simplegallery1 a img {	width:380;	height:285;}

 /*cate tab */
#tabs4 {  float:left;  width:100%;  font-weight:bold;  line-height:normal;    font-size:13px;  margin-top:10px; }
#tabs4 ul {  margin:0;  padding:0px 10px 0 5px;  list-style:none;  }
#tabs4 li {  display:inline;  margin:0;  padding:0;  white-space:nowrap;  }
#tabs4 a {  float:left;  background:url("images/tableft4.gif") no-repeat left top;  margin:0;  padding:0 0 0 7px;  text-decoration:none;  }
#tabs4 a span {  float:left;  display:block;  background:url("images/tabright4.gif") no-repeat right top;  padding:5px 15px 4px 6px;  color:#003366;  }
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#tabs4 a span {float:none;}
/* End IE5-Mac hack */
#tabs4 a:hover span { color:#6B78A9;  }
#tabs4 a:hover {background-position:0% -42px;  }
#tabs4 a:hover span {  background-position:100% -42px;  }  
#tabs4 #current a {	background-position:0% -42px;  }
#tabs4 #current a span {	background-position:100% -42px;  }

/* chuyen de */
#the-event {border:solid 1px #DDDDDD;float:left;height:auto;text-align:left;margin-top:5px}
#the-event .t {width:100%;height:24;background:#EEEEEE ;font-family: Arial,Helvetica,sans-serif ;font-weight:bold;color:666666;text-align:center;padding-top:3px}
#the-event .h {float:left;width:145;border:solid 0px red;overflow:hidden;padding:5px; font-size: 11px ; font-weight:bold}
#the-event .h a {color:black}
#the-event .h a:hover {color:#4F3500}
#the-event .d {float:left;width:155px;}
#the-event .d a {color:#475346}
#the-event .d a:hover {color:#667865}
 


 
/* tham do */
#explorer {border:solid 1px #DDDDDD;float:left;height:auto;text-align:left;margin-top:5px;width: 315px;}
#explorer .c{ border: 0px solid #CCCCCC;	background-color:#FFFFFF; FONT-SIZE: 12px;}
#explorer .s {FONT-SIZE: 11px;	color: #000000;	background-color:#Ffffff;	TEXT-DECORATION: none ;	text-align:justify;	padding-left:10px;	padding-right:10px;cursor:pointer }
 

/* site linker */
#site-linker {border:solid 1px #DDDDDD;float:left;height:auto;text-align:left;margin-top:5px;width:315px}

/* media */
.div-media {background:#E1E1E1 ; text-align:center ; margin-bottom:5px ; margin-top:30px}
.div-media h5 {padding: 5px 0 0 0 ; margin:0}
.div-media span {color:#990000;font-size:12px;font-weight:bold}
#list_video ul li {text-align:left;color:#006600;	cursor:pointer;	padding: 5px 0px 5px 10px;}

/* visitor */
.visitor {float: right;width: 315px; text-align:center;	margin: 10px 0 ; font-weight:bold ;	}
.visitor span {font-weight:bold;font-size:15px}

/* img-fixed*/
.img-fixed {width: 151px;	height:70px;	margin-top: 5px;	border: solid 1px #CDCDCD;	cursor:pointer;}

/* view news*/

.news-title {padding-top: 10px; font-size: 17px ; color:#172966;font-weight:bold;}
.news-title span {font-size: 11px ; color:#808080;font-style:italic;}
.news-short {font-size: 13px ; color:#5F5F5F;font-weight:bold;padding-top:5px;padding-bottom:5px; padding-right:10px;}
.news-short img {width:150px;margin-right: 10px;}
.news-short span {font-size: 11px ;font-weight:normal;font-style: italic;width: 150px;padding-top: 2px}
.news-author-source {padding-top:10px;font-weight:bold;text-align:right;}
.news-tags {padding:15px 0;}
.news-tags span {font-size: 11px;font-weight:bold;}
.news-tags a {font-size: 11px; color: #006600;}
.news-tags a:hover {font-size: 11px; color: #006600;text-decoration: underline;}
.clsmore{	padding: 0px;	FONT-SIZE: 12px;	color: #333333;	font-weight: normal;	font-family: arial;	padding:3px;	TEXT-DECORATION: none}

/*old news */
.old-news {font-size: 14px;color:#28286C;font-weight:bold; padding-left:17px;margin-top:10px;margin-bottom:10px;background:url(images/cmp.gif) no-repeat;}
.old-new-title {padding-top:5px; font-size: 11px ; font-weight:bold ;cursor:pointer; margin-left:20px}
.old-new-title a {text-decoration: none ; color:#2D3751;  font-weight:normal ;cursor:pointer;}
.old-new-title a:hover {text-decoration: none; color: #1F0259;  font-weight:normal ;cursor:pointer;}
.old-new-title span { font-size: 10px;color:#707070;}
/* new news */
.new-news {font-size: 14px;color:#28286C;font-weight:bold; padding-left:17px;margin-top:10px;margin-bottom:10px;background:url(images/cmp.gif) no-repeat;}
/* site map */
.sitemap-inner { float: left;margin: 0; background: #ffc; padding: 10px; border:0; zoom:1;text-align: left;}
.sitemap-outer { float: left; margin-top: 10px; background: #c82; padding: 5px; width: 620px ; text-align: left}
a.site-map-a {   font-weight:bold;cursor:pointer;text-decoration:none; color: #5F5F5F}
/*footer*/
#footer {width:980px;border:solid 0px green;margin-top:0;float:left}
.f_menu{text-align:center; font-size:12px;font-weight:bold;  padding-top:5px; background-image:url(images/menu_sub.png); background-repeat:repeat-x; height:20px}
.f_menua{text-decoration:none; color:#666666;font-weight:bold}
.f_menu1{height:70px; background-image:url(images/footerbg.png); background-repeat:repeat-x; vertical-align:bottom; width:980px;font-weight:bold}
.f_menu2{padding-top:10px; font-size:12px; color:#666666; text-align:center;font-weight:bold}
.f_menuimg{padding-left:2px; padding-right:2px}
.footer-address {color:#375436;  padding-right:10px;font-size:11px;font-weight: bold;}

/* contacts */
.folder-content { height:1000px}
.td1 {font-weight:bold;color: #CC0000;font-size: 13px;}
.td2 a {font-weight:bold;color: #003366;font-size: 12px;}
.tbl-contacts {font-size: 12px;}
.tbl-list {font-size: 12px; font-weight:bold;margin-top: 15px;}
.contacts-dir {font-size: 15px;font-weight:bold;color: #CC0000;padding-top: 20px;padding-bottom: 10px}
 
