body { background-color: #FFFFFF; }

#page { position: relative; padding: 16px; 
/* this is also set in the IE tweaks file */ /* this sets a minimum margin */ 
width: 993px; margin: auto; /* this centers the page */ }

#main {
position: relative; 
width: 444px;
height: 354px; 
background:rgb(11,39,79);
margin-right: 299px; /* make room for the sidebar */
margin-left: 238px; /* make room for the photo */  } 

#content {

padding:46px 44px 0px 46px;
}


#photo { float: left; }

#newhighlight{
width:693px;
height:112px;
float:left;
padding: 25px 24px 30px 30px;
}
#sidebar { 
float: right; /* we could use absolute positioning 
here, and then we could place the main div before the sidebar div in the template, 
but then there's no way to push the main div to an adequate height */ width: 282px; 
border: 0px solid green; }

#extras{ 
position: relative; width: 682px; height: 
158px; margin-top:2px;
border-top:1px solid #CCC;
border-bottom:1px solid #CCC;}

#extras_left {

position: absolute; 
left: 0px; width: 327px; padding: 24px 10px 24px 10px; }

#extras_right {
position: 
absolute; left: 357px; width: 227px; padding: 0px 10px 24px 40px; } #footer { 
margin: 20px 0px 20px 6px; }