body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	background-color: #FFFFFF;
	margin: 0px 0px 0px 0px;
}

p td {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
}

A {    COLOR: #153475; }
A:hover {    text-decoration: none; color: #006BB6; }
A:visited {   text-decoration: none; COLOR: #006BB6; }
A:active {    COLOR: #00CC00; }

 

/* header */

.header {
	width: 800px;
	height: 82px;
}
.title {
	font-size: 24px;
	color: #153475;
	font-weight: bold;
	position: absolute;
	top: 27px;
	left: 100px;
}
.logo {
	position: absolute;
	top: 6px;
	left: 12px;
}
.backtolessons {
position:absolute; 
font-size: 11px;
width:164px; height:26px; 
z-index:3; left: 88px; top: 57px;}




/* body and content styles */

.mainbody {
  width: 800px;
	background: #afd1ec;
	vertical-align: top;
}
.maincontent {
	width: 660px;
	padding-left: 100px;
	padding-right: 40px;
	padding-bottom: 100px;
	padding-top: 35px;
}
.content {
}

.nologin {
	width: 300px;
	text-align: left;
	padding-left: 20px;
}
.title-blue
{ font-weight: bold; color: #006BB6;}
.title-blue-big
{ font-size: 17px; font-weight: bold; color: #006BB6;}
.title-darkblue
{  font-size: 20px; font-weight: bold; line-height: 28px; color: #153475;}
 

.content-intro {
font-size: 15px; 
font-weight: bold; 
line-height: 21px;
}
.content-horizontal-rule
{font-size: 2px; height: 2px; width: 660px; 
background-color: #006BB6; layer-background-color: #006BB6; 
border: 1px none #000000; 
margin-top: 3px; 
margin-bottom: 10px;}
.content-question-top
{font-size: 10px;  
 margin-top: 10px; 
margin-bottom: 20px;
float: right
}
.content-question-spacer
{font-size: 2px; height: 2px; width: 100%; 
background-color: #006BB6; layer-background-color: #006BB6; 
border: 1px none #000000; 
margin-top: 35px; 
margin-bottom: 10px;
}

ol
{margin-top: 0px; 
margin-bottom: 0px;}


.smaller {font-size: 10px;}	
  

	
.lessonbody {
	width: 800px;
	background: #afd1ec;
	vertical-align: top;
}
	


	
		

	
/* lesson page, position all lessons */

.lessonall9 {
	vertical-align: top;
	}	
.lesson-title {
	font-size: 12px;
	background-color: #AFD1EC;
	width: 200px;
	}
.lesson-icon {
	padding-top: 3px;
	}
 
.lesson {
	display: block;
	text-align: left;
	}	 
 
 

	
	
/* link stuff */

.plainlink {
	color: #000000;
	text-decoration: none;
}
.plainlink:visited {
	color: #000000;
	text-decoration: none;
}
.plainlink:hover {
	color: #000000;
	text-decoration: underline;
}
.plainlinkwhite {
	color: #FFFFFF;
	text-decoration: none;
}
.plainlinkwhite:hover {
	color: #FFFFFF;
	text-decoration: underline;
}
.debug {
	border: 2px solid red;
}

 
/* table view of lessons */

td.dark {
  background-color: #9fc1dc;
}
tr.dark {
  background-color: #9fc1dc;
}
tr.light {
  background-color: #afd1ec;
}


table.lessons td, table.lessons th {
}
table.lessons ul {
	padding: 0;
	margin: 0;
	list-style: none;
}
/* show list items as comma-separated */
table.lessons ul li {
 display: inline;
}
table.lessons ul li:before {
 content: ', ';
}
table.lessons ul > li:first-child:before {
 content: '';
}