@charset "utf-8";
/* CSS Document */

/*		General CSS		*/
html, body, p, h3, ul {
	padding:0;
	margin:0;	
}

body {
	font-family:Tahoma, Geneva, sans-serif;
	font-size:12px;
	height:100%;
	background:#355DF9;	
}

.clear {
	clear:both;	
}

a {
	text-decoration:none;	
}
a:active {
	color:red;
	text-decoration:underline;
}
a:hover {
	color:red;
	text-decoration:underline;
}

/*		BODY		*/
#wrap {
	margin:0 auto;
	width:1000px;
	background:#fff;
}
#contenter {
	padding:10px;
	width:980px;
}
#left {
	width:610px;
	float:left;
	border:1px solid #DFD5B5;
	padding:10px;
	margin-bottom:10px;
}
#right {
	width:320px;
	float:right;
	border:1px solid #DFD5B5;
	
}
/*   css: menutop*/
.menuhxdmenu,.menuhxdmenu  *{margin:0;padding:0;}
div#hxdmoomenu{
z-index:100;}
#hxdmoomenu li li{margin:0;}
.menuhxdmenu {line-height:1.0;float:left;margin-bottom:1.5em;position:relative; z-index:101}
.menuhxdmenu  ul{background:#fff;
padding:0;}
.menuhxdmenu  li{float:left;list-style:none;position:relative;}
div#hxdmoomenu li li a, div#hxdmoomenu li.active li a{display:block;padding:0;margin:0;text-decoration:none;float:none;width:98%;}
.menuhxdmenu  li ul{float:none;left:-999em;position:absolute;width:170px;z-index:102;}
.menuhxdmenu  li:hover ul,
.menuhxdmenu  li.sfHover ul{left:0px;top:25px;}
.menuhxdmenu  li:hover li ul,
.menuhxdmenu  li.sfHover li ul,
.menuhxdmenu  li li:hover li ul,
.menuhxdmenu  li li.sfHover li ul,
.menuhxdmenu  li li li:hover li ul,
.menuhxdmenu  li li li.sfHover li ul{top:-999em;}
.menuhxdmenu  li li:hover ul,
.menuhxdmenu  li li.sfHover ul,
.menuhxdmenu  li li li:hover ul,
.menuhxdmenu  li li li.sfHover ul,
.menuhxdmenu  li li li li:hover ul,
.menuhxdmenu  li li li li.sfHover ul{left:170px;top:0px;}
.menuhxdmenu  li li{position:relative;float:none;width:100%;}
/*** EDIT THESE CSS CODES WITH CARE: ENDS ***/

#hxdmoomenu{
	
}
#menutop {
	height:31px;
}
#hxdmoomenu ul{

	padding: 0;
	background: url("../images/mainnav-bg.gif") repeat-x scroll center bottom #FFFFFF;
    border-top: 1px solid #DDDDDD;
    color: #000000;
    font-family: Arial;
    font-size: 10px;
    font-weight: bold;
    line-height: 1;
    margin: 0 auto;

    text-transform: uppercase;
    width: 1000px;
}		

#hxdmoomenu ul li{
	margin:0;
	padding:0;
	display:block;
}

#hxdmoomenu ul li a{
	margin:0;
	display:block;
	float: left;
	height: 30px;
	line-height: 30px;
	padding: 0 8px;
	font-family:Arial;
	font-size:12px;
	color:#000;
	border-right:1px solid #8F8F8F;
}		

#hxdmoomenu ul li a:hover{
	display:block;
	color:red;
}		

#hxdmoomenu li.active a {
	display:block;
	color:red;
}

#hxdmoomenu li ul {
	margin-top:4px;
	margin-left:auto;
	width:195px;
}

#hxdmoomenu ul ul ul {
	margin-top:10px;
	margin-left:-10px;
}

#hxdmoomenu ul ul li{
	display:block;
	padding:0 0 0 15px;
	text-align:left;
	width:180px;
}

#hxdmoomenu ul ul li a{
	display:block;
}


#hxdmoomenu li.active li a {

}

#hxdmoomenu ul ul li a:hover,
#hxdmoomenu ul li.active.parent ul a:hover {
	display:block;
}
/*** Copy upto here ***/


/****** DEMO CSS CODE TO DEMONSTRATE THE IMPLEMENTING SECOND MENU START ***/
/****** These codes are only for demonstration. You can delete this code. ***/
/*** Changes made from orignal CSS: 	
	 Replaced parent UL class menuhxdmenu with menuhxd_moodemo_2
	 Replaced Div ID hxdmoomenu with moomenu2 ***/

.menuhxdmenu2,.menuhxdmenu2  *{margin:0;padding:0;}
div#moomenu2{
z-index:55;}
#moomenu2 li li{margin:0;}
.menuhxdmenu2 {line-height:1.0;float:left;margin-bottom:1.5em;position:relative; z-index:56}
.menuhxdmenu2  ul{background:#fff;
padding:0;}
.menuhxdmenu2  li{float:left;list-style:none;position:relative;}
div#moomenu2 li li a, div#moomenu2 li.active li a{display:block;padding:0;margin:0;text-decoration:none;float:none;width:98%;}
.menuhxdmenu2  li ul{float:none;left:-999em;position:absolute;width:170px;z-index:57;}
.menuhxdmenu2  li:hover ul,
.menuhxdmenu2  li.sfHover ul{left:0px;top:25px;}
.menuhxdmenu2  li:hover li ul,
.menuhxdmenu2  li.sfHover li ul,
.menuhxdmenu2  li li:hover li ul,
.menuhxdmenu2  li li.sfHover li ul,
.menuhxdmenu2  li li li:hover li ul,
.menuhxdmenu2  li li li.sfHover li ul{top:-999em;}
.menuhxdmenu2  li li:hover ul,
.menuhxdmenu2  li li.sfHover ul,
.menuhxdmenu2  li li li:hover ul,
.menuhxdmenu2  li li li.sfHover ul,
.menuhxdmenu2  li li li li:hover ul,
.menuhxdmenu2  li li li li.sfHover ul{left:170px;top:0px;}
.menuhxdmenu2  li li{position:relative;float:none;width:100%;}
/*** EDIT THESE CSS CODES WITH CARE: ENDS ***/

