/*
html {
 overflow: hidden;
}*/

body {
 height: 100%;
 overflow: auto;
 background: url(/firefox.jpg) no-repeat center 10px fixed;
}

#content {
 margin: 75px 10% 0 200px;
}

#content .micro {
 margin-bottom: 3em;
 padding: 0;
 border: 1px solid #CCC;
 
}

#content h1 {
 background: url(/firefox3.jpg) no-repeat center 10px fixed;
 font: bold 1em "DejaVu Sans", Verdana, sans-serif;
 padding: 1em;
 margin: 0;
}

#content p {
 background: url(/firefox2.jpg) no-repeat center 10px fixed;
 margin: 0;
 padding: 1ex 1ex 1ex 1ex;
}
 

#sig {
 border-top: 1px solid gray;
 background: white;
 position: fixed;
 right: 0;
 bottom: 0;
 padding: 1ex 3em;
}

#links {
 position: fixed;
 top: 50px; left: 5px;
 width: 166px;
 height: 700px;
 font: 16px "DejaVu Sans", Verdana, sans-serif;
 z-index: 100;
}

#links a {
 display: block; 
 text-align: center; 
 font: bold 1em "DejaVu Sans", Verdana, sans-serif;
 padding: 5px 10px; 
 margin: 0 0 1px; 
 text-decoration: none;
 color: #444;
 background: white;
 border: 1px solid #444;
}
#links a:hover {
 color: #411; 
 background: #F8EAC8;
}

#links a:hover span {
 display: block;
 position: absolute;
 top: 180px; left: 15px
 width: 125px;
 padding: 5px;
 margin: 10px;
 z-index: 100;
 background: #FDFEBD;
 color: black;
 font: 10px "DejaVu Sans", Verdana, sans-serif;
 text-align: center;
 border: 1px solid #7F7872;
}
   
#links a span {display: none;}

.invisible {
 display: none;
}