div.total
{
 clear:both;
 width:auto;
 height:100%;
 border: 1px solid darkorange;
 border-top:0px;
 padding-left:5px;
 padding-right:5px;
}
div.left 
{

float:left;
clear:left;
height:auto;
width:17%;
background-color:#00bbff;
font-size:14px;
font-family:georgia;
color:#cc3399;
margin-top:10px;
padding:8px;


}

div.right 
{
clear:both;
float:right;
height:auto;
width:77%;
background-color:;
font-size:15;
font-face:tahoma;
color:#cc3399;
margin-top:10px;
padding:8px;
border: 1px solid gray;

}

a 
{
  text-decoration: none;
  color:black;
  font-family: Helvetica,Geneva,Arial,SunSans-Regular,sans-serif;
  visted: orange;
    
}

 ul.navbar 
 {
   list-style-type: circle;
   padding: 0;
   margin: 0;
   position: absolute;
   top: 2px;
   left: 2px;
   width: auto; 
 }
    
 ul.navbar li {
    background: white;
    margin: 2px;
    padding: 2px;
    border-right: 1px solid black }
  
div.left a:hover 
{
border: 1px solid red;
color:white;
background-color:#6699cc;
}

div.bottom
{
 clear:both;
 float:left;
 width:100%;
 height:auto;
}