body{font: normal 100% Arial, sans-serif; color: black; background-color: white; margin: 0; padding: 0; height: 100%;}
  
      .wholepage {
	    margin: auto;
		min-height: 700px;
	    width: 720px;
        text-align: center;
		margin-left: auto;
		margin-right: auto;
        background-color: white;
        border: 1px solid;
        border-color: white;
        border-left-color: black;
        border-right-color: black;
        border-bottom-color: black;
		margin-bottom: 30px;
      }
	  
	  .name1 {
	    margin-left: 53px;
	    margin-right: auto;
		margin-top: 15px;
		float: left;
		text-align: left;
		font: normal 140% Arial, sans-serif;
	  }
	  
	  .name2 {
	    margin-right: 0px;
	    margin-left: auto;
		margin-top: 0px;
		text-align=left;
		font: normal 50% Arial;
	  }
  

      .navi {
	    margin-top: 10px;
        display: inline-table;
        padding: 0.8em;
        text-align: center;
        border: none;
        background-color: white;
      }
      
      .navibutton {
        text-align=left;
        display:table-cell;
        padding: 0;
      }
      
      .divide {
        text-align=center;
        display:table-cell;
        padding: 0;
        color: lightgray;
      }

	  .navibutton {
	    padding: 0.0em 2em;
	  }
	  
      .navibutton a {
        float: center; width: 6em;
        padding: 0.2em 0.1em;
        text-decoration: none;
        font-weight: normal;
        border: 1px solid;
        border-color: white;
        border-top-color: lightgray;
		border-bottom-color: lightgray;
        color: black;
		background-color: white;
      }
      
      .navi a:hover, .navi span {
        border-top-width: 3px;
        border-top-color: forestgreen;
        color: forestgreen;
        border-bottom-color: lightgray;
        font-weight: normal;
        border-top-color: navy;
        color: navy;
		background-color: white;
      }
	  
	  .active {
	    padding: 0.0em 2em;
	  }
	   
	  .active a {
        float: center;
		width: 6em;
        padding: 0.2em 0.1em;
        text-decoration: none;
        font-weight: normal;
        border: 1px solid;
		border-color: white;
        border-top-width: 3px;
        border-top-color: navy;
        border-bottom-color: lightgray;
        color: navy;
        background-color: white;
      }
	  
	  .parentactive {
	    padding: 0.0em 2em;
	  }
	   
	  .parentactive a {
        float: center;
		width: 6em;
        padding: 0.2em 0.1em;
        text-decoration: none;
        font-weight: normal;
        border: 1px solid;
		border-color: white;
        border-top-width: 3px;
        border-top-color: forestgreen;
        border-bottom-color: lightgray;
        color: forestgreen;
        background-color: white;
      }
      
      .navi2 {
        display: inline-table;
        padding: 0.4em 0.0em;
        text-align: center;
        border: none;
        background-color: white;
	    margin-top: 6px;
      }
      
      .navi2button {
        display: table-cell;
        padding: 0;
        width: 155px;
        border: 1px solid;
		border-color: white;
      }
      
      .navi2button a {
        font: normal 75% Arial, sans-serif;
        float: center;
        width: 6em;
        padding: 0.2em 1em;
        text-decoration: none;
        font-weight: normal;
        border: 1px solid;
        border-color: white;
        color: black;
		background-color: white;
      }
      
      .navi2button a:hover {
        border-color: white;
        color: forestgreen;
		background-color: white;
        font: normal 70% Arial, sans-serif;
        color: navy;
        font-weight: bold;
      }
	  
	  .active2 {
        display: table-cell;
        padding: 0;
        width: 155px;
        border: 1px solid;
		border-color: white;
      }
	  
	  .active2 a {
	    font: normal 70% Arial, sans-serif;
        float: center;
        width: 6em;
        padding: 0.2em 1em;
        text-decoration: none;
        font-weight: normal;
        border: 1px solid;
        border-color: white;
		background-color: white;
        color: navy;
        font-weight: bold;
      }
	  
	  .active2 a:hover {
        border-color: white;
        color: forestgreen;
		background-color: white;
        font: normal 70% Arial, sans-serif;
        color: navy;
        font-weight: bold;
	  }
	  
	  .content {
	    font: normal 100% Times, sans-serif;
	    margin-top: 30px;
	    margin-left: 50px;
		margin-right: 50px;
		max-width: 100%;
		text-align: justify;
		word-wrap: break-word;
        background-color: white;
		display: block;
		margin-bottom: 40px;
	  }
	  
	  .contentalign {
	    font: normal 100% Times, sans-serif;
	    margin-top: 30px;
	    margin-left: 50px;
		margin-right: 50px;
		max-width: 100%;
		text-align: justify;
		word-wrap: break-word;
        background-color: white;
		display: block;
		margin-bottom: 40px;
	  }
	  
	  .imgright {
		padding-left: 20px;
	    float: right;
	  }

	  .imgleft {
		margin-left: 30px;
	    float: left;
	  }

	  .imgcenter {
		margin-left: 60px;
	    float: left;
	  }
	  
	  .publink {
        text-decoration: none;
		color: #326184;
		background-color: white;
	  }
	  
	  .publink:hover {
        color: forestgreen;
		background-color: white;
        color: navy;
	  }
	  
	  .publinkextern {
        text-decoration: none;
		color: #F7B600;
		background-color: white;
	  }
	  
	  .publinkextern:hover {
        color: forestgreen;
		background-color: white;
        color: navy;
	  }
	  
	  .pubtitle {
        text-decoration: none;
		color: #326184;
		background-color: white;
	  }
	  
	  .selectedpublication {
        text-decoration: none;
		font-weight: bold;
		color: #F7B600;
		background-color: white;
	  }
	  
	  .proj {
		display: block;
	  }
	  
	  .projtext {
		display: table-cell;
	  }
	  
	  .projpic_odd {
		float: right;
		text-align: center;
		display: table-cell;
	  }
	  
	  .projpic_odd  img{
		margin-bottom: 15px;
		margin-left: auto;
		margin-right: auto;
	  }
	  
	  .projpic_even {
		float: left;
		text-align: center;
		display: table-cell;
	  }
	  
	  .projpic_even  img{
		margin-bottom: 15px;
		margin-left: auto;
		margin-right: auto;
	  }
	  
	  .formula {
		margin-left: auto;
		margin-right: auto;
		margin-top: 15px;
		margin-bottom: 12px;
		display: table;
	  }
	  
	  .space {
		margin-top: 0px;
		margin-bottom: 30px;
		clear: both;
	  }
	  
	  .captionlink {
        text-decoration: none;
		color: black;
		background-color: white;
	  }
	  
	  .captionlink:hover {
        color: forestgreen;
		background-color: white;
        color: navy;
	  }
	  
	  .reflink {
        text-decoration: none;
		color: black;
		background-color: white;
		color: #326184;
		font-weight: bold;
	  }
	  
	  .reflink:hover {
        color: forestgreen;
		background-color: white;
        color: navy;
	  }
	  
	  .references {
		min-width: 100%;
		margin-top: 35px;
		padding-top: 32px;
        border-style: dotted;
		border-width: 1px;
		border-color: white;
		border-top-color: grey;
	  }
	  
	  .date{
		min-width: 70px;
		padding-left: 0px;
	  }
	  
	  a, img {
		border: none;
	  }
	  
	  ul {
		list-style: disc;
	  }