/********************************************************************
 * JOOMLA 1.5 TEMPLATE CSS FILE FOR CLIENT http://hoithanh.com
 * ----------------------------------------------------------------
 * Copyright (C) 2009 NVTECH.vn. All Rights Reserved.
 * @license - Copyrighted Commercial Software
 * Author: NVTECH.vn
 * Websites:  http://www.nvtech.vn
 * ----------------------------------------------------------------
 *********************************************************************/

/** OVERALL SETTING ***/
* {
	margin: 0;
	padding: 0;
}
html {
  height: 100%;
  margin-bottom: 1px;

}
body {
	font-family: Arial, Tahoma,  sans-serif;
	font-size: 62.5%;
	color:#000000;
	text-align: center;
	background-color: #FFFFFF;
}
a:link {
	color: #444444;
	text-decoration: none;
}
a:visited {
	color: #999999;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.clearfix {display: inline-block;}  /* for IE/Mac */
ul {
	list-style: none;
}
ul li {
	padding-left: 15px;
	background: url(../images/bullet2.gif) no-repeat 0px center;
	line-height: 180%;
}
img {
	border: none;
}
p {
	margin-bottom: 10px;
	margin-top: 10px;
	line-height: 1.5em;
}
fieldset {
	border: 1px solid #bababa;
	padding: 10px 5px;
	margin-bottom: 10px;
}
fieldset legend {
	font-size: 1.1em;
}
h1 {
	font-size: 1.8em;
}
h2 {
	font-size: 1.6em;
}
h3 {
	font-size: 1.4em;
}
h4 {
	font-size: 1em;
}
dl {

}
dl dd {
	margin-left: 15px;
	line-height: 1.5em;
}
.clr {
	clear: both;
}
/** LAYOUT CSS ***/
#wrapper {
	width: 1004px;
	margin: 0 auto;
	background: #f4f5f6;
	font-size: 1.2em;
}
#header {
	width: 100%;
	height: 157px;
	background: url(../images/headerbg.png) repeat-x 0 0;
	text-align: left;	
}
#header h1#logo {
	width: 249px;
	height: 73px;
	float: left;
	margin: 15px 0 0 28px;
	display: inline;
}
#header #searchbox {
	float: left;
	width: 310px;
	height: 64px;
	background: url(../images/searchbg.png) no-repeat 0 0;
	margin: 19px 0 0 395px;
	display: inline;
}
#header #searchbox input#mod_search_searchword {
	margin: 20px 0 0 55px;
	width: 200px;
	padding: 3px 0 3px 0;
}
#header #searchbox input.button {
	background: url(../images/searchbuttonbg.png) no-repeat 0 0;
	width: 36px;
	height: 21px;
	color: #333333;
	border: none;
	margin: 0 0 0 5px;
}
#header #navigation {
	margin: 10px 0 0 0;
	width: 100%;
	height: 59px;
	background: url(../images/submenu-bg.png) repeat-x 0 25px;
}
#mainarea {
	width: 950px;
	margin: 0 auto;
	text-align: left;
	
}
#mainarea #leftarea {
	width: 400px;
	float: left;
	
}
#mainarea #leftarea-span-1 {
	width: 670px;
	float: left;
	
}
#mainarea #leftarea-span-2 {
	width: 950px;
	float: left;
	
}
#mainarea #rightarea {
	width: 530px;
	float: left;
	margin: 10px 0 0 20px;
	
}
#mainarea #rightarea-span-1 {
	width: 260px;
	float: left;
	margin: 10px 0 0 20px;
	
}
#mainarea #rightarea-span-2 {
	width: 0px;
	float: left;
	margin: 10px 0 0 20px;
	
}
#mainarea #rightarea #right-col-left{
	width: 260px;
	float: left;
} 
#mainarea #rightarea #right-col-right{
	width: 260px;
	float: left;
	
}
#mainarea #rightarea #right-col-bottom{
	width: 530px;
	float: left;
	
}
.marginleft-10 {
	margin-left: 10px;
}
#bottomarea {
	width: 950px;
	margin: 25px auto 25px;
	
	background: #f9f9e4;
	border-top: 1px dashed #FFFFFF;
	border-bottom: 1px dashed #FFFFFF;
	
}
#bottomarea .moduletable h3 {
	background: url(../images/bullet.gif) no-repeat 0 center;
	text-indent: 20px;
	line-height: 20px;
}
#bottomarea #bottom-left,
#bottomarea #bottom-center,
#bottomarea #bottom-right {
	float: left;
	width: 30%;
	text-align: left;
	margin-left: 2.5%;
	display: inline;
	margin-top: 15px;
	margin-bottom: 15px;
	
}
#bottomarea #bottom-left .roundcorner,
#bottomarea #bottom-center .roundcorner,
#bottomarea #bottom-right .roundcorner {
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	margin: 10px 0 10px 0;
}
#bottomarea #bottom-left .roundcorner {
	background: #cfe8ce;
}
#bottomarea #bottom-center .roundcorner {
	background: #f1d8e3;
}
#bottomarea #bottom-right .roundcorner {
	background: #dad8f1;
	
}
#bottomarea ul {
	margin: 10px 0 10px 0;	
}
#bottomarea ul li {
	background: url(../images/bullet2.gif) no-repeat 10px 7px;
	padding-left: 20px;
	
}
#footer {
	background: url(../images/footer-bg.png);
	height: 100px;
	width: 100%;
	float: left;
}
#footer .moduletable-menu {
	margin: 15px 0 0 0;
}
#footer .menu li {
	display: inline;
	border-right: 1px solid #FFFFFF; 
	padding: 0 8px 0 8px; 
	background: none;
}
#footer .menu li a:link {
	color: #FFFFFF;
}
#footer .menu li a:visited {
	color: #EEEEEE;
}

