html {
  overflow-y: scroll;
}
body {
  /*background: #C8C8C8 url(images/background.png) repeat-x scroll 0% 50%;*/
  background: #D8D8D8;
  font-family: Segoe UI,Open Sans,Helvetica,Tahoma,Arial,Verdana,sans-serif;
  text-height: font-size;
  font-size: 14pt;
}
div {
    background-color: #FFFFFF;
    display: block;
}

h1{
  font-family: Segoe UI Light,Segoe UI,Open Sans,Helvetica,Tahoma,Arial,Verdana,sans-serif;;
  font-weight: 500;
    -webkit-margin-before: 0em;
    -webkit-margin-after: 0.2em;
  /*color: #0066cc;*/
  color: #4F4F4F;
  margin-top: 0px;
  padding-top: 0px;
}
h2 {
  font-family: Segoe UI Light,Segoe UI,Open Sans,Helvetica,Tahoma,Arial,Verdana,sans-serif;;
  font-size: 15pt;
  font-weight: bold;
  /*color: #ff5500;*/
  color: #0066cc;
  margin:0;
  padding-bottom: 7px;
}
a {
  color: #000000;
  /*text-decoration: none;*/
  text-decoration: underline;
}
a:hover {
  text-decoration: underline;
  color: #0066cc;
  /*-webkit-box-shadow: 0 0 10px #49568A;*/
}

a.conference_title{
  font-family: acuta;
  font-weight: bold;
  font-size: 13pt;
}

img.portrait {
  padding: 30px 40px;
}
.box{
			background: #FFFFFF url(none) repeat scroll 0%;
			border: 1px solid #FFFFFF;
			-moz-border-radius: 10px;
			-khtml-border-radius: 10px;
			-webkit-border-radius: 10px;
			border-radius: 10px;
			color: #383838 ;
}


.white{
	background: #ffffff url(none) repeat scroll 0%;
}

.indent1{
	text-indent: 0%;
}

a img.icon:hover {
  background: #aaa;
  -webkit-box-shadow: 0 0 5px #49568A;
}

strong {
    font-family: 'Segoe UI', arial, serif;
    font-weight: normal;
    font-size: 13pt;
}

/*------------------------------------- copied from MS website --------------------------------*/

.horizontal_line {
    clear: both;
    margin: 0;
    margin-top: 8px;
    margin-bottom: 10px;
    border-bottom: solid 1px #DBDBDB;
    width: inherit;
}

.tabs {
    clear: both;
    font-family: Segoe UI Light,Segoe UI,Open Sans,Helvetica,Tahoma,Arial,Verdana,sans-serif;
    font-size: 14pt;
    overflow: hidden;
    margin: 0;
    padding: 0;
    position: relative;
    white-space: nowrap;
}

.tabs a, .tabs a:link, .tabs a:visited {

    position: relative;
    font-size: 14pt;
    color: #4F4F4F;
    border: solid 1px transparent;
    _border-color: #d1e7f3;
    text-decoration: none;
    padding-right: 25px;
}

.tabs a:hover{
    color: #0066cc;
    text-decoration: underline;
}

.page_container{
    width: 980px;
    margin-left: auto;
    margin-right: auto;
}

.photo {
    height: 140px;
    float: left;
    vertical-align: top;
    padding-top: 10px;
    background-color: inherit;
}

.short_bio{
    width: 400px;
    float: left;
    vertical-align: top;
    padding-left: 15px;
    padding-top: 10px;
    background: inherit;
    position: relative;
}

.contact {
    width: 32%;
    height: 100%;
    float: right;
    vertical-align: top;
    padding-left: 20px;
    color: white;
    background-color: #0066cc;
    border: 0;
}

.contact a{
    color: inherit;
}

div.bio_photo {
    width: 65%;
    height: 100%;
    float: left;
    /*background-color: #CCFF99;*/
    /*background-color: #f0fff0;*/
    background-color:#eedd82;
    padding-left: 5px;
    /*padding-bottom: 10px;*/
}

.head_part {
    width: 100%;
    height: 210px;
	font-size: 13pt;
}

.Bio, .services, div.news, div.research_interests, .awards, div.teach, div.current,div.ra,.journal,
.conference, .tutorial, .links, .RR_Grant, .Astar_Grant_1, .Astar_Grant_2, .acrf_t_1, .ntu_startup, .grant_sum {
    margin-top: 6px;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 15px;
    padding-bottom: 20px;
    background-color: #FBF7F2;
}

div.journal, div.conference, div.tutorial{
    margin-bottom: 20px;
}

img {
    height: 180px;
}

div.left_column {
    width:49%;
    float:left;
    /*color: white;*/
    background-color:inherit;
}

div.right_column {
    width: 50%;
    float: right;
    background-color: inherit;
}

div.links, div.Bio {
    padding-right: 20px;
    background-color: inherit;
}

.homepage_contents{
    background-color:#FBF7F2;
    margin-top: 10px;
}

.clear {
    clear: both;
}

ul.research_interests{
    padding:0;
    list-style: inside;
}

.tabs a.highlight_tab  {
    color: #000000;
    text-decoration: underline;
    /*text-decoration: underline;*/
}

ul.publication {
    list-style: decimal;
}

.none{
    list-style: none;
}

.publication a, .tutorial a, .links a{
    text-decoration: underline;
}

div.page_container{
    padding: 20px;
}


ul {
    list-style-type: square;
    line-height: 25px;
}

b.awards_bold {
    font-weight: 600;
}

.short_bio_content {
    bottom: 0;
    background-color: inherit;
}