body {	
}

/*COLORS*/

body {
	background-color: #a8cb70;
}

#container {
	background-color: white;
}

#header {
	background-color: #f7fee8;
	color: #3a5214;
}

#main {
	color: #404040;
}

#TOC li a {
	color: #255e10;
}

#TOC li a:visited {
	color: #346a10;	
}

#TOC li a:hover {
	color: #325b16;
	background-color: #bbca9d;
}

#lessonNavigation {
	color: white;
	background-color: #445f6d;
}

#lessonNavigation a {
	color: #cfdfe9;
}

/*OTHER*/

#container {
	width:80%;
	margin-left: auto;
	margin-right: auto;
	padding:20px;
	padding-bottom:0;
}

#header {
	padding:2px 10px 2px 10px;
}

#main {
	padding:10px;
}

li h2 {
	font-size:1.1em;
	margin-bottom:5px;
}

#TOC li {
	margin: 5px;
}

/* LESSON CSSS */

.lessonStep img {
	padding:3px;
	border:1px solid gray;
}

.lessonStep h2 {
	border-bottom: 1px solid gray;
}

#lessonNavigation {
	margin-left:-20px;
	margin-right:-20px;
	padding:10px;
	font-size: .9em;
}

#lessonNavigation table {
	margin-left:auto;
	margin-right:auto;
	width:100%;
}

#lessonNavigation table td {
	width:32%;
	padding:5px;
	
}

td.TOC {
	text-align: center;
}