body {
background: #414141;
}

a:link {color:#5dcec6;}      /* unvisited link */
a:visited {color:#5dcec6;}  /* visited link */
a:hover {color:#5dcec6;}  /* mouse over link */
a:active {color:#33cec3;}  /* selected link */

div, p, h2 {
font-family: Verdana, Arial, sans-serif;
color: #ffffff;

}

p.content {
font-size: 10px;
width: 30em;
}

div#help {
font-size: 10px;
width: 45em;
padding: 1em;
 color: #000000;
}

div#timemap {
padding: 1em;
}

div#timelinecontainer{
width: 1000px;
height: 200px;

}

div#timeline{
 width: 800px;
 height: 100%;
 font-size: 10px;
 background: #CCCCCC;
  border-style:solid;
border-width:thin;
}

div#mapcontainer {
 width: 1000px;
 height: 400px;

}

div#map {
 width: 800px;
 height: 100%;
 background: #EEEEEE;
  border-style:solid;
border-width:thin;
}

div.infotitle {
    font-size: 10px;
    font-weight: bold;
    color: #000000;
}
div.infodescription {
    font-size: 10px;
    font-style: italic;
    color: #000000;
}

div.custominfostyle {
    font-family: Georgia, Garamond, serif;
    font-size: 1.5em;
    font-style: italic;
    width: 20em;
     color: #000000;
}

div#documentation {
font-size: 12px;
width: 800px;
}
div#instructions {
float: right;
font-size: 12px;
width: 180px;
padding: 5px;
border-style:solid;
border-width:thin;
color: #ffffff;
}

div#cubainstructions {
position: absolute;
left: 810px;
top: 100px;
font-size: 12px;
width: 180px;
padding: 5px;
border-style:solid;
border-width:thin;
color: #ffffff;
}

div#navigation {
font-size:14px;
font-family: Georgia, Garamond, serif;
color: #ffffff;
}

div#main {
font-size: 12px;
font-family: Georgia, Garamond, serif;
width:800px;

}

div#sources {
font-size: 12px;
font-family: Georgia, Garamond, serif;
width:800px;
color: #ffffff;
}

div#footer {
width: 800px;
height:100px;
position: absolute;
bottom: -100px;
float:right;
}