/* Rounded news wrapper */
.rounded {
 position:relative;
 margin:0px auto;
 min-width:8em;
 max-width:800px; /* based on image dimensions - not quite consistent with drip styles yet */
 color:#fff;
 z-index:1;
 margin-left:12px; /* default, width of left corner */
 margin-bottom:0.5em; /* spacing under dialog */
}

.rounded .content,
.rounded .t,
.rounded .b,
.rounded .b div {
 background:transparent url(../images/news-bg.png) no-repeat top right;
 _background-image:url(../images/news-bg.png);
}

.rounded .content {
 position:relative;
 zoom:1;
 _overflow-y:hidden;
 padding:0px 12px 0px 0px;
}

.rounded .t {
 /* top+left vertical slice */
 position:absolute;
 left:0px;
 top:0px;
 width:12px; /* top slice width */
 margin-left:-12px;
 height:100%;
 _height:1600px; /* arbitrary long height, IE 6 */
 background-position:top left;
}

.rounded .b {
 /* bottom */
 position:relative;
 width:100%;
}

.rounded .b,
.rounded .b div {
 height:10px; /* height of bottom cap/shade */
 font-size:1px;
}

.rounded .b {
 background-position:bottom right;
}

.rounded .b div {
 position:relative;
 width:12px; /* bottom corner width */
 margin-left:-12px;
 background-position:bottom left;
}

.rounded .hd,
.rounded .bd,
.rounded .ft {
 position:relative;
}



/* Rounded corner 2 */
.rounded2 {
 position:relative;
 margin:0px auto;
 min-width:8em;
 max-width:800px; /* based on image dimensions - not quite consistent with drip styles yet */
 
 color:#fff;
 z-index:1;
 margin-left:12px; /* default, width of left corner */
 margin-bottom:0.5em; /* spacing under dialog */
}

.rounded2 .content,
.rounded2 .t,
.rounded2 .b,
.rounded2 .b div {
 background:transparent url(../images/news2-bg.png) no-repeat top right;
 _background-image:url(../images/news2-bg.png);
}

.rounded2 .content {
 position:relative;
 zoom:1;
 _overflow-y:hidden;
 padding:0px 12px 0px 0px;
 height: 730px; /* fixed height */
}

.rounded2 .t {
 /* top+left vertical slice */
 position:absolute;
 left:0px;
 top:0px;
 width:50px; /* top slice width */
 margin-left:-12px;
 height:100%;
 _height:1600px; /* arbitrary long height, IE 6 */
 background-position:top left;
}

.rounded2 .b {
 /* bottom */
 position:relative;
 width:100%;
}

.rounded2 .b,
.rounded2 .b div {
 height:10px; /* height of bottom cap/shade */
 font-size:1px;
}

.rounded2 .b {
 background-position:bottom right;
}

.rounded2 .b div {
 position:relative;
 width:12px; /* bottom corner width */
 margin-left:-12px;
 background-position:bottom left;
}

.rounded2 .hd,
.rounded2 .bd,
.rounded2 .ft {
 position:relative;
}


.rounded2 .moduletable-type2 {
	position: relative;
	z-index: 999;
}

.moduletable-type1 h3 {
	padding: 3px 0 3px 0;
	background: url(../images/news-title-bg.png) 0px 4px no-repeat;
	text-indent: 25px;
	margin: 0 0 10px 0;
}
.moduletable-type1 ul.medialist li {
	display: block;
	float: left;
	text-align: center;
	background: none;
}
.moduletable-type2 h3 {
	padding: 18px 0 18px 0;
	text-indent: 40px;
	margin: 0 0 10px 0;
	color: #333333;
}

/* Menu dropline */
/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/drop_line.html
Copyright (c) 2005-2009 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
.menu-nvmenu {
position:relative;
width:100%;
height:25px;

padding-bottom:1px;
background: none;

margin-top:0;
}

* html .menu-nvmenu {padding-bottom:0;}

.menu-nvmenu ul{
list-style-type:none;
padding:0;
margin:0 0 0 20px;
width:100%;
height:100%;
}

