<!--

.NOTATION{ text:"for the full text, not include embede tables, etc."}
body
{
	background-color: white;
	font-family: "arial";
	font-size: 12px;
	color: black;
}

.NOTATION{text:"for tables: cellspacing=0,cellpadding=0"}
table,td,th 
{	
	border-collapse:collapse; 
	padding:0;
        border:0;
	font-family: "arial";
	font-size: 14px;
}

.NOTATION{text:"with tbl_frame, make the table inside center in div"}
.div_frame
{
	text-align: center;
	margin-left: auto;
	margin-right: auto;
}

.NOTATION{text:"the whole table in html page"}
.tbl_frame
{
	width: 750px;
        border:1px solid rgb(197,221,246);
	margin-left: auto;
	margin-right: auto;
	padding:0;
}

.NOTATION{text:"for the logo bar on the top of page"}
.tbl_top
{
	width: 750px;
	border: 0;
	border-collapse:collapse;
	padding: 0;
	background-color: rgb(234,240,246);
}

.NOTATION{text:"for the logo bar"}
.td_bar
{
	width: 750px;
	height: 140px;
	text-align: left;
	vertical-align: top;
	padding:0;
}

.NOTATION{text:"for the logo bar"}
.img_bar
{
	width: 750px;
	height: 140px;
	border: 0;
}

.NOTATION{text:"for the navigator bar"}
.tbl_leader
{
	width: 750px;
	text-align: center;
	background-color: white;
	padding: 0;
        border: 0;
}
.td_leader
{
	border: 1px solid rgb(197,221,246);
}

