/***********************************************/
/* multicolumn_lists.css                        */
/* Use to create a 3 column list via css        */
/***********************************************/

/***********************************************/
/* HTML tag styles                             */
/***********************************************/ 
#multilist ul
{
	list-style:none;
	cursor:pointer;
}
#multilist ul li
{
  /* Stipulate the height of each item so that 
  vertical return = items * height */

  line-height: 1.2em;


  /* 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 #multilist ul li
{
	position: relative;
}

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

#multilist ul li.assr,
#multilist ul li.kava
{
  margin-top: -6em;
}

/* horizontal position of each column */
#multilist ul li.admn,
#multilist ul li.ag,
#multilist ul li.cale,
#multilist ul li.dami,
#multilist ul li.elde
{
  margin-left: 0em;
}
#multilist ul li.assr,
#multilist ul li.ging,
#multilist ul li.hops,
#multilist ul li.iris,
#multilist ul li.juni
{
  margin-left: 12em;
}
#multilist ul li.kava,
#multilist ul li.lave,
#multilist ul li.marj,
#multilist ul li.nutm,
#multilist ul li.oreg,
#multilist ul li.penn
{
  margin-left: 22em;
}

/* anchor styling */
#multilist ul li a
{
  display: block;
  width: 10em;
  text-decoration: none;
}
#multilist ul li a:hover
{
  color: #FFF; /* white */
  background-color: #A52A2A; /* brown */
  position:relative;
}
#multilist ul ul {
display:none;
position:relative;
border:#fff solid;
border-width:1px;
background-color:#CCCC99;
}

#multilist ul ul col2 {
left:2em;
}
#multilist ul li:hover ul {display:list-item; position:relative; float:left;}
#multilist ul ul li {border:none; width:100px;}
#multilist ul ul li:hover {text-decoration:underline; border:none;}