.menu-nvmenu li{
float:left;
/* my addition*/
background: url(../images/menu-left.png) left top no-repeat;
padding-left: 3px;
margin: 0 5px 0 0;
/* my addition*/
}
/* my addition*/
.menu-nvmenu li a { 
	background: url(../images/menu-right.png) right top no-repeat;
	display: block;
	padding: 3px 5px 4px 5px;
}
/* my addition*/






.menu-nvmenu li:hover,
.menu-nvmenu li.active {
/* my addition*/
background: url(../images/menu-active-left.png) left top no-repeat;
padding-left: 3px;
margin: 0 5px 0 0;
/* my addition*/
}
/* my addition*/
.menu-nvmenu li:hover a,
.menu-nvmenu li.active a { 
	background: url(../images/menu-active-right.png) right top no-repeat;
	display: block;
	padding: 3px 5px 4px 5px;
	color: #444444;
}
.menu-nvmenu li.active a span.expanded {
	color: #444444;
}
/* my addition*/

.menu-nvmenu li.active ul li,
.menu-nvmenu li.active ul li a {
	background: none;
}



.menu-nvmenu table{
position:absolute;
border-collapse:collapse;
left:0;
top:0;
}

.menu-nvmenu a, .menu-nvmenu :visited {
color:#fff;
text-decoration:none;


}


.menu-nvmenu a em.lft, .menu-nvmenu :visited em.lft {
display:block;
float:left;
width:5px;
height:2em;
background: transparent url(drop/lefta.gif);
border-bottom:1px solid #777;
}
.menu-nvmenu a b, .menu-nvmenu :visited b {
display:block;
font-weight:normal;
float:left;
padding:0 10px;
height:2em;line-height:1.9em;
background: transparent url(drop/mida.gif);
cursor:pointer;
border-bottom:1px solid #777;
}
.menu-nvmenu a em.rgt, .menu-nvmenu :visited em.rgt {
display:block;
float:left;
width:5px;
height:2em;
background: transparent url(drop/righta.gif);
border-bottom:1px solid #777;
}

.menu-nvmenu ul ul {
visibility:hidden;
position:absolute;
height:2em;
top:2em;
left:-20px;
width:749px;


background: none;
}

.menu-nvmenu :hover {
white-space:normal;
}

.menu-nvmenu a:hover b {
color:#000;
background: transparent url(drop/midb.gif);
border-bottom-color:#ccc;
}
.menu-nvmenu a:hover em.lft {
background: transparent url(drop/leftb.gif);
border-bottom-color:#ccc;
}
.menu-nvmenu a:hover em.rgt {
background: transparent url(drop/rightb.gif);
border-bottom-color:#ccc;
}

.menu-nvmenu li:hover > a b
{
color:#000;
background: transparent url(drop/midb.gif);
border-bottom-color:#ccc;
}
.menu-nvmenu li:hover > a em.lft {
background: transparent url(drop/leftb.gif);
border-bottom-color:#ccc;
}
.menu-nvmenu li:hover > a em.rgt {
background: transparent url(drop/rightb.gif);
border-bottom-color:#ccc;
}
.menu-nvmenu ul li:hover ul,
.menu-nvmenu ul a:hover ul {
display:block;
visibility:visible;
top:25px;
margin-top:1px;
width: 950px;
background: url(../images/submenu-bg.png) repeat-x 0 0;	

z-index: 99;
}

.menu-nvmenu ul li.active ul {
display:block;
visibility:visible;
top:25px;
margin-top:1px;
z-index: 1;
}



.menu-nvmenu ul :hover ul li,
.menu-nvmenu ul li.active ul li {
display:block; 
/*border-left:1px solid #777; */
background: url(../images/submenu-sep.png) left 2px no-repeat;

height:2em;

}
.menu-nvmenu ul :hover ul li a,
.menu-nvmenu ul li.active ul li a {
display:block; 
background: none;
font-size:1.0em; 
line-height:2.3em; 
width:auto; 
float:left; 
color:#444; 
padding:0 10px;
padding: 0px 5px 4px 5px;
}
.menu-nvmenu ul :hover ul li a:hover {
color:#c00;
}

/* Joomla */
h2.contentheading,
h1.componentheading,
div.componentheading {
	margin: 10px 0 10px 0;
	font-size: 1.2em;
}
h2.contentheading,
h2.contentheading a:link {
	color: #016792;
}
h2.contentheading a:visited {
	color: #00baf1;
}
ul.latestnews li {
	padding-left:  25px;
}
span.modifydate,
span.createdby,
span.createdate {
	font-size: 0.9em;
	display: block;	
	color: #666666;
}

a.gk_npro_readmore_inline:link,
a.gk_npro_readmore_inline:visited {
	color: #000000;
}
div.article_row img {
	margin: 5px 5px 5px 0;

}
img.article-thumbnail {
	float: left;
	margin: 0px 5px 5px 0px;
}
span.gn_header {
	font-size: 1.4em;
}
.margin-top-5 {
	margin-top: 3px;
}