/*normalize:begin-this part is to nomalize the style that may be controlled by the browser(browser has defautl style that may cause the resize function not work)*/
html body,table,div
{
    font-size:1em;
    padding:0;
    margin:0;
}
a
{
    text-decoration:none;
}
/*normalize:end*/

/*skip to main content function:begin*/
#skip a,#skip a:hover,#skip a:visited{
position:absolute;
left:0px;
top:-500px;
width:1px;
height:1px;
overflow:hidden;
}

#skip a:active, #skip a:focus{
position:static;
width:auto;
height:auto;
}
/*skip to main content function:end*/

/*header_eng.js header_table:begin*/
#header_table
{
    width:765px;
    height:80px;
    font-size:16px;

    
}
/*header_eng.js header_table:end*/

/*#menu_and_content_table:begin*/
#table_menu_and_content
{
   /* margin-top:-18px;  */

}
/*#menu_and_content_table:end*/


/************Left Menu:begin*******************/
/* ===========

=========== */
/* =================================================================================================
	Left Menu
================================================================================================= */
/*******
		To change color, just find and replace all "FFE8D5" color
																*******/
/*******
		To change width, just find and replace all value in "set width"
																*******/																
img
{
    border: 0;
}

ul.sf-menu li ul.active li.active {
	left:0;
	top:0;
}

.sf-menu li ul li .active {
left: 160px;/*160px*/
top: 0;
/*position: relative;*/
}



.sf-menu li .active {
left: 160px;/*165px*/
top: 0;
}


.sf-menu li .inactive {
left: 0px;
top: 0;
}



.sf-menu {
	margin-bottom:	1em;
	margin:			0;
	padding:		0;
	list-style:		none;
	width:			160px;
	
	line-height:	30px;
	background-color:#B0C7E0;/*#FFE8D5*/
	left:		0;
}


.sf-menu .active .menu_lv1 {
	/*background-color: #FFC291;*/
	/*later add*/
	color:#0266c9;
	 background-color:#ffffff;
} 



.sf-menu ul {
	background-color: 	#efefef;/*#FFE8D5*/
	position:		absolute;
	top:			0;
	width:			250px; /*155px*/
	margin:			0;
	padding:		0;
	list-style:		none;
	left:		-999em;
	
}


.sf-menu ul li {
	position: relative;
	left: 0px;
}

.sf-menu li {
	
	border-bottom: 		2px solid grey;

	position:		relative; 
	
	left: 0px;
	/*later add*/
	background-color:#efefef;
	border-right:8px solid #0c3f78;
	
}

.sf-menu li:hover > ul,
.sf-menu li.sfHover > ul {
	left:			160px;/*162px*/
	display:		block; 
	visibility: 	visible;
}


/*.sf-menu li > ul li ul { left: -999em; } */
.sf-menu li > ul li:hover > ul  
{
    display:block; 
    position:absolute;
     top:0px; 
     left:157px;/*157px*/}
/*.sf-menu li > ul li a:focus > ul { display:block; position:absolute; top:0px; left:157px } */



.sf-menu a {
	color: #0c3f78;/*#000000*/
	font-size: 0.9em;
	text-decoration:none;
	display:		block;
	position:		relative;
	padding-left:	5px;
	left:	0px;
}


.sf-menu li:hover {
	visibility:		inherit; 
}


.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {
	outline:		0;
	background-color: #efefef;/*#FFC291*/
}
/*later add:begin*/
td.left_menu_td
{
    vertical-align:top;
    background-color:#B0C7E0;
    font-family:Arial, Helvetica, sans-serif;
}

#left_menu ul.sf-menu li.menu_li_lv1
{
    margin-bottom:4px;/*not look the same in ie and firefox use jquery to fix the layout*/
}

#left_menu ul.sf-menu li.menu_li_lv1 ul
{
    z-index:1000;
}

#left_menu ul.sf-menu li.menu_li_lv1,#left_menu ul.sf-menu li.menu_li_lv1 a
{
   line-height:20px;
   font-size:0.85em;
   font-weight:bold;
}
#left_menu ul.sf-menu li.menu_li_lv1 ul li
{
    border:1px solid #B0C7E0;
}

#left_menu ul.sf-menu li.menu_li_lv1 ul li a
{
color:#003399;
background-color:#ffffff;

}

/*later add:end*/


/************Left Menu:end*******************/

/**********footer:begin************/
#footer
{
    position:relative;
    font-size:0.9em;
    
    margin-bottom:50px;
    display:block;

    
}
#revision_date
{
 display:block;  
 
 margin-bottom:10px; 
}

span#footer_left
{
    font-weight:bold;
}

#footer_right
{
    position:absolute;
   right:0px;
   text-align:right;
}


/**********footer:end************/

/*#print_content-table's id:begin*/
#print_content
{
    width:602px;
    height:850px;
    
}
#print_content td
{
       vertical-align:top;
}
/*#print_content-table's id:end*/


/*td.content_footer_td:begin*/
td.content_footer_td
{

   
}
/*td.content_footer_td:end*/


/*file path class:begin*/
.file_path_a_tag
{
    color:#1f60a9;
    background-color:#ffffff;
}
/*file path class:end*/


/*h1 image change:begin*/
#h1_wrapper
{

background-image:url("/images/tp04.gif");
background-position:left bottom;
background-repeat:no-repeat;


}
h1{
    color:#1f60a9;
    text-indent:10px;
    margin:0;
    padding:0;
    padding-bottom:20px;

    font-family:Arial, Helvetica, sans-serif;
    font-size:1.5em;
}

/*h1 image change:end*/

/*differ h1 style:begin*/
h1.h1_style_2
{
    color:#003399;
    font-size:1.1em;
    font-family:Verdana, Arial, Helvetica, sans-serif;
    
}

h1.h1_style_3
{
    font-size:1em;
    font-style:italic;
    color:#000000;
}
/*differ h1 style:end*/

.ol_no_style
{
    list-style:none;
}

.ol_no_style li
{
    text-indent:-1.3em;
    padding-left:1.3em;
}

.v_align_middle
{
    vertical-align:middle;
}


/*later add:begin*/
.add_underline
{
    text-decoration:underline;
}

/*later add:end*/

/*20121212 later add:begin*/
.align_center
{
    text-align:center;
}

/*20121212 later add:end*/

/*20121213 later add:begin*/
.hide_text_pdf
{
    position:absolute;
    left:-9999px;
}
/*20121213 later add:end*/

/*later add:begin*/
.ul_style
{
    list-style:disc outside;
}
/*later add:end*/