.texttrang {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #FFFFFF;
	text-decoration: none;
}
.texttrang1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	color: #FF0000;
	text-decoration: none;
}
.textthantrang {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	color: #000000;
	text-decoration: none;
}
.textngonngu {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #FFFF00;
	text-decoration: none;
}
.textmenu {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	color: #FFFF99;
	text-decoration: none;
}
.textmore {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #FF0000;
	text-decoration: none;
}
.textchantrang {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #000000;
	text-decoration: none;
}
.textchantrang1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #0000FF;
	text-decoration: none;
}
.textchantrang div {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	color: #000000;
	text-decoration: none;
}



.menuHolder {margin:0 auto; color:#fff; text-align:center; position:relative; height: auto; z-index:20; }
.menuHolder ul.nav li {display:inline-block; display:inline;}

.menuHolder ul.nav {padding:0 0 0 2px; margin:0; list-style:none; display:inline-block; background:url(droplistcolumns/divider.gif) no-repeat left center;}

.menuHolder ul.nav li {float:left; display:block; padding:0 4px 0 2px; background: url(droplistcolumns/divider.gif) no-repeat right center; position:relative;}
.menuHolder ul.nav li a.top-a {display:block; text-decoration:none; margin-top:4px; float:left;}
.menuHolder ul.nav li a.top-a b {display:block; padding:0 8px; font:normal 12px/36px arial, sans-serif; color:#fff;}

.menuHolder ul.nav li a.top-a:hover {background: url(droplistcolumns/left-curve.gif) no-repeat left top;}
.menuHolder ul.nav li a.top-a:hover b {background: url(droplistcolumns/right-curve.gif) no-repeat right top;}

.menuHolder ul.nav li:hover a.top-a {background:#500 url(droplistcolumns/left-curve.gif) no-repeat left top;}
.menuHolder ul.nav li:hover a.top-a > b {background:url(droplistcolumns/right-curve.gif) no-repeat right top;}

.menuHolder ul.nav div {position:absolute; top:-30000px; left:2px; opacity:0; background:#500; padding:5px 0 0 0;}
.menuHolder ul.nav div.left {left:auto; right:4px;}

.menuHolder ul.nav div ul {padding:0; list-style:none; width:140px; margin:10px 5px 0 5px; float:left; display:inline; text-align:left; background:#fff;}
.menuHolder ul.nav div ul.colLeft {margin-left:10px;}
.menuHolder ul.nav div ul.colRight {margin-right:10px;}
.menuHolder ul.nav div ul.colSingle {margin-left:10px; margin-right:10px;}

.menuHolder ul.nav div ul li.liTop {float:left; height:8px; padding:0; width:140px; background:url(droplistcolumns/liTop.gif) no-repeat; overflow:hidden;}
.menuHolder ul.nav div ul li.liBott {float:left; height:8px; padding:0; width:140px; background:url(droplistcolumns/liBott.gif) no-repeat; overflow:hidden;}

.menuHolder ul.nav div ul li.lnk {float:left; background: transparent url(droplistcolumns/dot.gif) repeat-x left bottom; margin:0 5px 0 5px; display:inline;}
.menuHolder ul.nav div ul li.last {background:transparent;}

.menuHolder ul.nav div ul li a {display:block; width:105px; text-decoration:none; font:13px/16px arial, sans-serif; color:#009; margin:0; padding:4px 0 4px 15px; background:transparent url(droplistcolumns/arrow.gif) no-repeat left center;}
.menuHolder ul.nav div ul li a:hover {color:#141; background:transparent url(droplistcolumns/arrow.gif) no-repeat 1px center;}

.menuHolder ul.nav div.col1 {width:160px;}
.menuHolder ul.nav div.col2 {width:310px;}
.menuHolder ul.nav div.col3 {width:460px;}

.menuHolder ul.nav li:hover div {top:40px; opacity:1;}

.menuHolder ul.nav div span {display:block; clear:left; height:20px; background:url(droplistcolumns/base.gif) no-repeat left bottom; position:relative;}
.menuHolder ul.nav div span em {display:block; width:10px; height:20px; background:url(droplistcolumns/baseR.gif) no-repeat right bottom; position:absolute; right:0; top:0; overflow:hidden;}
.floatleft {float: left;}
.floatright {float: right;}
.width20 {width: 20%}
.width30 {width: 30%}
.width40 {width: 40%}
.width45 {width: 45%}
.width80 {width: 79%}
.width70 {width: 69%}

.padding10 {padding: 10px}
.padding15 {padding: 15px}
.padding20 {padding: 20px}
.padding30 {padding: 30px}
</style>

<!--[if lte IE 7]>
<style type="text/css">
.menuHolder ul.nav {display:inline;}
/* for IE6 */
* html .menuHolder table {border-collapse:collapse; width:0; height:0; margin-bottom:-1px; margin-right:-10px;}
* html .menuHolder ul.nav li a:hover {direction:ltr;}
* html .menuHolder ul.nav li a:hover div {top:39px;} 
* html .menuHolder ul.nav li a.top-a b {height:36px; float:left;}
}
</style>
<![endif]-->