body{
margin:0;
padding:0;
color:#333333;
font:normal 11px Tahoma, Arial, Verdana;
background:white;
}
#load_img{
width:0;
height:0;
background:url(../images/logo_sv.gif);
background:url(../images/w.gif);
background:url(../images/y.gif);
background:url(../images/left_title_main.gif);
background:url(../images/right_title_main.gif);
background:url(../images/dictyonary_title.gif);
background:url(../images/menu_title.gif);
background:url(../images/search_title.gif);
background:url(../images/kg_title.gif);
background:url(../images/title_blue_bottom.gif);
background:url(../images/dart_red.gif);
background:url(../images/red_hover.gif);
background:url(../images/dotted_bg.gif);
background:url(../images/dart_red_1.gif);
background:url(../images/breadcrumb.gif);
background:url(../images/brcorner.gif);
background:url(../images/diamond-black.gif);
background:url(../images/diamond-black-hover.gif);}
a{
font:normal 11px Tahoma, Arial, Verdana;
color:#333333;
text-decoration:none;
}
a:hover{
font:normal 11px Tahoma, Arial, Verdana;
color:#0033CC;
text-decoration:none;
}
table{ border-collapse:collapse;}
#page{
width:780px;
margin:0 auto; /* center on page */
}
#header{
background:url(../images/logo_sv.gif) no-repeat top center;
height: 148px; /*chiều cao của header*/
margin-bottom:1px;
}
#content_ground{
padding-top:10px;
width:100%;
float:left;
}
#content{
margin:0 160px 0 150px;
}
#left{
width:150px;
float:left;
margin-left:-780px;
}
#right{
width:160px;
float:left;
margin-left:-160px;
}
#footer{
clear: left;
width: 100%;
color: #FFFFFF;
text-align: center;
padding:5px 0 5px 0;
background:#47647A;
}

#footer a{
color: #FFFF80;
}
#table_5{
margin:0 10px 0 7px;
border:1px solid #79BFED;
margin-top:5px;
}
#event_intro{
margin:0 8px 0 7px;
}
#intro_news{
width:174px;
float:left;
margin:0 0 2px 7px;
}
#intro_gallery{
width:276px;
margin-left:181px;
margin-bottom:2px;
}
#date{
margin:0 8px 0 7px;
background:#1C79BC;
color:#FFFFFF;
font:normal 11px Tahoma, Arial, Verdana;
text-align:right;
padding:3px 0 3px 0;
}
/* @@@@@----------$$$$$---------------menu center---------------$$$$$--------------------@@@@@@@@ */
#menu_top{
width:100%;
clear:left;
}
.indentmenu{
font: bold 13px Arial;
width: 100%; /*leave this value as is in most cases*/
}

.indentmenu ul{
margin: 0;
padding: 0;
float: left;
width: 100%; /*width of menu*/
background: #FFFFFF url(../images/w.gif) center center repeat-x;
}

.indentmenu ul li{
display: inline;
}

.indentmenu ul li a{
float: left;
color:#FFFFFF; /*text color*/
padding: 5px 11px;
text-decoration: none;
border-right: 1px solid #FFFFFF; /*white purple divider between menu items*/
font-weight:bold;
}

.indentmenu ul li a:hover, .indentmenu ul li .current{   /* hover*/
color: #FFFFCC !important; /*text color of selected and active item*/
padding-top: 6px; /*shift text down 1px for selected and active item*/
padding-bottom: 4px; /*shift text down 1px for selected and active item*/
background: white url(../images/y.gif) center center repeat-x;
font-weight:bold;
}

