img.center {   display: block;   margin-left: auto;   margin-right: auto; }

.vcenter {   min-height: 12em;    vertical-align: middle; float: left; width: 33%; font-size:1em; }


a:link {color: 	#000000;} 

a:hover {background-color:#FF704D;} 

a:focus { border:1px solid black }


body, p { background-color:#ffffcc;  font-family: Helvetica, Arial, sans-serif;  font-size: medium;}

h1 {
  font-family: Tahoma, Verdana, sans-serif;
 font-size: x-large;
  font-weight: bold;
  padding: 1% 1%;
  background-color:#b0c4de;
}

h2 {
  font-family: Tahoma, Verdana, sans-serif;
  font-size: large;
  font-weight: bold;
  margin-top:1cm;
  padding: 1% 1%;
}

h3 {
  font-family: Tahoma, Verdana, sans-serif;
  font-size: medium;
  font-weight: bold;
  padding: 1% 1%;
}

h4 {
  font-family: Tahoma, Verdana, sans-serif;  
  font-size: small;
  font-weight: bold;
  padding: 1% 1%;
}

div.books{
float: left;
width: 100%;
margin-bottom:25px;
} 

p.books{
margin-bottom: 50px;
} 

div.books2{
width:16%;
float:left;
text-align: center;
} 

img.books{
display:block;
margin: 0 auto;
} 

.clearb {
clear:both;
} 

.local_navigation_bar {
background-color:#b0c4de;
font-size:1.5em;
font-weight:bold;
text-align:center;
} 

.local_navigation_bar a {
padding: 14px 20px;
} 

.container {
float: left;
margin-left:auto;
margin-right:auto;
width:33%;
} 

.fleft {
float: left;
} 

.publications {
float: right;
width: 30%;
padding: 0;;
} 

.fs1em {
font-size:1em;
} 

.radius {
border-radius:50%;
} 

.pad {
padding: 10px;
width: 100%;
} 


.linkproject {
display: inline;
width: 100%;

}   

.project {
display: inline;
width: 50%;
}  


@media screen and (max-width : 900px) {#img-container {width:100%} #contact {width:100%} #publications {width:100%} #local_navigation_bar a {display: block} div.books2 {width:100%}}