body
{
	width:1400px;
	text-align: center;
	font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
	font-weight: 300;
	font-size:1rem;
	background-color: #FFF;
}
hr
{
	border: 0;
	height: 1px;
	background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0));
}

table
{
	padding: 5px;
}

table.pub_table,td.pub_td1,td.pub_td2
{
	border-collapse: collapse;
	border-bottom: 0px solid #9B9B9B;
	padding-bottom: 10px;
	padding-top: 10px;
	padding-left: 10px;
	width: 1100px;
}
td.pub_td1
{
	width:100px;
}
td.pub_td2
{
}
td.year_heading
{
	color: #3B3B3B;
	font-weight: 700;
	font-size:1.3rem;
}
tr {
	background-color: #FFF;
}

div#container
{
	margin-left: auto;
	margin-right: auto;
	width: 1200px;
	text-align: left;
	position: relative;
	background-color: #FFF;
}
div#DocInfo
{
	color: #9B9B9B;
	height: 128px;
	font-size: 1rem;
}
h4,h3,h2,h1
{
	color: #3B3B3B;
}
h2
{
	font-size:1.3rem;
}
p
{
	color: #000;
	margin-bottom: 20px;
}
p.caption
{
	color: #9B9B9B;
	text-align: left;
	width: 600px;
	font:1rem helvetica,sans-serif;
}
p.caption2
{
	color: #9B9B9B;
	text-align: left;
	width: 800px;
	font:1rem helvetica,sans-serif;
}
#header_img
{
	position: absolute;
	top: 0px; right: 0px;
}
a:link,a:visited
{
	color: #1367a7;
	text-decoration: none;
}
.section_div {
	background-color: #FFF;
	padding: 10px 10px 10px 10px;
	margin: 10px 10px 10px 10px;
	//border: 1px solid #AAA;
}
body {
	background-color: #FFF;
}
#personal_info {
	background-color: #FFF;
	font-size: 1rem;
}
p.announcement {
	padding: 10px;
	background-color: #EEE;
}
img.teaser_img {
	width: 256px;
	display: block;
  margin-left: auto;
  margin-right: auto;
	margin-top: 5px;
	margin-bottom: 5px;
	border: 0px solid black
}
img.teaser_img2 {
	width: 206px;
	display: block;
  margin-left: auto;
  margin-right: auto;
	margin-top: 5px;
	margin-bottom: 5px;
	border: 0px solid black
}
img.teaser_img3 {
	width: 186px;
	display: block;
  margin-left: auto;
  margin-right: auto;
	margin-top: 5px;
	margin-bottom: 5px;
	border: 0px solid black
}
img.photo_of_me {
	border-radius: 20px;
}
div.teaser_img_div {
	width: 286px;
}
table.personnel td {
	padding: 16px;
	vertical-align: top;
	font-size: 1rem;
}

p.research_agenda_list {
	margin: 5px;
	font-size: 1rem;
}
.expandable-text {
  max-height: 26px;
  overflow: hidden;
  transition: max-height 0.5s;
}
.expanded {
  max-height: 1000px;
}

/* Adjust layout for smaller screens */
@media only screen and (max-width: 768px) {
    #container {
        width: 100%;
        padding: 10px;
    }

    table.pub_table, td.pub_td1, td.pub_td2 {
        width: 100%;
        padding: 10px;
    }

    td.pub_td1, td.pub_td2 {
        width: 100%;
    }

    div#DocInfo {
        height: auto;
    }

    p.caption, p.caption2 {
        width: 100%;
    }

    /* Expandable text area adjustments */
    .expandable-text {
        max-height: 100px; /* Increase max-height to ensure it doesn't get cut off */
    }

    .expanded {
        max-height: 1000px; /* Allow more space when expanded */
    }
}