body{ font-family: Helvetica, Arial, sans-serif; font-size: 14px; font-weight: 400px;  }

  h0 { font-size: 35px; font-weight: 700; color: black; font-family: Helvetica, Arial, sans-serif; } 
  h1 { font-size: 28px; font-weight: 300; color: black; font-family: Helvetica, Arial, sans-serif; margin-top: 5px; }
  h2 { font-size: 20px; padding: 4px 0px 6px; font-family: Helvetica, Arial, sans-serif; }
  h3 { font-size: 16px; padding: 4px 22px 6px; }
  h4 { font-size: 14px; font-weight: 300; color: black; font-family: Helvetica, Arial, sans-serif;} 
 
  a { text-decoration: none; }
  body { margin: 0; padding: 0;  background: white; }
  #whole_page { width: 900px; }
  
  .name { font-size: 16px; line-height: 1.4em; 
	 	            width:420px; float: left; background: ; margin-left: 50px; margin-top:50px; 
	 	            padding: 0px 30px 0px 30px;}	

  .top_left { font-size: 16px; line-height: 1.4em; width:120px; float: left; background: ; margin-left: 20px; margin-top:50px; padding: 10px 30px 10px 30px;font-weight: 300;}

  .top_right { font-size: 14px; line-height: 1.4em; width:280px; float: left; background: ; margin-left: 20px; margin-top:50px; padding: 10px 30px 10px 30px;}
  .top_right .address {text-align: left; font-size: 12px; font-family: Helvetica, Arial, sans-serif; font-weight: 300;}

  .yi { font-size: 14px; line-height: 1.4em; 
 	            width:780px; float: left; margin-left: 50px; margin-top:0px; 
 	            padding: 10px 30px 0px 30px; /*border-top: 1px dashed #bababa; border-bottom: 1px dashed #bababa*/;}
  .yi h1 { margin-left: 0px; margin-bottom: 10px; }
  .yi p { padding: 7px 0 6px; }
  .yi ul { list-style-type: none; margin-left: 0; padding-left: 0; }

  .research { font-size: 14px; line-height: 1.4em; 
 	            width:780px; float: left; margin-left: 50px; margin-top:0px; 
 	            padding: 10px 30px 0px 30px; /*border-top: 1px dashed #bababa; border-bottom: 1px dashed #bababa*/;}
  .research h1 { margin-left: 0px; margin-bottom: 10px; }
  .research p { padding: 7px 0 6px; }
  .research ul { list-style-type: none; margin-left: 0; padding-left: 0; }

  .teaching { font-size: 14px; line-height: 1.4em; 
 	            width:780px; float: left; margin-left: 50px; margin-top:0px; 
 	            padding: 10px 30px 0px 30px; /*border-top: 1px dashed #bababa; border-bottom: 1px dashed #bababa*/;}
  .teaching h1 { margin-left: 0px; margin-bottom: 10px; }
  .teaching p { padding: 7px 0 6px; }
  .teaching ul { list-style-type: none; margin-left: 0; padding-left: 0; }
 
  .papers { width:390px; float: left; background:; margin-left: 70px; margin-top: 0px; padding: 10px 10px 100px;}
  .papers h1 { margin-left: 0px; margin-bottom: 10px; }
  .papers ol li { line-height: 18px; font-size: 14px; }
  .papers ul { list-style-type: none;  margin-left: 0; padding-left: 0;}
  .papers .links a { background: #909090; color: white; text-decoration: none; padding: 2px 4px; font-weight: 600;}
  .papers .links a { -moz-border-radius: 3px; border-radius: 3px; }
  .papers .links { /*display: block*/; margin-top: 1px; padding-top: 2px; font-size: 12px;}
  .papers .links  a:hover { background: #c0c0c0; }
  .papers .pdf a { background: #909090; color: white; text-decoration: none; padding: 2px 4px; font-weight: 600;}
  .papers .pdf a { -moz-border-radius: 3px; border-radius: 3px; }
  .papers .pdf { /*display: block*/; margin-top: 1px; padding-top: 2px; font-size: 12px; }
  .papers .pdf  a:hover { background: #c0c0c0; }


   


  .projects { width:390px; float: left; background:; margin-left: 0px; margin-top: 0px; padding: 10px; }
  .projects h1 { margin-bottom: 10px;}
  .projects li { line-height: 18px; font-size: 14px; }
  .projects ul { list-style-type: none; margin-left: 0; padding-left: 0; }
  .projects .links a { background: #909090; color: white; text-decoration: none; padding: 2px 4px; font-weight: 600; }
  .projects .links a { -moz-border-radius: 3px; border-radius: 3px; }
  .projects .links { display: block; margin-top: 1px; padding-top: 2px; font-size: 12px; }
  .projects .links  a:hover { background: #c0c0c0; }

  .pic { background: white url("webpic1.png"); width: 200px; height:200px; margin-bottom: 30px;}  
  
  li {  padding-bottom: 16px; }
    
  .footer {font-size: 12px; font-family: Helvetica, Arial, sans-serif; clear: both; margin-left: 60px;; width: 800px; padding: 20px;  }

  .title { font-weight:700; }
 
  .me { font-weight: 400; }
  
  .caps, acronym, caps { font-size: 0.87em; letter-spacing: .1em; text-decoration: none; border: 0;  }
 
  a { color: #00008B; font-weight:700  }
  a:visited { color: #00008B }
  a:hover { color: #3D59AB; }

  .info { text-align: left; font-size: 18px;  font-family: Helvetica, Arial, sans-serif; font-weight: 100; margin-bottom: 30px; margin-top: 10px}
  .info em { font-size: 25px; margin-bottom: 6px; display: block; }
  .info a { text-decoration: none; padding: 0px; display: block}
  .info .cv a { background: #909090; color: white; text-decoration: none; padding: 2px 4px; font-weight: 600; width: 130px; text-align: center; margin-top: 10px}
  .info .cv a { -moz-border-radius: 3px; border-radius: 3px; }
  .info .cv { display: block; margin-top: 1px; padding-top: 2px; font-size: 12px; }
  .info .cv  a:hover { background: #c0c0c0; }

/*
  .box { background-color:#ddd; border:1px dashed #bababa; padding:6px; font-size:90%; line-height: 1.4em; 
 	            float: left; margin-left: 50px; margin-top:0px; 
 	            padding: 10px 30px 10px 30px; border-top: 1px dashed #bababa; border-bottom: 1px dashed #bababa;}
  .box h1 { margin-left: 0px; margin-bottom: 10px; }
  .box p { padding: 7px 0 6px; }
  .research { width:600px; float: left; background:; margin-left: 50px; margin-top: 0px; padding: 10px; padding-bottom: 100px;}
  .research h1 { margin-left: 22px; margin-bottom: 10px; }
*/
  .box {background-color: #E0E0E0; border:1px dashed #bababa; padding:6px;}
  
  /*.open {color:#00008B; text-decoration:none; cursor:pointer; font-weight:700} */
  .open { cursor:pointer; background: #909090; color: white; text-decoration: none; padding: 2px 4px; font-size: 12px; font-weight: 600;  -moz-border-radius: 3px; border-radius: 3px; }
  /*.open:hover {color:#3D59AB; text-decoration:none;}*/
  .open:hover {background: #c0c0c0;}
	
  /*.address {float: left; text-align: left; font-size: 12px; font-family: Helvetica, Arial, sans-serif; font-weight: 300; margin-top: 10px; margin-left:80px}*/