/***********************************************/
/* HTML tag styles                             */
/***********************************************/ 

body{
	background-color: white;
	line-height: 1.166;	
	margin: 0px;padding: 0px;
	font-family: Vernada, Arial, sans-serif;
        font-size: 14px;color: #000000;
        text-align:center;
}

a{	color: #006699;text-decoration: none;}
a:link{	color: #006699;text-decoration: none;}
a:visited{color: #006699;text-decoration: none;}
a:hover{color: #006699;text-decoration: underline;}

h1, h2, h3, h4, h5{
 color: #B22300;
 margin: 0px;
 padding: 0px;
}

h1{ font-size: 140%; }
h2{ font-size: 134%; }
h3{ font-size: 120%; }
h4{ font-size: 110%; }
h5{ font-size: 100%; }

ul{
    list-style-image:url(images/orange_dot.gif);
    padding-left: 15px;
}
li{
    padding-bottom:5px;
}

ul ul{
 list-style-type: disc;
}

ul ul ul{
 list-style-type: none;
}


/***********************************************/
/* Layout Divs                                 */
/***********************************************/

.page-wrapper{
    width:1000px;margin:auto;padding:0px;
}


#logo {
	float:left;height:80px;width:220px;float:left;margin:0px;padding:0px;
        z-index: 2;
}
#logo img {border:0px;height:136px;margin:0px}

#top-menu {
	height:16px;float:right;
        padding: 2px;
        background-position: right top;
        text-align:right;
        vertical-align:top; 
}
#top-menu a, #top-menu span{
     display: inline-block;   vertical-align:top;
     padding: 0; color:#888;
}


.lang_en, .lang_vn
{
  display: inline-block;
  width: 23px;height: 15px;
  padding:0px;margin-left: 5px;
  background: url("images/flags.png") no-repeat 0 0;
  opacity: 0.5;
}

a.lang_en, span.lang_en {background-position: 0 -15px;}
a.lang_en:hover,a.lang_vn:hover{box-shadow: 0 0 5px cyan;opacity: 1}
span.lang_en,  span.lang_vn { opacity: 1   }


#top-banner { 
   height:78px;
   background:rgba(40,100,150,1);   
}
#inner-banner { 
   height:78px;
   background:rgba(80,152,225,1);   
}
#inner-banner div{width: 800px;float:right;}


#main-menu {
	height:50px;width:778px;float:right;padding:0px;
        text-align: center;
}


#left-column-wrapper {
    width:218px;float:left; padding:1px;text-align:left;
}
#content-wrapper{
	width:558px;padding:1px;float:left;text-align: justify;
}

#user-content-wrapper{
	width:758px;padding:1px;float:left;text-align: justify;
}

#sidebar-wrapper{
	width:218px;padding:1px;float:right;text-align: left;
}


.left-nav {
	list-style:none;padding:0px 5px;
	margin:0px 0px 1px 0px;
}

.left-nav ul {	list-style:none;}


.left-nav li{
	border-bottom: #7FC9FF 1px dotted;
	list-style:none;
	text-align:left;
	padding:4px 20px 4px 20px;
}

.level_1 a {	font-size:16px;
}
.level_2 a {
	font-size:12px; color:#003399;margin-left:15px;display:block;
}
.level_3 a {
	font-size:11px; color:#003399;margin-left:25px;display:block;
}

.selected a{
	color:#990000;font-weight:bold;
}

#top-nav{width: 100%;height: 38x;text-align: center}
#top-nav a{
    display: inline-block; margin: 2px;padding: 8px 10px 3px 10px;color: #333;font-size: 16px;
    border-bottom: 3px solid #eee; font-weight: bold;
}
#top-nav a:hover,#top-nav a.selected{text-decoration: none;color:darkorange;
border-bottom: 3px solid darkorange}

#top-nav-sub{width: 100%;height: 20px;float: right;}
#top-nav-sub a{display: inline-block;margin: 0px;padding: 2px 10px;color: #333;font-size: 13px;
}
#top-nav-sub a:before{content: "• ";color:darkorange;}
#top-nav-sub a.selected{text-decoration: none;color:darkorange;}
.submenu {display: none}     
.visible {display: inline-block;} 


#content{
	margin:0px 5px ;
	text-align:justify;
	
}

#search-box {
	color:#FFFFFF;	font-weight:bold;
	text-align:right;
}

#footer{
    background:#0a58a8;
    padding:20px;
}

.metaword{color:#0066FF}
.content_text {text-align:justify;font-size:14px;line-height:130%;margin:10px;}
.content_introtext {text-align:justify;font-size:12px;margin:20px 50px 20px 50px;}
.content_files {background:#FFFFFF;border:#AAAAAA 1px dotted;margin:15px;padding:10px;}
.content_others {background: #F0F6FF;border:solid 1px #CCDDEE;margin:4px 10px 4px 10px;padding:5px;}

/************** .story styles *****************/
.blocks{padding-bottom: 10px;}
.blocks h2{
    font-size:14px;
    padding: 6px 8px;
    color:#000;
    background: linear-gradient(to right,  rgba(250,200,140,1) 0%,rgba(250,200,140,0.2)  100%);
}
.contents h2{
    background: linear-gradient(to right, rgba(140,200,250,1) 0%,rgba(140,200,250,0.2)  100%);
    margin-top: 5px;
}
h2.cats {
   color:black
}
h2.cats a {color:black}
h3.cat_children {
    background: rgba(200,230,255,0.3);padding: 5px 15px;text-align: left;
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
}
h3.cat_children a{
    display: inline-block;
    color:#666;font-size: 12px;font-weight:normal;
    border-right:1px solid #888; padding: 0 10px 0 5px;
}
 h3.cat_children a:last-child{border: none;}


.error_message{
  background-color: #ffeeee;
  background-image: url(icons/error_32.png);
  background-repeat:no-repeat;
  background-position: 5px 50%;
  border: 1px dashed red;
  padding:10px;
  font-size:small;
  font-weight:bold;
  padding-left:42px;
  margin: 10px;
}

.warning_message{
  background-color: #FFFBF6;
  background-image: url(icons/warning_32.png);
  background-repeat:no-repeat;
  background-position: 5px 50%;
  border: 1px dashed #FF8A18;
  padding:10px;
  font-size:small;
  padding-left:42px;
  margin: 10px;
}

.notice_message {
  background-color: #E3FFE3;
  background-image: url(icons/info_32.png);
  background-repeat:no-repeat;
  background-position: 5px 50%;
  border: 1px dashed #00CF00;
  color:#009900;
  padding:10px;
  font-size:small;
  padding-left:42px;
  margin: 10px;
}