*	{
	padding: 0;
	margin: 0 }
	
p, h1, h2, ol, ul	 {
	margin-bottom: 1em }
		
body	{	
	font-size: 80%;
	font-family: Arial, Geneva, Helvetica, sans-serif;
	text-align: center }

#shell     {
	background-color: #fff;
	text-align: left; /* fixes ie5 hack above */
	margin-right: auto;
	margin-left: auto;
	width: 620px }

#topnav        {  
  font-size: 0.85em;
  padding: 0.3em 1em;
  height: 2em }

#topnav ul  {  margin-bottom: 0px;
  padding-top: 4px }


#nav1  {
	float: left }

#nav2  {
	float: right }

#topnav li      {  display: inline }

#content  {
	padding: 40px 30px }

#m-content  {
	padding: 15px 15px }

#title {  margin-bottom: 0.5em }

ol	   {
  font-size: 0.95em;
  margin-top: 1em;
  margin-left: 2em }

h1  {	font-size: 1.6em }

h2  {	font-size: 1.4em }

h3 {	font-size: 1.2em }

h4 {	font-size: 1em }

p, ol, dl   {
  font-size: 0.95em;
  line-height: 1.5em }

#footer   {
	font-size: 0.9em;
	padding-top: 1.2em;
	padding-left: 1em;
	height: 2.5em }

.lesstat   {
  padding-right: 10px }

#subscribers {  list-style-type: none }

#subscribers li {  margin-bottom: 0.5em }

.features    {  list-style-type: none;
  margin-top: 1em;
  margin-left: 1em }

.features li   { list-style-image: url(../graphics/aro_grey2.gif); margin-left: 20px; padding-bottom: 6px }

.features a:link { color: #c00 }

.features a:visited { color: #666 }

.descript { color: #666; font-size: 0.9em }

#course_links_col    {
  float: left }


#course_links_col ul     {
  line-height: 1.5em;
  list-style-type: none;
  margin-bottom: 50px;
  padding-top: 1em;
  padding-bottom: 1em;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc }


#course_links_col a:link {  color: #600;
  text-decoration: none }

#course_links_col a:visited {  color: #666;
  text-decoration: none }

#course_links_col a:hover {  color: #c00;
  text-decoration: underline }


.screen     {  margin-bottom: 2em;
  display: block }

.screen2  {
  margin-bottom: 50px;
  display: block }


.info         {  background-color: #f5f5f5;
  margin-bottom: 2em;
  margin-left: 200px;
  border: solid 1px #ccc;
  height: 1%  /* ie6 3px bug fix */ }

.info dl     {  margin: 1em 1em 2em }

.info dt    {
  color: #999;
  font-weight: bold;
  font-size: 0.9em }


.info dd { margin-bottom: 1em }

.info2     {  margin-left: 200px;
  height: 1%  /* ie6 3px bug fix */ }

.info2 h2  {  color: #999;
  margin-top: 2em;
  margin-bottom: 0.25em;
  padding-top: 0.5em;
  border-top: 1px solid #ccc }

.info img {  margin-bottom: 1em;
  margin-left: 1em }

.head     {  color: #666;
  font-weight: bold;
  background-color: #ccc;
  padding-top: 0.3em;
  padding-bottom: 0.3em;
  padding-left: 0.3em }

.topics {  padding: 10px /* adds padding to table cells */ }

.subtopics {  padding: 2px /* adds padding to table cells */ }

.courses {  color: #666;
  width: 100% }

.courses td {  padding: 4px }

.courses a:link {  text-decoration: none }

th {  font-size: 0.9em;
  text-align: left;
  padding: 4px }

.lesstat {  background-color: #f5f5f5;
  margin-right: 5em;
  margin-left: 1em;
  padding: 0.5em }

.lesstat img {  float: left;
  padding-right: 1em }

.caption  {
  clear: right }


.caption p  { }


.caption img  {
  float: right;
  margin-bottom: 3em;
  margin-left: 2em }

img {  border: 0 }


