
body {
	background-color: #CCCCCC;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}

td {
	font-family: Arial, Helvetica, sans-serif;
}

th {
	font-family: Arial, Helvetica, sans-serif;
	background-attachment: fixed;
	background-image: url(images/ima_02.jpg);
	background-repeat: repeat-x;
	background-position: left top;
}
.main_color{
background-image:url(images/button_d.gif);
border: solid 1px #2C8CB4;
}
.select_color{
	background-color: #FAA844;
	color: #FFFFFF;
}
.sub_color{
background-color: #ACD58A;
}
.red_bn{
	font-size: 10pt;
	font-weight: bold;
	color: #FFFFFF;
	background-color:#ED1B23
}
.date{
font-size: 8pt;
color:#666666
}
.cat{
font-weight:bold;
font-size: 12pt;
color:#000000*
}
.cat_sp{
font-weight:bold;
font-size: 11pt;
color:#FF9900
}
.detail{
font-size: 10pt;
color:#009933
}

p{
text-align:justify;
font-size: 12pt;
}
.red{
font-size: 8pt;
}

a{
font-weight:bold;
text-decoration: none;
color:#8C8C8C
}

a:hover{
font-weight:bold;
text-decoration: none;
color:#FF9900
}

a.small{
font-size: 8pt;
}

a.nav{
font-weight:bold;
text-decoration: none;
color:#006699;
font-size: 12pt;
}
a.nav:hover{
font-weight:bold;
text-decoration: none;
color:#FF9900;
font-size: 12pt;
}
a.nav_sub{
font-weight:bold;
text-decoration: none;
/*color:#C06616;*/
color:#003399;
font-size: 8pt;
}
a.nav_sub:hover{
font-weight:bold;
text-decoration: none;
color:#FFFFFF;
font-size: 8pt;
}
a.nav_select{
font-weight:bold;
text-decoration: none;
color:#FF9900;
font-size: 12pt;
}
a.nav_select:hover{
font-weight:bold;
text-decoration: none;
color:#0066CC;
font-size: 12pt;
}
.blue{
background-color: #0073BD
}
.blue_border{
border: 1px solid #0073BD
}.green{
background-color: #8CC639
}
.green_border{
border: 1px solid #8CC639
}
.grey{
font-size: 8pt
}
.white{
	font-weight:bold;
	font-size: 8pt;
	color: #FFFFFF;
	font-style: normal;
	font-variant: normal;
	line-height: normal;
}
.th {
	background-attachment: fixed;
	background-image: url(images/ima_02.jpg);
	background-repeat: repeat-x;
	background-position: left top;
}
.unnamed1 {
	border: thin none;
	background-attachment: fixed;
	background-image: url(images/Untitled-1%20copy.gif);
	background-repeat: repeat-y;
	background-position: left top;
}


.footer {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #333399;
	text-decoration: none;
}
.footer:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #CC6666;
	text-decoration: none;
}
.leftbt {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #3055A5;
	text-decoration: none;
}
.leftbt:hover{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #FFCC66;
	text-decoration: none;
}
.lefrbg {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #D0DCF2;
}
.hl {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #3366CC;
	text-decoration: none?, Direction=down?)?, OffX=?, OffY=?, Positive=?)?, OffX=?, OffY=?, Positive=?); 
}
.EV {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #990000;
	text-decoration: none;
}
.EV:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #FFFFFF;
	text-decoration: none;
}
.line {
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #939ACE;

}
.content {
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 18px;
	font-weight: normal;
	color: #333333;
	text-decoration: none;
	left: 5px;
	right: 5px;
	padding-right: 5px;
	padding-left: 5px;


}
.content:hover {
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 18px;
	font-weight: normal;
	color: #0066FF;
	text-decoration: none;
}
.bar {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #000000;
	text-decoration: none;
}
.bar:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
}
.date {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #006543;
	/*color: #CC0000;*/
}
.date2 {
	font-family: Arial;
	font-size: 12px;
	font-weight: bold;
	color: #006543;
	/*color: #CC0000;*/
}
.date2:hover {
	font-family: Arial;
	font-size: 12px;
	font-weight: bold;
	color: #366CAF;
	text-decoration: underline;
}
.date3 {
	font-family: Verdana;
	font-size: 11px;
	font-weight: bold;
	color: #006543;
}
.content1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #333333;
	text-decoration: none;
	text-align: justify;

}
.content2 {
	font-family: verdana;
	font-size: 11px;
	font-weight: normal;
	color: #000000;
	text-decoration: none;
	text-align: justify;
	/*text-decoration: none;*/
}
.content3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #003399;
	text-decoration: underline;
}
.border {
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #C8CDE8;
	border-bottom-color: #C8CDE8;
	border-left-color: #C8CDE8;
}
.field {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #315491;
	height: 20px;
	width: 140px;
}
.field1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #2C4AA1;
	height: 20px;
	width: 70px;
	text-decoration: none;
	border: 1px solid #CCCCCC;
}
.demo {
	font-family: Arial;
	font-size: 12px;
	font-weight: 600;
	color: #006699;
	text-decoration: none;
	text-align: justify;
}
.tin {
	font-family: Arial;
	font-size:18px;
	font-weight: bold;
	color: #006600;
	text-decoration: none;
}
/*
.tin:hover {
	font-family: Verdana;
	font-size: 16px;
	font-weight: 700;
	color: #366CAF;
	text-decoration: underline;
}
*/
.news1 {
	font-family: Arial;
	font-size:12px;
	font-weight: 700;
	color: #CC0000;
	/*color: #666666;*/
	text-decoration: none;
}
.news1:hover {
	font-family: Arial;
	font-size: 12px;
	font-weight: 700;
	color: #366CAF;
	text-decoration: underline;
}
.news2 {
	font-family: verdana;
	font-size:11px;
	font-weight: bold;
	color: #000066;
	text-decoration: none;
}
.news2:hover {
	font-family: Arial;
	font-size: 11px;
	font-weight: 700;
	/*color: #366CAF;*/
	color: #CC0000;
	text-decoration: underline;
}
.news3 {
	font-family: verdana;
	font-size:13px;
	font-weight: bold;
	color: #CC0000;
	text-decoration: none;
}

