html, body {
    padding:0;
    margin:0;
    height: 100%;
}

body {
    font: 85%/1.3 TrebuchetMS,Arial,sans-serif;
    text-align: left;
    background: #fff;
/*     padding-bottom:20px; */
/*     height: 95%; */
}

#body {
    /* min-height:100%; */
    /* position: relative; */
    min-height: 100%;
    height: auto !important;
    height: 100%;
    margin: 0 auto -4em;
}


#right {
    float: left;
    width: 98%;
    padding: 1em;
    margin-bottom: 1.2em;
    background: #eee;
    text-align: justify;
}

#left {
    float: right;
    width: 20%;
    margin: 0 0 10px 0;
}

#left .box {
    padding: 1em;
    margin: 0 0 1em 0;
    background : #FFF6BF;
    height: 100%;
}


#content {
    font: 95%/1.3 TrebuchetMS,Arial,sans-serif;
    margin: 0 auto;
    padding: 15px;
    background: #fff;
    height: 98%;
}


#footer {
    font-size:0.7em;
    width: 98%;
    height: 4em;
    padding: 1em;
    bottom:0;
    position: absolute;
    border-top: 1px solid #666; 
}
.push {
height: 4em;
}

#footer div {
    padding: 0.3em;
}

#footer .left {
    text-align: left;
    position: relative;
    bottom: 0;
}

#footer .right {
    position: absolute;
    right: 0;
    bottom: 0;
    padding-right: 5px;
}


.pic {
    position: relative;
    float: left;
    margin-right: 2em;
}


.links {
    margin-left: 8em;
}

.links .left {
    position: relative;
    float: left;
    width: 40%;
}

.links .right {
    position: relative;
    float: right;
    width: 60%;
}

.links ul {
    margin-top: 0.5em;
}

.links h2 {
    margin-top: 2em;
}

.publications p {
    position: relative;
    float: right;
}


.presentations .presentation .date {
    color: #0066B3; 
    float: left;
}

.presentations .presentation .description {
    position: relative;
    padding-left: 5em;
}

/* -------------------------------------------- links */


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

/* li {  */
/*     list-style-type: none; */
/* } */

a { 
    color: #0066B3; 
    background: inherit; 
    text-decoration: none;
}

a img, :link img, :visited img {
    border:medium none;
}

:link, :visited {
    text-decoration:none;
}

h1 { 
    font: bold 2.1em Arial, Arial, Sans-Serif; 
    color: #036DA7
}

h2 { 
    font: bold 1.1em Arial, Arial, Sans-Serif; 
    padding: 0; 
    margin: 0; 
}


/* -------------------------------------------- header */

div#header{
    width:100%;
    overflow:hidden;
    background: #BBD9EE; 
}

div#header h1,div#menu{
    width:770px;
    margin:0 auto;
    text-align:left
}

div#header h1{
    padding: 30px 0 0;
    color: #fff
}

div#header h2,div#menu{
    width:770px;
    margin:0 auto;
    text-align:left
}

div#header h2{
    padding: 0 0 0;
    color: #fff
}

ul#nav,ul#nav li{
    list-style-type:none;
    margin:0;
    padding:0
}

ul#nav{
    float:right;
    font-size: 80%
}

ul#nav li{
    float:left;
    margin-left: 3px;
    text-align: center
}

ul#nav a{
    float:left;
    width: 95px;
    padding: 5px 0;
    background: #E7F1F8;
    text-decoration:none;
    color: #666; 
    border-top : 1px solid #fff; 
    border-left : 1px solid #fff; 
    border-right : 1px solid #fff;
}

ul#nav a:hover{
    background: #fff;
    color: #000
}

ul#nav li.activelink a,ul#nav li.activelink a:hover{
    background: #FFF;
    color: #003
}