@media all
{
  html{background:#EEF2FB}

  body {       
      /* border-left: 1px solid black; */
      /* border-right: 1px solid black; */
      font-size: .9em;
      text-align: left;
      width: 570pt;
      margin: auto;
      padding-left: 25pt;
      padding-right: 25pt;
      font-family: Optima,'Lato','Lucida Grande',Verdana, Helvetica, sans-serif;
      background-color: white;	
  }


  .header {
      font-size: 22pt;
      text-align: center;
      font-weight: bold;
      margin-top: 1em;
      margin-bottom: 0.5em;
  }


  h1 {
      padding-bottom: 1px;
      margin-top: 0em;
      margin-bottom: 0em;
      border-bottom: 1px solid #522E91;
  }


  h2 {
      padding-bottom: 4px;
      margin-top: 2em;
      margin-bottom: 1em;
      border-bottom: 1px solid #522E91;
  }

  h3 {
      margin-top: 2.5em;
      margin-bottom: 1em;
  }

  .tab { 
      margin-left: 30px; 
  }

  div.morediss {
      /* margin-left: 2px; */
      color: black;
      /* border: 1px solid #555;*/
      /* background-color: #F5F5F5; */
      text-align: justify;
      /* padding: 1em; */
  }
  
  div.abstract {
      margin-left: 40px;
      margin-right: 10px;
      color: black;
      /* border: 1px solid #555;*/
      /* background-color: #F5F5F5; */
      font-size: 0.8em;
      text-align: justify;
      /* padding: 1em; */
  }
  
  div.blogproj {
      margin-left: 40px;
      margin-right: 10px;
      color: black;
      /* border: 1px solid #555;*/
      /* background-color: #F5F5F5; */
      font-size: 1.0em;
      text-align: justify;
      /* padding: 1em; */
  }

  table.navigation {
      /* border-top: 1px solid #3A6FA2; */
      border-bottom: 1px solid #3A6FA2;
      width: 565pt;
      font-size: 120%;
      color: #666;
      background-color: white;
      margin: auto;
      text-align: center;
      font-family: 'Lucida Grande',Verdana, Helvetica, sans-serif;
  }

  table.about {
      margin-top: 2em;
      margin-bottom: 2em;
  }

  .caps {
		text-transform:capitalize;
		font-variant:small-caps;
		font-family: 'Trajan','Times New Roman';
		color: #3A6FA2;
	}
	

  td.navigation {border: none; padding: 0.5em 0.5em 0.5em 0.5em}
  a.navigation {text-decoration: none; font-weight: bold; color: #522E91}
  a.navigation:hover {text-decoration: underline; color: red;}

  a.back {float: right}

  a.material {font-size:8pt}
  a.material:hover {font-size:8pt;}
  
  A:link {text-decoration: none; color: #3A6FA2}
  A:visited {text-decoration: none; color: #3A6FA2}
  A:active {text-decoration: none; color: #3A6FA2}
  A:hover {text-decoration: underline; color: red;}

}