* {
margin: 0 0 0 0;
padding: 0 0 0 0
}

body {
max-width: 1100px;
margin: 0 auto;
color: #000000;
background: #9FA1A3;
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 18px;
font-style: normal;
font-weight: 400
}

brs {
    line-height: 10px;
 }

header {
width: 100%;
background: linear-gradient(to right, #600303 0%, #616a6b 100%);
float: left;
}

div.main {
width:100%;
background: #ffffff;
float: left
}

div.span1 {
width:20%;
background: #ffffff;
margin: 0% 0.5%;
float: left
}

div.span2 {
width:70%;
background: #ffffff;
margin: 0% 2%;
left: 8%;
float: left
}

div.span3 {
width:20%;
background: #000000;
float: left
}

div.span4 {
width:40%;
color: #FFFFFF;
background: #000000;
float: left
}

div.span5 {
width:20%;
background: #000000;
float: right
}

div.span6 {
width:200%;
float: center
}

div.span7 {
width:95%;
background: #ffffff;
margin: 0% 2%;
left: 15%;
float: left
}

div.header {
width: 100%;
float: left;
padding: 0 0;
margin: 1% 0;
}

div.element {
width: 96%;
float: left;
padding: 1% 2%;
margin: 1% 0;
}

div.element h4 {
font-size: 20px;
float: left
}

footer {
width: 100%;
background: #000000;
float: left
}

header h1 {
font-size: 36px;
color: #FFFFFF;
float: left;
margin: 3% 1%
}

header h2 {
font-size: 28px;
color: #000000;
float: left
}

header h3 {
font-size: 28px;
color: #FFFFFF;
float: center
}

header h5 {
font-size: 20px;
color: #000000;
float: center
}

div.content {
width: 96%;
float: left;
padding: 1% 2%;
margin: 1% 0;
}

nav {
width: 100%;
background: #000000;
float: left;
}

nav p {
float: left;
padding: .5% 2.2%
}

div.content h1 {
font-size: 32px;
margin: 0 0;
text-align: center
}

div.content h5 {
font-size: 24px;
margin: 2% 0;
text-align: center
}

nav h2 {
font-size: 28px;
margin: 2% 0;
text-align: center
}

div.content p {
font-size: 16px;
margin: 2% 0;
text-align: left;
}

nav p a {
color: #fefefe;
font-weight: 500;
line-height: 150%;
text-decoration: none
}

nav p a:hover {
color: #6699CC;
text-decoration: none;
} 

footer p {
color: #efefef;
font-size: 14px;
text-align: center;
padding: .5% 0
}

div.content a {
color: #0000ff;
font-weight: 500;
line-height: 150%;
text-decoration: none
}

div.content a:hover {
color: #6699CC;
text-decoration: none;
}

div.content img {
border: solid #000000 1px;
margin: .5% 4%;
max-width: 85%	
}

div.span3 img {
max-width: 85%	
}

div.span5 img {
max-width: 85%	
}

img.publications-thumb {
    width: 300px;
    height: auto;
}

img.publications-conf {
    width: 500px;
    height: auto;
}

img.alk{
    width: 100%;
    height: auto;
}

#banner{
    max-width: 100%;
    height: auto;
    left: 0px;
    right: 0px;
}

#mit{
    max-width: 50%;
    height: auto;
}

#glassy{
    max-width: 90%;
    height: auto;
}

#TOC{
    max-width: 200%;
    height: auto;
}

img.logo{
    height: 40px;
    float: left;
    object-fit: contain;
    padding: 1% 1.5%;
    margin: 1% 1% 1% 0;
}

img.clogo{
    height: 200px;
    float: right;
    object-fit: contain;
    padding: 1% .5% 1% 0.1%;
}

img.mlogo{
    width: 7.1%;
    float: right;
    object-fit: contain;
    padding: 1% 0.3%;
}

img.email{
    float: left;
    border: solid #FFFFFF 1px;
    margin: 0% 0%;
    max-width: 85%	
}

div.content figure {
font-size: 16px;
margin: 2% 0;
text-align: center;
}

img.research {
    width: 450px;
    height: auto;
}

div.content ul {
width: 96%;
font-size: 16px;
float: left;
padding: 0 0;
margin: 2% 0;
display: inline-block;	
}

div.content p + ul {
    margin-top: -10px;
}

div.content ol {
list-style-type: decimal;
width: 96%;
font-size: 16px;
float: left;
padding: 1% 2%;
margin: 2% 0;
display: inline-block;
}

.skip {
        position: absolute;
        top: -1000px;
        left: -1000px;
        height: 1px;
        width: 1px;
        text-align: left;
        overflow: hidden;
    }
    
    a.skip:active, 
    a.skip:focus, 
    a.skip:hover {
        left: 0; 
        top: 0;
        width: auto; 
        height: auto; 
        overflow: visible; 
    }

div.top {
width: 96%;
text-align: right;
padding: 1% 2%;
margin: 1% 0;
}

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

.active {
  color:  #797d7f ;
}