/* @@@@@----------$$$$$--------------- end menu center---------------$$$$$--------------------@@@@@@@@ */
/* \/\/\/\/\/\/\/\    menu left  \\/\/\/\/\/\/\/\/\///\ */
.left_menu{
font-family:Tahoma, Arial;
font-size:11px;
color:#BB2228;
text-decoration:none;
font-weight:bold;
}
.left_menu:hover{
font-family:Tahoma, Arial;
font-size:11px;
color:#993300;
text-decoration:none;
font-weight:bold;
}
/* \/\/\/\/\/\/\/\   end menu left  \\/\/\/\/\/\/\/\/\///\ */
/* *-*-*-*-  định dạng color, background, border cho trái và phải -*-*-*-*-*- */
.left_title_main{
background:url(../images/left_title_main.gif) no-repeat top center;
font-family:Tahoma, Arial, Verdana;
font-size:11px;
color:#FFFFFF;
font-weight:bold;
padding:0 0 0 10px;
text-align:left;
height:25px;
line-height:25px;
}
.left_bg_main{
border-left:1px solid #FFC08E;
border-right:1px solid #FFC08E;
border-bottom:1px solid #FFC08E;
padding:2px 0 1px 0;
}
.right_title_main{
background:url(../images/right_title_main.gif) no-repeat top center;
font-family:Tahoma, Arial, Verdana;
font-size:12px;
color:#FFFFFF;
font-weight:bold;
padding-left:10px;
height:25px;
line-height:25px;
}
.right_bg_main{
border-left:1px solid #FFC08E;
border-right:1px solid #FFC08E;
border-bottom:1px solid #FFC08E;
padding:3px 0 1px 0;
}
.border_div{
border:1px solid #79BFED;
}
.left_dictyonary_title{
background:url(../images/dictyonary_title.gif) no-repeat top center;
font-family:Tahoma, Arial, Verdana;
font-size:11px;
color:#FFFFFF;
font-weight:bold;
padding:0 0 0 35px;
height:25px;
line-height:25px;
text-align:left;
}
.left_title_menu{
background:url(../images/menu_title.gif) no-repeat top center;
font-family:Tahoma, Arial, Verdana;
font-size:11px;
color:#FFFFFF;
font-weight:bold;
padding:5px 0 5px 35px;
text-align:left;
}
.left_title_search{
background:url(../images/search_title.gif) no-repeat top center;
font-family:Tahoma, Arial, Verdana;
font-size:11px;
color:#FFFFFF;
font-weight:bold;
padding:0 0 0 35px;
text-align:left;
height:25px;
line-height:25px;
}
.right_title_news{
background:url(../images/kg_title.gif) no-repeat top center;
font-family:Tahoma, Arial, Verdana;
font-size:11px;
color:#FFFFFF;
font-weight:bold;
padding-left:35px;
text-align:left;
height:25px;
line-height:25px;
}
.right_title_yahoo{
background:url(../images/kg_title.gif) no-repeat top center;
font-family:Tahoma, Arial, Verdana;
font-size:11px;
color:#FFFFFF;
font-weight:bold;
padding:5px 0 5px 35px;
text-align:left;
}

