/*		MultiColumnLists.css		*/

/*	applies to: http://novitskisoftware.com/demos/multiColumnLists/multiColumnLists.html */

/*==============================
styles pertinent to the demo
==============================*/

 .wraplist li
{
	/* It's necessary to control the height of each list 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;
}

/* This brings the first item of each column back up to the level of item 1.
	Vertical return = number of items in a column * height of each item.
	In this case 5 items * 1.2em line-height = 6em */
 .wraplist li.item13
{
	margin-top: -19.5em;
}

/* Horizontal positions of the columns */
 .wraplist li.item1,
 .wraplist li.item2,
 .wraplist li.item3,
 .wraplist li.item4,
 .wraplist li.item5,
 .wraplist li.item6,
 .wraplist li.item7,
 .wraplist li.item8,
 .wraplist li.item9,
 .wraplist li.item10,
.wraplist li.item11,
.wraplist li.item12

{
	margin-left: .9em;
}
.wraplist li.item13,
.wraplist li.item14,
.wraplist li.item15,
.wraplist li.item16,
.wraplist li.item17,
.wraplist li.item18,
.wraplist li.item19,
.wraplist li.item20,
.wraplist li.item21,
.wraplist li.item22,
.wraplist li.item23,
.wraplist li.item24,
.wraplist li.item25
{
	margin-left: 20em;
}

/* LIST 2*/
.wraplist2 li
{

	/* It's necessary to control the height of each list 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;
}

/* LIST 2*/
.wraplist2 li.item7
{
	margin-top: -9em;
}

/* Horizontal positions of the columns */
.wraplist2 li.item1,
.wraplist2 li.item2,
.wraplist2 li.item3,
.wraplist2 li.item4,
.wraplist2 li.item5,
.wraplist2 li.item6
{
	margin-left: .9em;
}
.wraplist2 li.item7,
.wraplist2 li.item8,
.wraplist2 li.item9,
.wraplist2 li.item10,
.wraplist2 li.item11,
.wraplist2 li.item12
{
	margin-left: 20em;
}

/* LIST 3*/
.wraplist3 li
{

	/* It's necessary to control the height of each list 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;
}

/* LIST 3*/
.wraplist3 li.item7
{
	margin-top: -10.5em;
}

/* Horizontal positions of the columns */
.wraplist3 li.item1,
.wraplist3 li.item2,
.wraplist3 li.item3,
.wraplist3 li.item4,
.wraplist3 li.item5,
.wraplist3 li.item6
{
	margin-left: .9em;
}
.wraplist3 li.item7,
.wraplist3 li.item8,
.wraplist3 li.item9,
.wraplist3 li.item10,
.wraplist3 li.item11
{
	margin-left: 20em;
}