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

/* LIST 4*/
.wraplist4 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 4*/
.wraplist4 li.item21
{
	margin-top: -29em;
}

/* Horizontal positions of the columns */
.wraplist4 li.item1,
.wraplist4 li.item2,
.wraplist4 li.item3,
.wraplist4 li.item4,
.wraplist4 li.item5,
.wraplist4 li.item6,
.wraplist4 li.item7,
.wraplist4 li.item8,
.wraplist4 li.item9,
.wraplist4 li.item10,
.wraplist4 li.item11,
.wraplist4 li.item12,
.wraplist4 li.item13,
.wraplist4 li.item14,
.wraplist4 li.item15,
.wraplist4 li.item16,
.wraplist4 li.item17,
.wraplist4 li.item18,
.wraplist4 li.item19,
.wraplist4 li.item20
{
	margin-left: .9em;
}

.wraplist4 li.item21,
.wraplist4 li.item22,
.wraplist4 li.item23,
.wraplist4 li.item24,
.wraplist4 li.item25,
.wraplist4 li.item26,
.wraplist4 li.item27,
.wraplist4 li.item28,
.wraplist4 li.item29,
.wraplist4 li.item30,
.wraplist4 li.item31,
.wraplist4 li.item32,
.wraplist4 li.item33,
.wraplist4 li.item34,
.wraplist4 li.item35,
.wraplist4 li.item36,
.wraplist4 li.item37,
.wraplist4 li.item38,
.wraplist4 li.item39
{
	margin-left: 20em;
}