.NOTATION{text:"for the navigator link"}
.link_leader { COLOR: black; TEXT-DECORATION: none }
.link_leader:visited { COLOR: black; TEXT-DECORATION: none }
.link_leader:hover { COLOR: #c5ddf6; TEXT-DECORATION: underline }
.link_leader:active { COLOR: #c5ddf6; TEXT-DECORATION: underline }

.NOTATION{text:"for the navigator link"}
.ft_leader { font-family: "arial"; font-size: 14px}

.NOTATION{text:"for the link on top of page to navigate"}
.link_top { COLOR: black; TEXT-DECORATION: none }
.link_top:visited { COLOR: black; TEXT-DECORATION: none }
.link_top:hover { COLOR: #c5ddf6; TEXT-DECORATION: underline }
.link_top:active { COLOR: #c5ddf6; TEXT-DECORATION: underline }

.NOTATION{text:"for the sitemap at the bottom"}
.td_sitemap
{
	width: 750px;
        border: 1px solid rgb(197,221,246);
	text-align: center;
	vertical-align: middle;
	background-color: white;
}

.NOTATION{text:"for the sitemap link at the bottom"}
.link_sitemap { COLOR: black; TEXT-DECORATION: none }
.link_sitemap:visited { COLOR: black; TEXT-DECORATION: none }
.link_sitemap:hover { COLOR: #c5ddf6; TEXT-DECORATION: underline }
.link_sitemap:active { COLOR: #c5ddf6; TEXT-DECORATION: underline }

.NOTATION{text:"for the sitemap font at the bottom"}
.ft_sitemap { font-family: "arial"; font-size: 14px}

.NOTATION{text:"for the copyright information at the bottom"}
.td_tail
{
	width: 750px;
	text-align: center;
	vertical-align: middle;
	background-color: rgb(197,221,246);
}

.NOTATION{text:"for the mail link in copyright information"}
.link_tail { COLOR: #0f2031; TEXT-DECORATION: none }
.link_tail:visited { COLOR: #0f2031; TEXT-DECORATION: none }
.link_tail:hover { COLOR: purple; TEXT-DECORATION: underline }
.link_tail:active { COLOR: purple; TEXT-DECORATION: underline }

.NOTATION{text:"for the font in copyright information"}
.ft_tail 
{ 
	font-family: "arial"; 
	font-size: 12px;
	color: #0f2031;
}

.NOTATION{text:"for the email image"}
.img_email
{
  border:0;
  vertical-align:middle;
  clear:right;
}

.NOTATION{text:"for the main content, not include embeded tables"}
.td_content
{
	width: 750px;
        height: 300px;
	text-align: left;
	vertical-align: top;
	padding-left:0px;
	padding-right:0px;
	padding-top:10px;
	padding-bottom:10px;
	font-size: 14px;
	line-height:20px;
}

.NOTATION{text:"for the main content,left"}
.img_cleft
{
        width: 200px;
        border: 0;
}

.NOTATION{text:"for the main content,left"}
.td_cleft
{
	width: 210px;
	text-align: left;
	vertical-align: top;
	padding-left:10px;
	padding-right:5px;
	padding-top:5px;
	padding-bottom:5px;
	font-size: 14px;
	line-height:20px;
        background-color:rgb(234,240,246);
}

.NOTATION{text:"for the main content,right"}
.td_right
{
	width: 540px;
	text-align: left;
	vertical-align: top;
	padding-left:10px;
	padding-right:5px;
	padding-top:5px;
	padding-bottom:5px;
	font-size: 14px;
	line-height:20px;
        background-color:white;
}

.NOTATION{text:"for the dragon star table,left"}
.td_DSleft
{
	width: 110px;
	text-align: left;
	vertical-align: top;
	padding-left:10px;
	padding-right:5px;
	padding-top:5px;
	padding-bottom:5px;
	font-size: 14px;
        font-style: normal;
        font-weight: bold;
        background-color:rgb(234,240,246);
}
.NOTATION{text:"for the dragon star table,top"}
.td_DStop
{
	text-align: left;
	vertical-align: top;
	padding-left:10px;
	padding-right:5px;
	padding-top:5px;
	padding-bottom:5px;
	font-size: 14px;
        font-style: normal;
        font-weight: bold;
	line-height:20px;
        background-color:rgb(234,240,246);
}

.NOTATION{text:"for the program table,left"}
.td_PGleft
{
	width: 140px;
	text-align: left;
	vertical-align: top;
	padding-left:10px;
	padding-right:5px;
	padding-top:10px;
	padding-bottom:10px;
	font-size: 14px;
        font-style: normal;
        background-color:rgb(234,240,246);
}
.NOTATION{text:"for the program table,speaker"}
.td_PGspeaker
{
	padding-left:10px;
	padding-right:10px;
        font-style: normal;
        font-weight: bold;
}
.NOTATION{text:"for the program table,top"}
.td_PGtop
{
	text-align: center;
	vertical-align: top;
	padding-left:10px;
	padding-right:5px;
	padding-top:5px;
	padding-bottom:5px;
	font-size: 14px;
        font-style: normal;
        font-weight: bold;
	line-height:20px;
        background-color:rgb(234,240,246);
}

.NOTATION{text:"for the mail link in main page"}
.link_mail { COLOR: blue; TEXT-DECORATION: none }
.link_mail:visited { COLOR: blue; TEXT-DECORATION: none }
.link_mail:hover { COLOR: #c5ddf6; TEXT-DECORATION: underline }
.link_mail:active { COLOR: #c5ddf6; TEXT-DECORATION: underline }

.NOTATION{text:"for head title font in the main page"}
.ft_h1{	font-size:22px; font-style:normal; font-weight:bold;}
.ft_h2{	font-size:19px;	font-style:normal; font-weight:bold;}
.ft_h3{	font-size:16px;	font-style:normal;	font-weight:bold;}
.NOTATION{text:"bold font"}
.ft_mkb{	font-style:normal; font-weight:bold;}
.NOTATION{text:"bold font with underline, mainly for publications.html"}
.ft_mkbu{	font-weight:bold; text-decoration:underline;}
.NOTATION{text:"colorful font, mainly for markble contents in page"}
.ft_mkco{	color:red;}
.NOTATION{text:"colorful,bold font with underline, mainly for markble contents in page"}
.ft_mkbuco{	color:red; font-weight:bold; text-decoration:underline}
.ft_mkbco{	color:red; font-weight:bold; }

.NOTATION{text:"for department link, with no underline"}
.link_dept { COLOR: blue; TEXT-DECORATION: none}
.link_dept:visited { COLOR: blue; TEXT-DECORATION: none }
.link_dept:hover { COLOR: #c5ddf6; TEXT-DECORATION: underline }
.link_dept:active { COLOR: #c5ddf6; TEXT-DECORATION: underline }
.NOTATION{text:"for a new window, only available in IE"}
.link_dept
{voice-family:expression(this.target='_blank');}

.NOTATION{text:"for university link, with underline"}
.link_univ { COLOR: blue; TEXT-DECORATION: none }
.link_univ:visited { COLOR: blue; TEXT-DECORATION: underline }
.link_univ:hover { COLOR: #c5ddf6; TEXT-DECORATION: underline }
.link_univ:active { COLOR: #c5ddf6; TEXT-DECORATION: underline }
.NOTATION{text:"for a new window, only available in IE"}
.link_univ
{voice-family:expression(this.target='_blank');}

.NOTATION{text:"for people link, with underline"}
.link_people { COLOR: blue; TEXT-DECORATION: none; font-weight:bold }
.link_people:visited { COLOR: blue; TEXT-DECORATION: underline }
.link_people:hover { COLOR: #c5ddf6; TEXT-DECORATION: underline }
.link_people:active { COLOR: #c5ddf6; TEXT-DECORATION: underline }
.NOTATION{text:"for a new window, only available in IE"}
.link_people
{voice-family:expression(this.target='_blank');}

.NOTATION{text:"for list tag - ul -, text-indent, mainly in Hot Links"}
.ul_1{text-indent:0px;}
.ul_2{text-indent:0px;}
.ul_3{text-indent:0px;}
.ul_4{text-indent:0px;}

.NOTATION{text:"for paper link:abstract,supp,full-pdf,mainly in publications"}
.link_paper { COLOR: blue; TEXT-DECORATION: none }
.link_paper:visited { COLOR: blue; TEXT-DECORATION: underline }
.link_paper:hover { COLOR: #c5ddf6; TEXT-DECORATION: underline }
.link_paper:active { COLOR: #c5ddf6; TEXT-DECORATION: underline }
.NOTATION{text:"for a new window,only available in IE"}
.link_paper
{voice-family:expression(this.target='_blank');}

.NOTATION{text:"for the link in cv, resume.html"}
.link_mkcv { COLOR: blue; TEXT-DECORATION: none}
.link_mkcv:visited { COLOR: blue; TEXT-DECORATION: underline }
.link_mkcv:hover { COLOR: #c5ddf6; TEXT-DECORATION: underline }
.link_mkcv:active { COLOR: #c5ddf6; TEXT-DECORATION: underline }

-->