html{overflow-y:scroll;}

body{margin:10; padding:10; font-size:18px; font-family: Sans-serif, Arial, Helvetica, serif; color:#979797; background-color:#FFFFFF;}

#container{

    width:960px;
    margin-left: auto;
    margin-right: auto;
    clear: both;
    
}

a{
    
    text-decoration: none;
    color:#979797; 
    background-color:#FFFFFF;
    
}

a:visited {color:#979797}
a:hover{color:#FF9900; background-color:#FFFFFF;}

#header{

line-height: 30px;
height: 70px;
position:relative;

}

#name{

padding: 5px;
position: absolute;
bottom: -10px;
left: 0px;
}

span.me{font-weight: bold; font-size:22px; color: #4d4d4d;}
span.insti{font-weight: medi; font-style: italic; font-size:20px;}

#nav ul {

position: absolute;
bottom: -10px;
right: 0px;

}

#nav li {

    list-style-type: none;
    padding: 6px;
    display:inline-block;
    
}

a.selected{color: #4d4d4d; background-color:#FFFFFF;}

hr{height:1px; border-width:0; color:black ;background-color:black;}
hr.foot{height:1px; border-width:0; color:#979797; background-color:#979797;}

#content{

    clear: both;
    height: 700px;

}


#photo{
    
    clear: both;
    padding: 5px;
    width: 280px;
    float: left;
    
}

#text a:link{text-decoration: underline;}
#text{
     
    padding: 15px;
    width: 620px;
    float: right;
    text-align: justify;
    
}

.photo{ 
    
    clear: both;
    padding: 5px;
    width: 280px;
    float: left;
    
}

.text{ 
    
    padding: 15px;
    width: 620px;
    float: right;
    text-align: justify;
    
}

#fullwidth a:link{text-decoration: underline;}
#fullwidth{
     
    padding: 15px;
    width: 960px;
    float: right;
    text-align: center;
    
}

#footer{

    clear: both;
    float: right;
    font-size:14px;

}

@media screen and (max-width:959px){
    #container{
        width:100%;
    }
    #footer{
        width:100%;
    }
    #text{
        width:100%;
    }
    #nav{
        width:100%;
    }
    #header{
        width:100%;
    }
    #photo{
        width:100%;
    }
    #fullwidth{
        width:100%;
    }
    #content{
        width:100%;
    }
    #name{
        width:100%;
    }
}