.float_container 
{
	/* This works well */
	/*
	width: 800px;
	*/
	
	/* how about this? */
	/* It works beautifully */
	width: 95%;
	max-width: 1400px;
	
	/* This centers the div. It IS vital to the design */
	margin:0 auto;
	
	/* this is only for adjusting the layout */
	/* margin-top: 15px;  */    
	height: auto;
}

.float_navbar
{
  /* Rev 1 */
	/*position: fixed;    /* DO NOT CHANGE THIS!!! */
	/*top: auto;          /* DO NOT CHANGE THIS!!! */
	/*left: auto;         /* DO NOT CHANGE THIS!!! */

  /* Rev 2 */
  float: left;
	position: absolute;

  /* Theses ones you can tweak */	
	/* margin-top: 55px; */
	margin-top: 23px;
	
	/* overflow: hidden; Makes long stuff to be clipped */
	width: 220px;
}

/* A block (typically div) is supposed to be contained within
   a float_container block */
.float_content
{
	/* margin-left: 250px; Since the float_navbar is not part of the float layout we leave a marginal big enough to fit the block decorated with float_navbar */
    margin-left: 250px; /* Obviously the wizards breaks without this one. Reverting back to old setting for now */
	margin-right: 5px;
	min-width:300px;
	float:left;   /* Important for the layout */
}
.next_to_navbar {
	margin-left: 250px; /* Since the float_navbar is not part of the float layout we leave a marginal big enough to fit the block decorated with float_navbar */
}

.navbar_item 
{
  min-width: 210px;
  width: 210px;
  white-space: normal;
}

.clear 
{
  clear: both;
  visibility: hidden; 
}