@media screen, projection
{
  /* #col1 is the tree menu */
  #col1 { width: 25%; float:left; margin-top: 10px;}
  #col1_content { padding: 10px 5px 5px 5px; }

  /* #col2 is not used */
  #col2 { display:none; }

  /* #col3 is the main content */
  #col3 { margin-left: 25%; margin-right: 0; margin-top: 10px; border-left: 1px #ddd solid;}
  #col3_content { padding: 10px 5px 5px 5px; }
  #info_box { padding: 5px 5px 5px 5px; margin-top: 0px }

  #main {padding: 0em 0}
}