.container {
  width: 950px;
  margin: 0 auto;
  background-color:#fff;
  border:1px solid #02121c;

}

   
.column {
  float: left;

}

.header  { width: 950px;}
.footer { width: 950px;}

.mid  { width: 940px;}

.content_column  { width: 500px;}


.sidebar_left  { width: 220px;}
.sidebar_right { width: 200px;}


/* The last column in a row needs this class. */
.last { margin-right: 0; }


.border{
  padding-right:4px;
  margin-right:5px;
  border-right:1px solid #eee;
}

/* Border with more whitespace, spans one column. */
.colborder {
  padding-right:16px;
  margin-right:15px;
  border-right:1px solid #eee;
}
/* Misc classes and elements
-------------------------------------------------------------- */

/* Use a .box to create a padded box inside a column.  */ 
.box1 { 
  padding: 1.0em; 
  margin-bottom: 1.0em; 
  background: #eee;
  border:1px solid #dedede;

}

/* Use this to create a horizontal ruler across a column. */
hr {
  background: #ddd; 
  color: #ddd;
  clear: both; 
  float: none; 
  width: 100%; 
  height: .1em;
  margin: 0 0 1.4em;
  border: none; 
}
hr.space {
  background: #fff;
  color: #fff;
}

/* Clearing floats without extra markup
   Based on How To Clear Floats Without Structural Markup by PiE
   [http://www.positioniseverything.net/easyclearing.html] */

.clear { display: inline-block; }   
.clear:after, .container:after {
  content: "."; 
  display: block; 
  height: 0; 
  clear: both; 
  visibility: hidden;
}
* html .clear { height: 1%; }
.clear { display: block; }