ul
{
     float:left;
     width:100%;
     padding:0;
     margin:0;
     list-style-type:none;
}
a
{
     float:left;
     width:6em;
     text-decoration:none;
     color:white;
     background-color:#330099; /*dark purple*/
     padding:0.2em 0.6em;
     border-top:1px solid white;
}
a:hover
{
     background-color:#CC99FF   /*lavender*/
}

li 
{
     display:inline
}

div.container 
{
     width:100%;
     margin:0px;
     border:2px solid black;
     line-height:150%;
     }
  div.header,div.footer {
     padding:0.5em;
     color:white;
     background-color:blue;
     clear:left;
     }
  h1.header {
     padding:5px;
     margin:5px;
     }
  div.left {
     float:left;
     width:160px;
     margin:0;
     padding:1em;
     }
  div.content {
     margin-left:190px;
     border-left:1px solid red;
     padding:1em;
     }

img {float:right}

span.one {cursor:pointer}

h1.invisible {visibility:hidden}

h5 {text-align: right}