#moomenu2{
	
}

#moomenu2 ul{
	margin: 0;
	padding: 0;
	background: #ACACAC;
}		

#moomenu2 ul li{
	margin:0;
	padding:0;
	display:block;
}

#moomenu2 ul li a{
	margin:0;
	display:block;
	float: left;
	height: 25px;
	line-height: 25px;
	padding: 0 15px;
}		

#moomenu2 ul li a:hover{
	display:block;
}		

#moomenu2 li.active a {
	display:block;
}

#moomenu2 li ul {
	margin-top:0px;
	margin-left:auto;
	width:195px;
}

#moomenu2 ul ul ul {
	margin:0;
	margin-top:10px;
}

#moomenu2 ul ul li{
	display:block;
	padding:0 0 0 15px;
	text-align:left;
	width:180px;
	height: 25px;
}

#moomenu2 ul ul li a{
	display:block;
}


#moomenu2 li.active li a {

}

#moomenu2 ul ul li a:hover,
#moomenu2 ul li.active.parent ul a:hover {
	display:block;
}

/* end menutop*/
.moduletable_bvm h3{
	 background:#0066B3;
	 color:#fff;
	 padding-left:20px;
	 line-height:30px;
	 height:30px;
	 margin:10px 10px 5px;
}
.moduletable_httt h3{
	 background:#0066B3;
	 color:#fff;
	 padding-left:20px;
	 line-height:30px;
	 height:30px;
	 text-transform:uppercase;
	 margin:10px 10px 5px;
}
.moduletable h3{
	 background:#0066B3;
	 color:#fff;
	 padding-left:20px;
	 line-height:30px;
	 height:30px;
	 margin:10px 10px 5px;
	 text-transform:uppercase;
}
#text-3 {
	text-align:center;
}
.mostread_table {
	padding-top:10px;
	margin-left:10px;
}
.mostread_introtext {
	padding-left:5px;
	border-bottom:1px dotted #BFBFBF;
}
.mostread_img {
	border-bottom:1px dotted #BFBFBF;
}
.mostread_space11 {
	
	height:60px;
}
.yjnewsflash_title {
	height:30px;
}
.moduletable_qc {
	border-bottom:1px solid #DFD5B5;
	height:245px;
	margin-bottom:15px;
}
#footer {
	/*background: url("../images/bg_portal.png") repeat scroll 0 0 #FFFFFF;*/
	background:#2A92EB;
	color:#fff;
    margin: 0 auto;
    padding: 10px;
    width: 980px;
	text-align:center;
	line-height:190%;
}
.frongage_box {
	height:220px;
}
.contentpaneopen {
	text-align:justify;
	line-height:180%;
}
.contentpaneopen1 {
		background:#0066B3;
	 color:#fff;
	 padding-left:20px;
	 line-height:30px;
	 height:30px;
	 width:610px;
}
.jazin-title a {
	color:#004B80;
}
.jazin-title a:hover {
	color:red;
}
.yjnewsflash a {
	color:#004B80;
}
.yjnewsflash a:hover {
	color:red;
}
.mostread_introtext a {
	color:#004B80;
}
.mostread_introtext a:hover {
	color:red;
}
#neweritemlist li {
	list-style:none;
	background: url("../images/ja_news_baivietkhac_ic.gif");
	background-repeat:no-repeat;
	background-position:5px;
}
#olderitemlist li {
	list-style:none;
	background: url("../images/ja_news_baivietkhac_ic.gif");
	background-repeat:no-repeat;
	background-position:5px;
}
.blog_more li {
	list-style:none;
	background: url("../images/ja_news_baivietkhac_ic.gif");
	background-repeat:no-repeat;
	background-position:5px;
}
.blog_more li a {
	padding-left:25px;
}
#olderitemlist li span {
	padding-left:15px;
}
#neweritemlist li span {
	padding-left:15px;
}
#tinymce {
	background:none;
}
.componentheading {
		background:#0066B3;
	 color:#fff;
	 padding-left:20px;
	 line-height:30px;
	 height:30px;
	 width:590px;
	 text-transform:uppercase;
}
h1 {
	background:#0066B3;
	 color:#fff;
	 padding-left:20px;
	 line-height:30px;
	 height:30px;
	 width:580px;
	 margin:0 !important;
	 text-transform:uppercase;
	 font-size:12px;
}
h2 {
	 font-size:14px;
}
.frongage_box_row1 h2 {
	font-size:12px;
}
.frongage_box_row1 h3 {
	font-size:12px;
	background:none !important;
	text-transform:none;
    line-height: 1.1;
    margin: 0 0 5px;
    padding: 0;

}
.contentheading {
	color: #33CA33;
    font-weight: bold;
	font-size:14px;
}
.moduletable_httt {
	line-height:350%;
}
.ja-bullettin li {
	list-style:none;
}
.ttft {
	background:#fff;
}
.mobile{
	display:none;
}