html, body {
 width: 100%;
 height: 100%;
}

body {
  margin-top: 0px;
  margin-right: 0px;
  margin-left: 0px;
  margin-bottom: 0px;
}

div#timeline {
 position: absolute;
 top: 0px;
 bottom: 75%;
 width: 100%;
 font-size: 10px;
 font-family: "Times New Roman", serif;
}

div#mapcontainer {
 position: absolute;
 bottom: 0;
 height: 75%;
 width: 100%;
}

div#map {
 width: 100%;
 height: 100%;
 font-size: 13px;  
}

.infotitle{
 width: 300px;
 font-weight: bold;
 font-size: 15px;  
}

.infosub{
 width: 300px;
 font-style: italic;
}


.infodescription {
 width: 300px;
}

#instructions{
        text-align:left;
        position:absolute;
        border: 1px solid black;
        padding: 5px;
        background-color: lightyellow;
        visibility: hidden;
        z-index: 100;
        font-family:Verdana, Arial, Helvetica, sans-serif;
        font-size:12px;
        color:#990000;
        width:250px;
}

#instructions li {
        color:#000000;
        font-style:italic;
        font-size:11px;
}

#instructions ul { 
        margin-left:15px;
        padding-left:0;
}  

#instructions img{  
        border:#fff 3px solid;
}