body{
background-color:#CDDEDC;
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: 796px;
height: 221px;
margin: 5px 0 -10px 0;
background-image: url(Images/hdr-rheumatologyny.jpg);
background-repeat: no-repeat;
float: left;
border: 2px solid #1F584B;
border-bottom: none;
} 
.navbar_top{
position: relative;
background: #1F584B;
width: 796px;
float: left;
z-index: 2;
border-right: 2px solid #1F584B;
border-left: 2px solid #1F584B;
} 

 

#contentarea{
position: relative;
width: 596px;
float: left;
background: #FFF;
padding: 4px 10px 0px 10px;
border-right: 2px solid #1F584B;
} 

#contentareahome{
position: relative;
width: 596px;
float: left;
background: #FFF;
padding: 4px 10px 0px 10px;
border-right: 2px solid #1F584B;
} 


#navbar_left{
position: relative;
width: 180px;
height: 100%;
background-image: url(Images/nav-bg.gif);
float: left;
padding-bottom: 4px;
border-left: 2px solid #1F584B;
} 


#featurebar{
position: relative;
width: 150px;
height: 100%;
background: #F0F0F0;
padding: 10px 5px 0px 5px;
float: right;
display: none;
} 
#featurebarhome{
position: relative;
width: 150px;
height: 100%;
background: #F0F0F0;
padding: 10px 5px 0px 5px;
float: right;
display: none;
} 


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

div#footer{
position: relative;
width: 646px;
float: left;
padding-left: 150px;
background-image: url(Images/nav-bg.gif);
background-repeat: repeat-y;
background-color: #ffffff;
border: 2px solid #1F584B;
border-top: none;
margin-right: -3px;
}