html {
        background: url(../images/hofc.jpg) no-repeat center center fixed;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
}


body
{
background-color:rgba(0,0,255,.2);
}

#header
{
background-color:rgba(250,250,250,.9);
min-width:900px;
height:175px;
margin:0;
padding:0;
border-top:2px solid #5E767E;
border-bottom:2px solid #5E767E;
}
#hb
{
background:rgba(250,250,250,.9) url(images/hb1.jpg) no-repeat;

  width: 900px ;
  margin-left: auto ;
  margin-right: auto ;

  margin-top: 10px ;
  margin-bottom: 15px ;
height:150px;
padding:0;
}


#header h1 {
color:rgb(000,0,00);
font:bold 400% "Times New Roman", Times, serif;
margin:0;
padding:40px 20px;
text-align:center;
}

#mcontent
{
background-color:rgba(255,255,255,.8);
min-height:700px;
min-width:900px;
margin-top:10px;
margin-left:50px;
margin-right:50px;
border-right-style:solid;
border-left-style:solid;
padding-top:10px;
padding-bottom:100px;
padding-left:10px;
padding-right:10px;

}

#sidebar {
background-color:rgba(0,0,255,.2);
float:right;
width:340px;
height:600px;
padding:20px 0;
overflow:auto;
}

#sidebar p 
{
color:rgba(000,060,255,.8);
text-align:center;
}


#nav {
background-color:rgba(150,150,255,.2);
border-top:2px solid #5E767E;
border-bottom:2px solid #5E767E;
padding:5px 10px;
}

#nav ul {
list-style:none;
margin:0;
padding:0;
}

#nav li {
display:inline;
margin:0;
padding:0 2em 0 0;
}

#nav li a {
font-weight:700;
text-decoration:none;
}

#nav li a:link {
color:rgb(50,50,90);
}

#nav li a:visited {
color:rgb(100,100,140);
}


#nav li a:hover 
{color:rgb(90,30,0);}  
#nav li a:active 
{color:rgb(0,0,0);}  


#footer {
min-width:900px;
color:rgb(10,10,50);
border-top:2px solid #5E767E;
border-bottom:2px solid #5E767E;
background-color:rgba(200,200,250,.8);
clear:both;
font-size:0.75em;
text-align:center;
}





#autobox
{
background-color:rgba(0,0,255,.2);
float:right;
width:340px;
height:200px;
overflow:auto;
position:relative;
top:50px;
}