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

}

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

.headerbar{
position: relative;
width: 898px;
height: 140px;
background-image: url(Images/hdr-dreads.gif);
float: left;
margin: 10px 0px 0px 0px;
border: 1px solid #1f0969;
border-bottom: none;
padding-top: 10px;
} 
.navbar_top{
position: relative;
background-image: url(Images/nav-top-bg.gif);
width: 889px;
height: 10px;
float: left;
z-index: 2;
padding: 0px 0px 0px 10px;
border-right: 1px solid #1f0969;
} 

 

#contentarea{
position: relative;
width: 694px;
float: left;
background: #FFF;
padding: 10px 10px 0px 10px;
border-right: 1px solid #1f0969;
} 

#contentareahome{
position: relative;
width: 694px;
float: left;
background: #FFF;
padding: 10px 10px 0px 10px;
border-right: 1px solid #1f0969;
} 


#navbar_left{
position: relative;
width: 174px;
height: 100%;
background-image: url(Images/nav-bg.gif);
padding: 10px 5px 0px 5px;
float: left;
border-left: 1px solid #1f0969;

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


#contentfullpage{
position: relative;
width: 878px;
float: left;
background: #FFF;
padding: 10px 10px 0px 10px;
border: 1px solid #1f0969;
} 

div#footer{
position: relative;
width: 898px;
background-image: url(Images/footer-bg.gif);
float: left;
border-left: 1px solid #1f0969;
border-right: 1px solid #1f0969;
border-bottom: 1px solid #1f0969;
margin-right: -3px;
}