/* *-*-*-*-  end định dạng color, background, border cho trái và phải -*-*-*-*-*- */
#event{
background:url(../images/title_blue_bottom.gif) no-repeat center top;
font:bold 11px Tahoma, Arial, Verdana;
color:#CC3300;
color:#CC3300;
padding:3px 0 3px 20px;
margin-top:10px;
}
.title_center_news a{
font:bold 11px Tahoma, Arial, Verdana;
color:#FF3300;
background:url(../images/dart_red.gif) no-repeat left top;
padding:0 0 0 20px;
}
.title_center_news a:hover{
font:bold 11px Tahoma, Arial, Verdana;
color:#0033FF;
background:url(../images/red_hover.gif) no-repeat left top;
padding:0 0 0 20px;
}
.title_event a{
font:normal 11px Tahoma, Arial, Verdana;
color:#0061A4;
}
.title_event a:hover{
font:normal 11px Tahoma, Arial, Verdana;
color:#0061A4;
background-image:url(../images/dotted_bg.gif);
background-repeat:repeat-x;
background-position:100% 100%;
padding-bottom:2px;
}
.new_teaser_center{
font:normal 11px Tahoma, Arial, Verdana;
color:#0061A4;
}
.new_teaser_center a{
font:normal 11px Tahoma, Arial, Verdana;
color:#0061A4;
}
.new_teaser_center a:hover{
font:normal 11px Tahoma, Arial, Verdana;
color:#0061A4;
text-decoration:underline;
}
/* *****************contact****************** */
.submit, .dictionary_submit{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:bold;
color:#993300;
border:1px solid #B9AF9B;
background:#FBFBF6;
cursor:pointer;
}
.form_control{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:normal;
color:#333333;
border:1px solid #B9AF9B;
}
.contact_title{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
color:#AA2716;
}
.result_title{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
color:#48647A;
}
/* *****************end contact****************** */
.dictionary_1{
font-family:Tahoma, Arial, Verdana;
font-size:11px;
}
.left_search_keyword{
background:#FFFFFF;
border:1px solid #CCCCCC;
font-size:11px;
}
.left_search_submit{
background:#E7E7E7;
color:black;
border:1px solid #C7C7C7;
font-family:Tahoma, Arial, Verdana;
font-size:11px;
font-weight:bold;
}
.right_new_kg a{
font:bold 11px Tahoma, Arial, Verdana;
color:#1C79BB;
}
.right_new_kg a:hover{
font:bold 11px Tahoma, Arial, Verdana;
color:#CC6633;
}
a .cat_name_channels{
background:#f7f1df;
font:bold 12px Tahoma, Arial, Verdana;
padding:3px 0 3px 5px;
color:#003399;
border-bottom:1px solid #CCCCCC;
}
a:hover .cat_name_channels{
font:bold 12px Tahoma, Arial, Verdana;
padding:3px 0 3px 12px;
color:#996600;
background:#ebedf8 url(../images/dart_red_1.gif) no-repeat left center;
border-bottom:1px solid #CC9999;
}
/*
---------------------đường dẫn------------------------------
---------------------*********------------------------------
*/
.duongdan{
font:bold 13px Arial, Helvetica, sans-serif;
color:#333333;
text-align:left;
padding:8px 0 0 10px;
}

.duongdan a{
background: transparent url(../images/breadcrumb.gif) no-repeat center right;
text-decoration: none;
padding-right: 18px; /*adjust bullet image padding*/
color:navy;
font:bold 12px Arial, Helvetica, sans-serif;
}

.duongdan a:visited, .duongdan a:active{
color: navy;
font:bold 12px Arial, Helvetica, sans-serif;
}

