body{

background-color:#DDDDDD;

margin: 3px auto;

width: expression(document.body.clientWidth < 770 ? "770px" : (document.body.clientWidth > 960 ? "960px" : "100%"));



}



div#container{

width:800px;

margin: 0 auto;

}



.headerbar{

width: 748px;

height: 103px;

overflow: hidden;

margin: 0;

border: 1px solid #003399;

border-top: none;

border-bottom: none;

} 

.navbar_top{

background: #5C3CB2 url(navtop.gif) no-repeat scroll bottom left;

width: 748px;

height: 40px;

border: 1px solid #003399;

border-bottom: none;

border-top: none;

} 







#contentarea{

position: relative;

width: 678px;

float: left;

background: #fefefe;

padding: 10px 35px 0;

border-right: 1px solid #003399;

border-left: 1px solid #003399;

} 



#contentareahome{

position: relative;

width: 678px;

float: left;

background: #fefefe;

padding: 10px 35px 0;

border-right: 1px solid #003399;

border-left: 1px solid #003399;

} 





#navbar_left{

position: relative;

width: 10px;

height: 100%;

background: #fef6e4;

padding: 10px 5px 0px 5px;

float: left;

border-left: 1px solid #003399;

display: none;

}



#featurebar{

position: relative;

width: 150px;

height: 100%;

background: #F0F0F0;

padding: 10px 5px 0px 5px;

float: right;

border-left: 1px solid #003399;

border-right: 1px solid #003399;

border-bottom: 1px solid #003399;

display: none;

} 

#featurebarhome{

position: relative;

width: 150px;

height: 100%;

background: #F0F0F0;

padding: 10px 5px 0px 5px;

float: right;

border-left: 1px solid #003399;

border-right: 1px solid #003399;

border-bottom: 1px solid #003399;

display: none;

} 





#contentfullpage{

position: relative;

width: 748px;

float: left;

background: #FFF;

padding: 10px 10px 0px 10px;

} 



div#footer{

position: relative;

width: 748px;

float: left;

background: #fefefe;

border-left: 1px solid #003399;

border-right: 1px solid #003399;

border-bottom: 1px solid #003399;

}