div.free-courses {}

div.free-courses > div {
	display: block;
	padding-top: 5px;
	padding-bottom: 5px;
	position: relative;
}

div.free-courses div.free-course a{
	color: black;
	font-weight: bold;
	font-size: 13px;
}


div.free-courses a.free-course-cat {}

div.free-courses a.current {
	text-decoration: underline;
}

.depth-1 {
	padding-left: 0em;
	font-weight: bold;
	position: relative;
}

.depth-1:before {
	position: absolute;
	content: "";
	height: 7px;
	width: 7px;
	background-color: #CCC;
	border-radius: 50%;
	top: 40%;
	left: -15px;
}

.depth-2 {
	padding-left: 2.5em;
}

.depth-2:before {
	position: absolute;
	content: "";
	height: 19px;
	width: 2px;
	background-color: #CCC;
	top: -3px;
	left: 8px;
}

.depth-2:after {
	position: absolute;
	content: "";
	height: 2px;
	width: 22px;
	background-color: #CCC;
	top: 15px;
	left: 8px;
}

.depth-3 {
	padding-left: 5em;
}


.depth-3:before {
	position: absolute;
	content: "";
	height: 19px;
	width: 2px;
	background-color: #CCC;
	top: -3px;
	left: 40px;
}

.depth-3:after {
	position: absolute;
	content: "";
	height: 2px;
	width: 25px;
	background-color: #CCC;
	top: 15px;
	left: 40px;
}



.depth-4 {
	padding-left: 7.5em;
}

.depth-4:before {
	position: absolute;
	content: "";
	height: 19px;
	width: 2px;
	background-color: #CCC;
	top: -3px;
	left: 76px;
}

.depth-4:after {
	position: absolute;
	content: "";
	height: 2px;
	width: 25px;
	background-color: #CCC;
	top: 15px;
	left: 76px;
}



.depth-5 {
	padding-left: 9.8em;
}

.depth-5:before {
	position: absolute;
	content: "";
	height: 19px;
	width: 2px;
	background-color: #CCC;
	top: -3px;
	left: 106px;
}

.depth-5:after {
	position: absolute;
	content: "";
	height: 2px;
	width: 25px;
	background-color: #CCC;
	top: 15px;
	left: 106px;
}