body {
	margin:0px;
	padding:0;
	width:100%;
	background:#FAFAFA;
	font-size:90%;
   text-align:center;
}


#mainwrap {
   margin:0 auto; 
   border: 0;
   text-align:left;
   min-width: 850px; /* Minimum width of layout */
   max-width: 1050px;
   width:expression(document.body.clientWidth > 1050? '1050px' : 'auto' );
   width:expression( if ( document.body.clientWidth < 850 ) { document.body.clientWidth = '850px'} );
}

#header {
	float:left;
	width:100%;
	padding:0;
   border:0;   
}

#colmask {
  position:relative;	/* This fixes the IE7 overflow hidden bug and stops the layout jumping out of place */
  clear:both;
  float:left;
  width:100%;			/* width of whole page */
  min-width: 850px; /* Minimum width of layout */
  max-width: 1046px;
  width:expression(document.body.clientWidth > 1046? '1046px' : document.body.clientWidth ); /* Have to adjust width for left and right borders */
  overflow:hidden;		/* This chops off any overhanging divs */
  background:#ede9db;		/* Left column background color */
  border-left: 2px solid #900B09; /* left content border */
  border-right: 2px solid #900B09; /* far right border */
  border-bottom: 2px solid #900B09; /* content border */
}

#colmid {
  float:left;
  width:200%;
  position:relative;
  left:137px; /* Moves all columns. Use to adjust left column background width */
  background:#ffffff;    	/* Center column background color */
  border-left: 1px solid #900B09; /* left-center border */
}

#colright {
  float:left;
  width:100%;
  position:relative;
  left:50%;
  padding-right: 0px;
  margin-left:-353px; /* Moves all columns. use to adjust right column background width */
  border-left: 1px solid #900B09; /* center-right border */
  background: #ede9db;    	/* Right column background color */
}

#col1wrap {
  float:right;
  width:50%;
  position:relative;
  right:100%;
}

#col1pad {
  margin:0 15px 0 365px; /* Adjust center column margins  */
  overflow:hidden;
}

#col1 {
	width:100%;
        padding:8px 0 8px 0;
	overflow:hidden;
}

#col2 {
	float:left;
	width:120px;
	position:relative;
	margin-left:-50%;
	left:222px; /* Controls left edge of left column content */
   padding:8px 0 8px 0;
	overflow:hidden;
}

#col2_rbar {
	float:left;
	width:120px;
	position:relative;
	margin-left:-50%;
	left:25px;
   padding:8px 0 8px 0;
	overflow:hidden;
}

#col3 {
  float:left;
  width:200px;
  position:relative;
  left:8px;
  padding:8px 0 8px 0;
  background: #ffffff;
  background-image: url(http://www.ultrarob.com/images/gray_fade.gif);
  background-repeat: repeat-y;
  overflow:hidden;
}

#col3_rbar {
  float:left;
  width:200px;
  position:relative;
  left:8px;
  padding:8px 0 8px 0;
  background: #ffffff;
  background-image: url(http://www.ultrarob.com/images/gray_fade.gif);
  background-repeat: repeat-y;
  overflow:hidden;
}

#footer {
  clear:both;
  float:left;
  width:100%;
  min-width: 850px; /* Minimum width of layout */
  max-width: 1046px;
  width:expression(document.body.clientWidth > 1046? '1046px' : document.body.clientWidth ); /* Have to adjust width for left and right borders */
  padding:0px;
  margin:0;
  padding:8px 0 8px 0;
  background-color: #ede9db;
  border-left: 2px solid #900B09; /* left content border */
  border-right: 2px solid #900B09; /* far right border */
  border-bottom: 2px solid #900B09; /* content border */
}