#nav
{
	text-align: left;
}

body
{
	margin: 0em;
	padding: 0em;
	text-align: left; 
	font-family: monospace;
	background-color: #C0C0C0;
}

.navPageSelected{
	font-weight: bold;
}

img.logo{
	margin: 0px 0px 10px 0px;
}

.step{
	overflow:auto;
	clear: both;
	padding: 1em;
	margin: 1em 0em;
	background-color: #f0f0f0;
}

div.step img
{
  float: left;
  margin: 0em 1em 0em 0em;
}

p
{
	margin: 0em 0em 1.2em 0em;
	padding: 0em;
	line-height: 1.2em; 
}

.lessonDescription
{
	font-size: xx-small;
}

ul
{
	list-style-type: none;
	padding: 0em;
	margin: 0em 0em 1.2em 0em;
}

hr{margin: 2em 0em}

h1
{
	font-weight: bold;
	font-size: 1.2em;
	margin: 0em;
	padding: 0em;
}

h2
{
	margin: 0em;
	padding: 0em;
}

.ascii
{
	font-size: xx-small;
}

}

a
{
	text-decoration: underline
}

a:link 
{
	color: #0033FF
}

a:visited 
{
	color: #551A8B
}

a:hover
{
	background-color: #d3d3d3
}

a:active 
{
	color: #ff0000
}

/*-- layout --*/

/* want this guy ~16 em from the left of the viewing port */
#container
{
	margin: 1em auto 1em 17em;
	width: 40em;
	text-align: left;
}

#nav
{
	position: fixed; top: 1em; left: 1em;
	width: 15em;
}

#footer
{
	text-align: right;
	clear: both;
	margin: 0% 0% 2% 0%;
}

/*-- no more clearing divs --*/
.clearfix:after{ 
  content: "."; 
  display: block; 
  height: 0; 
  font-size:0; 
  clear: both; 
  visibility:hidden; 
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

/*-- end: no more clearing divs --*/