/* separate list from subsequent content */
div.wrapper
{
  margin-bottom: 1em;
  margin-top: 5em;
}

ul#columns
{
  width: 60em;
  margin: 0;
  padding: 0;
    
}
ul#columns li
{
  /* list item dimensions */

  width: 15em;
  height: 2em;

  /* Clear the default margins & padding 
  for cross-browser efficiency */
  margin: 0;
  padding: 0;

  /* suppress item markers */
  list-style-type: none;
}

/* Purty it up */
ul#columns li a
{
  display: block;
  width: 15em;
  line-height: 2em;
  text-decoration: none;
  text-align: center;
  border-bottom: 1px solid #E0EED4;
}

ul#columns li a:link,
ul#columns li a:visited {
  color: #576767 !important;
  background: url('images/menu/blue_arrow.gif') no-repeat 7px 0.6em;
  text-decoration: none !important
}

ul#columns li a:focus, ul#columns li a:hover, ul#columns li a:active {
  color: #508127 !important;
  background: #F6F9F0 url('images/menu/green_arrow.gif') no-repeat 7px 0.6em !important;
  text-decoration: underline !important
}

/* Bring the first item of each column 
back up to the level of item 1.
Vertical return = items * height.
Here, 5 items * 2em line-height = 10em */

ul#columns li.thirteen,
ul#columns li.twentyfive,
ul#columns li.thirtyseven
{
  margin-top: -24em;
}

/* Horizontal positions of the columns */
ul#columns li.one,
ul#columns li.two,
ul#columns li.three,
ul#columns li.four,
ul#columns li.five,
ul#columns li.six,
ul#columns li.seven,
ul#columns li.eight,
ul#columns li.nine,
ul#columns li.ten,
ul#columns li.eleven,
ul#columns li.twelve
{
  margin-left: 0em;
}

ul#columns li.thirteen,
ul#columns li.fourteen,
ul#columns li.fifteen,
ul#columns li.sixteen,
ul#columns li.seventeen,
ul#columns li.eighteen,
ul#columns li.nineteen,
ul#columns li.twenty,
ul#columns li.twentyone,
ul#columns li.twentytwo,
ul#columns li.twentythree,
ul#columns li.twentyfour
{
  margin-left: 15em;
}

ul#columns li.twentyfive,
ul#columns li.twentysix,
ul#columns li.twentyseven,
ul#columns li.twentyeight,
ul#columns li.twentynine,
ul#columns li.thirty,
ul#columns li.thirtyone,
ul#columns li.thirtytwo,
ul#columns li.thirtythree,
ul#columns li.thirtyfour,
ul#columns li.thirtyfive,
ul#columns li.thirtysix
{
  margin-left: 30em;
}

ul#columns li.thirtyseven,
ul#columns li.thirtyeight,
ul#columns li.thirtynine,
ul#columns li.fourty,
ul#columns li.fourtyone,
ul#columns li.fourtytwo,
ul#columns li.fourtythree,
ul#columns li.fourtyfour,
ul#columns li.fourtyfive,
ul#columns li.fourtysix,
ul#columns li.fourtyseven
{
  margin-left: 45em;
}