east region positioning within the center

Hi,
i have 1440 resolution screen, web page is 1024 center aligned. east and west are empty and set to

1440-1024/2 equally to balance. now i need only east to be 210 but within the area of center (1024) and

same spacing (1440-1024/2) on right side as it is. but east will reside in canter. see below code & attachment. Any urgent help.

layout = new Ext.BorderLayout(document.body, {
hideOnLayout: true,
north: {
initialSize: 100,
titlebar: false
},
west: {
split:false,
titlebar: false,
collapsible: false
},
east: {
split:false,
titlebar: false,
collapsible: false
},
south: {
split:false,
initialSize: 205,
minSize: 100,
maxSize: 200,
titlebar: false,
collapsible: false
},
center: {
titlebar: false,
autoScroll:true
}
});

layout.beginUpdate();
layout.add('north', new Ext.ContentPanel('north', 'North'));
layout.add('south', new Ext.ContentPanel('south', {title: 'South',

closable: true}));
layout.add('west', new Ext.ContentPanel('west', {title: 'West', closable:

false}));
layout.add('east', new Ext.ContentPanel('east', {title: 'East', closable:

false}));
layout.add('center', new Ext.ContentPanel('center', {title: 'Center',

closable: false}));
layout.getRegion('west').resizeTo((getViewPortWidth()-1024)/2);
layout.getRegion('east').resizeTo((getViewPortWidth()-1024)/2);
layout.endUpdate();