.duongdan a:hover{
text-decoration: underline;
font:bold 12px Arial, Helvetica, sans-serif;
color: navy;
}
/*
---------------------*********------------------------------
--------------------- end đường dẫn------------------------------
*/
.news_detail_title{
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
font-weight:bold;
color:#C2252E;
text-align:left;
}
.news_detail_title:hover{
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
font-weight:bold;
color:#000066;
text-align:left;
}
.tinkhac{
font-family:Tahoma, Arial, Verdana;
font-size:11px;
color:#333333;
text-decoration:none;
font-weight:bold;
}
.news_teaser_detail{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
color:#3D4552;
text-align:left;
padding:0 10px 0 10px;
}
.news_description{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#3d4552;
padding:0 10px 0 10px;
}
a .type_km{
background:#f7eded;
font:bold 12px Arial, Helvetica, sans-serif;
padding:3px 0 3px 0;
color:#474059;
}
a:hover .type_km{
background:#e6f3f0;
font:bold 12px Arial, Helvetica, sans-serif;
padding:3px 0 3px 0;
color:#4c35ad;
}
a .type_km_2{
background:#f7f1df;
font:bold 12px Arial, Helvetica, sans-serif;
padding:3px 0 3px 0px;
color:#576360;
}
a:hover .type_km_2{
font:bold 12px Arial, Helvetica, sans-serif;
padding:3px 0 3px 0;
color:#877618;
background:#ebedf8;
}
.toggleopacity img{
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=80);
-moz-opacity: 0.5;
border:1px solid white;
}
.toggleopacity:hover img{
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
-moz-opacity: 1;
border:1px solid navy;
}
.curlycontainer{
border: 1px solid #b8b8b8;
width: 135px;
margin:10px 0 0 10px;
}
.curlycontainer:hover{
border: 1px solid navy;
width: 135px;
margin:10px 0 0 10px;
}
.curlycontainer .innerdiv{
background: transparent url(../images/brcorner.gif) bottom right no-repeat;
position: relative;
left: 2px;
top: 2px;
padding: 1px 4px 20px 5px;
}
#other_news{
margin:10px;
background:#F8F7EF;
border-top:1px dashed #B2B2B2;
border-bottom:1px dashed #B2B2B2;
}
#opther_news_title_colour,#relatenews_both{
padding:5px 10px 5px 15px;
font:normal 11px Verdana, Arial, Helvetica, sans-serif;
}
#opther_news_title_colour a{
color:#877C21;
text-decoration:none;
background:url(../images/diamond-black.gif) no-repeat left center;
padding:0 5px 0 10px;
}
#opther_news_title_colour a:hover{
color:#333333;
text-decoration:none;
background:#f6f3e1 url(../images/diamond-black-hover.gif) no-repeat left center;
border-bottom:1px solid #9A8E51;
}
#relatenews_both a{
color:#5A753D;
text-decoration:none;
background:url(../images/diamond-black.gif) no-repeat left center;
padding:0 5px 0 10px;
}
#relatenews_both a:hover{
color:#333333;
text-decoration:none;
background:#e7f1dc url(../images/diamond-black-hover.gif) no-repeat left center;
border-bottom:1px solid #5A753D;
}
.other_title_both{
font:bold 13px Arial, Helvetica, sans-serif;
padding:7px 0 0 10px;
}
a.img_center_main{
border:1px solid #00FF00;
}
.faq_question a div{
padding:4px 0 4px 10px;
background:url(../images/diamond-black.gif) no-repeat center left;
color:#000000;
margin:0 10px 0 10px;
}
.faq_question a:hover div{
padding:4px 0 4px 10px;
background:url(../images/diamond-black-hover.gif) no-repeat center left;
color:#24618E;
}
.faq_question a:visited div{
padding:4px 0 4px 10px;
background:url(../images/diamond-red1.gif) no-repeat center left;
color:#7c8ea6;
margin:0 10px 0 10px;
}
.switchcontent{
padding:0 10px 0 10px;
text-align:justify;
border:1px dotted #999999;
margin:0 10px 0 10px;
}
#border_blue{
border:1px solid #58AFE9;
}
/*================================================================================MENU*/
.menutulam{
width:100%;
}
.menutulam ul{
margin:0;
padding:0;
float: left;
width: 100%; /*width of menu*/
background: #FFFFFF url(../images/w.gif) center center repeat-x;
}
.menutulam ul li{
display:inline;
}
.menutulam ul li a{
float: left;
color:#FFFFFF; /*text color*/
padding: 5px 11px;
text-decoration: none;
border-right: 1px solid #FFFFFF; /*white purple divider between menu items*/
font-weight:bold;
}
.menutulam ul li a:hover, .menutulam ul li .current{   /* hover*/
color: #FFFFCC !important; /*text color of selected and active item*/
padding-top: 6px; /*shift text down 1px for selected and active item*/
padding-bottom: 4px; /*shift text down 1px for selected and active item*/
background: white url(../images/y.gif) center center repeat-x;
font-weight:bold;
}

/*------------------------------drop menu----------------------------------------*/
#dropmenudiv{
position:absolute;
border:1px solid #CCCCCC;
border-bottom-width: 0;
font:normal 12px Verdana;
line-height:18px;
z-index:100;
}

