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

}

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

.headerbar{
position: relative;
width: 748px;
background: #0C6767;
float: left;
margin: 10px 0px 0px 0px;
border: 1px solid #333366;
padding-top: 10px;
} 
.navbar_top{
position: relative;
background: #333366;
width: 740px;
float: left;
z-index: 2;
padding: 0px 0px 0px 10px;
border-bottom: 1px solid #000000;
border-top: 1px solid #000000;
} 

 

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

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


#navbar_left{
position: relative;
width: 140px;
height: 100%;
background: #0C6767;
padding: 10px 5px 0px 5px;
float: left;
border-left: 1px solid #333366;
} 
#featurebar{
position: relative;
width: 100px;
height: 100%;
background-image: url(Images/paws.gif);
float: right;
border-right: 1px solid #333366;
padding-top: 10px;
} 
#featurebarhome{
position: relative;
width: 100px;
height: 100%;
background-image: url(Images/paws.gif);
float: right;
border-right: 1px solid #333366;
padding-top: 10px;
} 


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

div#footer{
position: relative;
width: 748px;
float: left;
background: #FFFFFF;
border-left: 1px solid #333366;
border-right: 1px solid #333366;
border-bottom: 1px solid #333366;
}