html{
    height: 101%;
}
body{
    background-image: url(linen.png); 
    background-color: #f9f9f9;
    text-align: center;
    font-family: 'Open Sans', sans-serif;
    margin: 0;
    padding: 0;
    border: 0;
    font-size: .85em;
}
a, img{
    border: none;
}
#content-wrapper{
    width: 770px;
    background-color: white;
    text-align: left;
    margin: 5px auto;
    border: 1px solid gray;
/*border: 1px solid white;*/
}
#banner{
    width: inherit;
    padding-top: 5px;
    padding-left: 5px;
    height: 150px;
    width: 760px;
    background-color: transparent;
}
img#banner{
    border-style: none;
}

#group-name{
    /*_position: relative;*/
    float: left;
    width: 650px;
    height: 100px;
    margin: 5px;
    background-color: white;
    text-align: center;
    display: table;
    overflow: hidden;
}
#group-name-centering{
    /*_position: absolute;
      _top: 50%;*/
    display: table-cell;
    vertical-align: middle;
}
#group-name-content{
    /*_position: relative;
      _top: -50%;*/
    font-size: 3.5em;
}

#caltech-logo{
    float: left;
    width: 100px;
    height: 100px;
    margin: 5px;
    background-color: white;
}
#caltech-logo img{
    _width: 90px;
    _height: 90px;
    width: inherit;
    height: inherit;
}

#menu{
    width: inherit;
    background-color: white;
}
#menu a{
    text-decoration: none;
}
#menu hr{
    width: 97%;
}
#menu table{
    _width: 750px;
    width: inherit;
    text-align: center;
    font-size: 1em;
    /*font-weight: bold;*/
    color: gray;
}
#menu td.selected{
    color: black;
}
/*
  #menu td.left{
  text-align: left;
  }
  #menu td.right{
  text-align: right;
  }
  */
#page-content{
    padding: 15px;
/*text-align: center;*/
}
#page-content-top{
    width: 750px;
    height:300px;
    overflow: hidden;
}
#page-content-top-image{
    float: left;
    height: 296px;
    width: 446px;
    background-color: white;
    border: 1px white solid;
    margin: 1px;
    text-align: center;
}
#page-content-top-image img{
    height: 296px;
}
#page-content-right-column{
    float: left;
    width: 300px;
    height: 300px;
}
/*
  #contact{
  background-color: gray;
  font-size: .7em;
  width: 286px;
  height: 86px;
  margin-top: 1px;
  margin-bottom: 2px;
  margin-left: 1px;
  margin-right:1px;
  padding: 5px;
  border: 1px solid black;
  }
  */
#contact{
    background-color: #cccccc;
    float: right;
    padding: 10px 10px 10px 10px;
    margin: 0px 0px 5px 10px;
    font-size: .85em;
    width: auto;
    border: 1px solid black;
}
#caption{
    background-color: white;
    width: 286px;
    height: 186px;
    margin-top: 1px;
    margin-bottom: 1px;
    margin-left: 1px;
    margin-right:1px;
    border: 1px solid white;
    padding: 5px;
}
#page-content-body{
    margin: 0 auto;
    padding: 5px;
    text-align: left;
}
hr{
    border: 0;
    height: 2px;
    background-color: black;
}
#welcome{
    text-align: justify;
}
#recent-publications{
    /*    clear: both;*/
    font-size: .8em;
    padding: 5px 5px 5px 5px;
}
#recent-publications ul{
    list-style-type: none;
    padding: 0px 0px 0px 0px;
}
#recent-publications li{
    padding: 0px 0px 10px 0px;
}
a{
}
a:link{
    color: #666666;
}
a:visited{
    color: #666666;
}
a:hover, a:active{
    color: #999999;
}
#footer{
    padding: 5px;
    font-size: .65em;
    text-align:justify;
}
div.project-description{
    font-size:.85em;
    text-align: justify;
}
div.icon{
    float: left;
}
img.icon{
    width: 10em;
    margin-right: 1em;
}
img.thumbnail{
    height: 8em;
    width: 8em;
    margin-bottom: 1em;
    border: 1px solid black;
}
a.imglink{
    text-decoration: none;
}
#pi{
    width: 750px;
}
#postdocs{
    width: 750px;
}
#graduate-students{
    width: 750px;
}
#staff{
    width: 750px;
}
div.person{
    width: 10em;
    height: 10em;
    margin-bottom: 1em;
    float: left;
    vertical-align: middle;
    text-align: center;
}
#pub-list{
    font-size: .85em;
}
#pub-list ul{
    list-style-type: none;
    margin: 0;
    padding: 0;
}
#pub-list li{
    padding: 0.5em 0 0.5em 0;
}
#pub-list ul{
    padding: 0 0 1em 0;
}
#quickjump-pub{
    font-size: .85em;
    padding: 0 0 0.5em 0;
}
#links ul{
    list-style-type: none;
    margin: 0;
    padding: 0;
}
#links li{
    padding: 0 0 1em 0;
}
#fines td{
    font-size: .85em;
}
#past-members {
    width: 750px;
    font-size: .85em;
    line-height: 1.5em;
}
#past-members ul{
    list-style-type: none;
    margin: 0;
    padding: 0;
}
#photo{
    float: left;
}
#photo img{
    height: 12em;
    width: 12em;
    border: 1px solid black;
    margin: 0 1em 0 0;
}
#photo-display{
    width:758px;
    text-align: center;
}
#photo-selected{
    margin-left: auto;
    margin-right: auto;
    width: 600px;
    background-color: black;
}
#photo-selected img{
    height: 400px;
}
#photo-select{
    margin-top: 0.5em;
    margin-left: auto;
    margin-right: auto;
    width: 600px;
/*background-color: green;*/
}
#photo-list-entry{
    margin-right: 2px;
    float: left;
}
#photo-list-entry img{
    height: 100px;
}
#recent-news{
    font-size: .8em;
    padding: 5px 5px 5px 5px;
}
#recent-news ul{
    list-style-type: none;
    padding: 0;
    margin-left:0;
}
#recent-news li{
    margin-bottom: 1em;
}