body{
background-color:#000000;
margin: 0 auto;
width: expression(document.body.clientWidth < 770 ? "770px" : (document.body.clientWidth > 960 ? "960px" : "100%"));

}

div#container{
width:800px;
margin: 0 auto;
}

.headerbar{
position: relative;
width: 784px;
height: 90px;
background-image: url(Images/hdr-foothilloms.gif);
background-repeat: no-repeat;
float: left;
margin: 10px 0px 0px 0px;
border: 4px solid #8B0000;
border-bottom: none;
padding-top: 10px;
} 
.navbar_top{
position: relative;
background: #8B0000;
width: 778px;
float: left;
z-index: 2;
padding: 0px 5px 0px 5px;
border: 2px solid #8B0000;
border-bottom: none;
border-top: none;
} 



#contentarea{
position: relative;
width: 634px;
float: left;
background: #fef6e4;
padding: 10px 75px 0px 75px;
border-right: 4px solid #8B0000;
border-left: 4px solid #8B0000;
} 

#contentareahome{
position: relative;
width: 634px;
float: left;
background: #fef6e4;
padding: 10px 75px 0px 75px;
border-right: 4px solid #8B0000;
border-left: 4px solid #8B0000;
} 


#navbar_left{
position: relative;
width: 10px;
height: 100%;
background: #fef6e4;
padding: 10px 5px 0px 5px;
float: left;
border-left: 4px solid #8B0000;
display: none;
}

#featurebar{
position: relative;
width: 150px;
height: 100%;
background: #F0F0F0;
padding: 10px 5px 0px 5px;
float: right;
border-left: 1px solid #8B0000;
border-right: 1px solid #8B0000;
border-bottom: 1px solid #8B0000;
display: none;
} 
#featurebarhome{
position: relative;
width: 150px;
height: 100%;
background: #F0F0F0;
padding: 10px 5px 0px 5px;
float: right;
border-left: 1px solid #8B0000;
border-right: 1px solid #8B0000;
border-bottom: 1px solid #8B0000;
display: none;
} 


#contentfullpage{
position: relative;
width: 768px;
float: left;
background: #FFF;
padding: 10px 10px 0px 10px;
} 

div#footer{
position: relative;
width: 784px;
float: left;
background: #fef6e4;
border-left: 4px solid #8B0000;
border-right: 4px solid #8B0000;
border-bottom: 4px solid #8B0000;
}