#sizer {
margin: 0 auto; /* this centers the wrappers in standards browsers */
width: 50%; /* here is the critical value for customizing the Jello behavior */
text-align:left;
max-width: 300px;  /* version for IE is at the bottom of this style block */
}

#expander {
margin: 0 -349px; /* these side margins should be the same or slightly less than body paddings */
min-width: 700px; /* This prevents Safari from losing the negative margins in narrow windows */
position: relative;
}

/* Holly hack for IE. Must be zero, not the usual 1% value, due to IE bug \*/
* html #expander { 
height: 0; 
}
/* */

/* helps IE get the child percentages right. */
#wrapper { 
width: 100%;
font-size: 95%; /* set global font-size here */  
position: relative;
} 


/* * * * * * * * * * * * * * * * * */

#sidebar {
	width: 25%;
	float: left;
	color:#0f0f0e;
	display: inline; /* IEwin doubled margin bug fix */
	text-align: left;
	margin:0;
	padding:10px 0 0 20px;
}

#sidebar #news{
overflow:auto;
}

#content {
	width: 62%;
	height:550px;
	overflow:auto;
	margin:10px 17px;
	padding:10px;
	text-align: left;
	background:#2d2921;
	border:2px inset #d2d2bb;
	float: right;
	display: inline; /* IEwin doubled margin bug fix */
}


/* http://positioniseverything.net/easyclearing */

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-table;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

/*************** Header and Footer elements *****************/

.header {
  width: 100%;
  color: #b33;
  padding: 5px 0;
}

/*\*/
* html .header {
background-position: 10px 3px;
}
/* IEwin hack needed because the "jello" BG is in a positioned wrapper and shows
variance. IEwin does not support fixed backgrounds on elements other than the body */

.footer {
  width: 100%;
  clear: both;
  margin:0;
  padding:0;
  position: relative;
  color:#6f848c;
font:.9em/1 Arial, Helvetica, sans-serif;
}

/*************** Rounded Corners *****************/


.hd .c,.ft .c {
 font-size:1px; /* ensure minimum height */
 height:15px;
 position: relative;

}

.hd {
 background:transparent url(../images/tl.gif) no-repeat 0 0;
 margin-right:17px; /* space for right corner */
 position: relative;
 height:15px; 
}

.hd .c {
 background:transparent url(../images/tr.gif) no-repeat right 0;
 margin-right:-17px; /* pull right corner back over "empty" space (from above margin) */
 position: relative;
 height:15px;
}

.bd {
 background:transparent url(../images/ml.gif) repeat-y 0 0;
 margin-right:17px;
 position: relative; 
}

.bd .c {
 background:transparent url(../images/mr.gif) repeat-y right 0;
 margin-right:-17px;
 position: relative;
}

.bd .c .s {
 margin:0 6px 0 3px;
 background:transparent url(../images/ms.png) repeat-x 0 top;
 padding:0;
 position: relative; 
}

.ft {
 background:transparent url(../images/bl.gif) no-repeat 0 0;
 margin-right:17px;
 position: relative; 
}

.ft .c {
 background:transparent url(../images/br.gif) no-repeat right 0;
 margin-right:-17px;
 height:15px;
 position: relative;

}