.chitiet {
	font-family: Arial;
	font-size: 12px;
	font-weight: normal;
	color: #ff0099;
	text-decoration: underline;
}

.nd {
	font-family: Arial;
	font-size: 10px;
	font-weight: normal;
	color: #3366CC;
	text-decoration: underline;
}
.nd:hover {
	font-family: Arial;
	font-size: 10px;
	font-weight: normal;
	color: #FFCC99;
	text-decoration: underline;
}
.BT {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
}
.BT:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #3366CC;
	text-decoration: none;
}
.button {
	background-color: #0099FF;
	border-width : 1;
	border-color : #00CC66;
	color: #FFFFFF;
	font-family: Arial;
	font-size: 14px;
	font-weight: bold;
	line-height: 20px;
}
.clsTextAreaBorder {
	SCROLLBAR-HIGHLIGHT-COLOR: #6CAD9B; 
	SCROLLBAR-ARROW-COLOR: #ffffff; 
	SCROLLBAR-TRACK-COLOR: #ffffff; 
	SCROLLBAR-DARKSHADOW-COLOR: #ffffff; 
	SCROLLBAR-BASE-COLOR: #7B967A
}
.lefthover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #CC9900;
	font-weight: bold;

}




/* An absolutely positioned and hidden DIV (treated as a layer in NS4). */
.menudiv {
 position: absolute;
 visibility: hidden;
 /*z-index: 1000; */
 display: block;
 border: 5px outset #FFFFCC; 
 border-top: 2px solid #CCCC99;
 border-right: 2px solid #666633;
 border-bottom: 2px solid #666633;
 border-left: 2px solid #CCCC99;
 background-color: #FFFFFF;
 padding: 2px;
 font: Arial, Helvetica, sans-serif;
 font-size: 8pt;
}

.menudiv .header {
 width: 100%;
 font-weight: bold;
 text-align: center;
 border-bottom: 2px dashed #999966;
 margin-bottom: 5px;
}

.menudiv a {
 display: block; 
 /* I've specified borders for each side individually so NS4 ignores this setting */
 border-top: 1px solid #CCCC99;
 border-right: 1px solid #CCCC99;
 border-bottom: 1px solid #CCCC99;
 border-left: 1px solid #CCCC99;
 color: #003333;
 text-indent: 2px;
 text-decoration: none;
}

/* I'm using :hover and :active pseudo-classes for link mouse effects. */
.menudiv a:hover {
 border: 1px solid #336699;
 border-color: #6699CC #003366 #003366 #6699CC;
 background-color: #FFFFCC; /*336699;*/
 color: #FFFFFF;
}
.menudiv a:active {
 border: 1px solid #003366;
 border-top: 1px solid #CCCC99;
 border-right: 1px solid #CCCC99;
 border-bottom: 1px solid #CCCC99;
 border-left: 1px solid #CCCC99;

 /*border-color: #666633 #3366CC #3366CC #000000; */
 background-color: #003366;
 color: #FFFFFF;
}

/*
The script will automatically assign a class of "highlighted" to elements that currently
have an active submenu, so here's a little CSS to format links within a .menudiv element.
*/
.menudiv .highlighted {
 background-color: #336699;
 border-color: #336699;
 color: #FFFFFF;
}

/* The links in the upper-left that pop out 'divMenu' menus. */
.trigger a {
 font: Bold 14px Arial, Helvetica, sans-serif;
 color: #003366;
 text-decoration: none;
}

/* Likewise, style active trigger links */
.trigger a.highlighted {
 color: #CC9966;
}



#button{
	padding: 2px 0px 0px 20px;
	display:block;
	height: 20px;
	color: #118888;
	font-size: 8pt;
	text-align: left;
	text-decoration: none;
	background-image: url(images/layout2_07.gif);
	background-repeat: no-repeat;
	background-position: left top;
    border: 2px outset #FFFFFF;
    /* Borders:     Top    Right  Bottom    Left   */
    border-color: #FFFFCC #666633 #666633 #CCCC99;

}
#button:hover{
	/* color: #996600; */
	color: #FFFFFF;
	background-position: left bottom;
}
#button_sub{
	padding: 1px 0px 0px 0px;
	display:block;
	width: 100%;
	height: 20px;		
	color:#681701; 
	font-size: 8pt;
	text-align: left;
    text-indent: 12px;
	text-decoration: none;
	background-image: url(images/layout2_07.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
#button_sub:hover{
	color: #FFFFFF;
	background-position: left bottom;
}


