/* 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;

}



/* 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 */

  

  #list ul li.industry,

	#list ul li.loyalty



{

  margin-top: -5em;

}



#list ul li.branding,

#list ul li.test





{

  margin-top: -3.4em;

}



#list ul li.fright,

#list ul li.cfright



{

  margin-top: -15em;

}



#list ul li.ifright



{

  margin-top: -6.7em;

}



#list ul li.two

{

  margin-top: -3em;

}



#list ul li.four

{

 margin-top: -2em;

}







#list ul li.ro {

margin-top: -53.5em;



}





#list ul li.to {

margin-top: -366px;



}





#list ul li.floright {



margin-top: -39.75em;

}



#list ul li.croright {



margin-top: -23.4em;



}





#list ul li.orp {



margin-top: -6.7em;



}





#list {border: 1px solid #666; border-left: solid 15px #666; margin-left: 20px;  }

#list li {margin-bottom: 5px; list-style-type: none;}



/* horizontal position of each column */

#list ul li.sales,

#list ul li.safety,

#list ul li.performance,

#list ul li.care,

#list ul li.propel,

#list ul li.client,

#list ul li.case

{

  margin-left: 0em;

}





#list ul li.loyalty,

#list ul li.incentives,

#list ul li.promo,

#list ul li.test,

#list ul li.right,

#list ul li.fright,

#list ul li.iright,

#list ul li.ifright

{

  margin-left: 12em;

}







#list ul li.cright,

#list ul li.cfright{

  margin-left: 18em;

}





#list ul li.branding,

#list ul li.award,

#list ul li.industry,

#list ul li.news

{

  margin-left: 18em;

}



#list ul li.four,

#list ul li.two,

#list ul li.crright,

#list ul li.croright,

#list ul li.orp





 {

  margin-left: 25em;

}



#list ul li.r,

#list ul li.ro, 

#list ul li.to,

#list ul li.flright,

#list ul li.floright {

margin-left: 27em;





}







/* anchor styling */

#list ul li a

{

  width: 7em;

  text-decoration: none;

  color: #0e376d;

  text-decoration: underline;

}

#list ul li a:hover

{

  color: #FFF; /* white */

  background-color: #698a46; 

}





#list ul {padding-bottom: 7px;}