ul li
{
  list-style-type: none;
  
  /* Stipulate the height of each item so that 
  vertical return = items * height */

  line-height: 1.5em;

  /* Clear the default margins & padding 
  so we can style the list from scratch */

  margin: 0;
  padding: 0;
}
/* If li position is left static, Internet 
Explorer disables hyperlinks in the list 
in all but the final column.

This rule will be processed only by 
Internet Explorer because only IE believes 
that there's a level above HTML: */

* html ul li
{
  position: relative; 
}


ul li.Y2004 {
  /* Bring the first item of each column 
     back up to the level of item 1.
     Vertical return = items * height.
     Here, 75 items * 1.5em line-height = 112.5em
     for 2011 there are 80 items * 1.5 = 120em
     You may need to move something from the
     left column to the right column
     
     Just grab the list from the index_html file
     dump into an editor that gives you line numbers
     so you don't have to count 70+ items then
     work with it to get things aligned properly
     and be sure to look at the bottom of the lists
     so it doesn't run into other page elements
     TO ADJUST THE TOP MARGIN OF THE SECOND COLUMN,
     LOOK AT LINE 52 AND ADJUST THE MARGIN-TOP: -129EM 
     TO A DIFFERENT NUMBER. THE ADJUST IS VERY SMALL SO 
     CHANGING IT BY 1-9 DIGITS IS A HUGE JUMP.
     
     This mess brought to you my gizmo@purdue.edu 2012-02-15
  */
  margin-top: -129em;
}
  
ul li .Y2014, ul li .Y2013, ul li .Y2012, ul li .Y2011,
ul li .Y2010, ul li .Y2009, ul li .Y2008,
ul li .Y2007, ul li .Y2006, ul li .Y2005 { 
  margin-left: 0em;
}


 /*  move stuff over to the right column */ 
 
 
ul li .Y2004, ul li .Y2003, ul li .Y2002, ul li .Y2001, ul li .Y2000, ul li .Y1999 {
  margin-left: 20em;
}