body{height:100%;
width:100%
background-color:black;
}
#mainbody{ 
    width: 100%;
   background-color: #3E371D;
  background-image: url("background.jpg");
}


#left{
border:1px black gold;
float:left;
height:450px;
width:170px;
background-image: url("background.jpg");
position: fixed;
}

#list{
    float: left;
    height: 84px;
    text-align: justify;
    width: 170px;}

#list ol li a {color:#F4CC00;
text-transform: uppercase;
text-decoration: none;
}

#list ol li a:hover{
	background-color:#F4CC00;
color:black;
}



#right {text-align:left;
    border: 1px solid black;
    float: none;
    height: auto;
    width: 900px;
  background-image: url("middle1.png");
border:4px dashed gold;

}

#footer{
border:1px black solid;
height:150px;
width:900px;
}

h1, h2, h3, h4, h5{color:gold;
text-decoration: underline;
text-transform: uppercase;
}
#hairs{height: 100px;
width: 200px;
margin-top: -40px;
margin-left: 30px;}


 
 #a {background-color: #FF9000;
 	font-family: serif;
    text-decoration: none;
    text-transform: uppercase;
padding:12px;        
border-radius: 12px 12px 12px 12px;   
  
margin-left: -39px; 
 }  
    
#b{background-color: #799854;
font-family: serif;
    text-decoration: none;
    text-transform: uppercase;
padding:12px;        
border-radius: 12px 12px 12px 12px;   
  
margin-left: -39px; 
    
      }
    
    
#c{background-color: #74B9FC;
font-family: serif;
    text-decoration: none;
    text-transform: uppercase;
padding:12px;        
border-radius: 12px 12px 12px 12px;   
   
margin-left: -39px;
     
     }
     #c a:hover{background-color: black; !important;}
     #b a:hover{background-color: black; !important;}
     #a a:hover{background-color: black; !important;}