#dropmenudiv a{
width: 100%;
display: block;
text-indent: 3px;
border-bottom: 1px solid #CCCCCC;
padding: 1px 0;
text-decoration: none;
font-weight: bold;
padding:5px 0 5px 0;
}

#dropmenudiv a:hover{ /*hover background color*/
background-color: yellow;
}

/*----------------------------------------------------------------------------------------------------------*/
a.ovalbutton{
background: transparent url(../images/oval-red-left.gif) no-repeat top left;
display: block;
float: left;
font: normal 13px Tahoma; /* Change 13px as desired */
line-height: 16px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 24px) */
height: 24px; /* Height of button background height */
padding-left: 11px; /* Width of left menu image */
text-decoration: none;
}

a.ovalbutton span{
background: transparent url(../images/oval-red-right.gif) no-repeat top right;
display: block;
padding: 4px 11px 4px 0; /*Set 11px below to match value of 'padding-left' value above*/
}

a.ovalbutton:hover{ /* Hover state CSS */
background-position: bottom left;
}

a.ovalbutton:hover span{ /* Hover state CSS */
background-position: bottom right;
color: black;
}

.buttonwrapper{ /* Container you can use to surround a CSS button to clear float */
overflow: hidden; /*See: http://www.quirksmode.org/css/clearing.html */
width: 100%;
padding:0 0 10px 10px;
}
/*-------------------------------------------------------------------------------------------------Style menu drop*/
.dropstyle {height:32px; position:relative; z-index:500;}
.dropstyle li.top {display:block; float:left;}

/* images left */
.dropstyle li a.top_link {display:block; float:left; height:32px; line-height:32px; color:#000; font-weight:bold; padding:0 0 0 5px; cursor:pointer; font-size:11px;}

/* images right */
.dropstyle li a.top_link span {float:left; display:block; padding:0 5px 0 0; height:32px;}

/* images left-hover */
.dropstyle li a.top_link:hover, .dropstyle #current a.top_link {color:#0A274F; background: url(/images/tab_left.gif) no-repeat; line-height:32px;}

/* images right-hover */
.dropstyle li a.top_link:hover span, .dropstyle #current a.top_link span {background:url(/images/tab_right.gif) no-repeat right top;}

/* Dùng cho menu sub, khi hover vẫn giữ nguyên images của menu parent */
.dropstyle li:hover > a.top_link {color:#000; background: url(/images/tab_left.gif) no-repeat; line-height:32px;}/* images left-hover */
.dropstyle li:hover > a.top_link span {background:url(/images/tab_right.gif) no-repeat right top;}/* images right-hover */


.dropstyle table {border-collapse:collapse; width:0; height:0; position:absolute; top:0; left:0;}

/* Default link styling */

/* Style the list OR link hover. Depends on which browser is used */

.dropstyle a:hover {visibility:visible; position:relative; z-index:200;}
.dropstyle li:hover {position:relative; z-index:200;}

/* keep the 'next' level invisible by placing it off screen. */
.dropstyle ul {position:absolute; left:-9999px; top:-9999px; width:0; height:0;}

/*
chiều rộng của menu sub
Có thể dùng nhiều class : .dropstyle ul.sub1, .dropstyle ul.sub2{} 
*/
.dropstyle ul.sub {width:170px; overflow:hidden; text-transform:none;}

/* background của menu sub */
.dropstyle :hover ul {left:2px; top:32px; background:#ECECEC; padding:3px; border:1px solid #FF9320; border-width:0 1px 1px; white-space:nowrap; height:auto; z-index:300;}

.dropstyle :hover ul li {display:block; height:20px; position:relative; font-weight:normal; width:auto;}
.dropstyle :hover ul li a {display:block; font-size:11px; height:20px; line-height:20px; width:auto; padding:0 10px; color:#000;}
.dropstyle :hover ul li a:hover {background:#FF7F02; color:#fff;}
/*-------------------------------------------------------------------------------------------------end style menu drop*/