body {
  font-family: Verdana, Helvetica, Arial, sans-serif;
  color: #000000;
  font-size: 10pt;
  margin-top: 0pt;
  margin-left: 0pt;
  background-color: white }

.maintitle {
  color: #CC3300;
  font-family: 'Times New Roman', Garamond, Georgia, Serif;
  text-align: center;
  font-size: 24pt;
  font-weight: bold;
  text-decoration: none }

.paratitle {
  color: #FF0000;
  font-family: Georgia, "Times New Roman", "Courier New", serif;
  text-align: left;
  font-size: 16pt;
  font-weight: bold;
  text-decoration: none }

.subtitle {
  color: #0000FF;
  font-family: Georgia, "Times New Roman", "Courier New", serif;
  font-size: 14pt;
  text-align: left;
  font-weight: bold;
  text-decoration: none }

.exotitle {
  color:       #CC3300;
  font-family: Georgia, "Times New Roman", "Courier New";
  font-size:   14pt;
  font-weight: bold;
  text-align: left;
  text-decoration: none }

.defPopup {
  cursor: hand;
  font-weight: bold;
  color: blue }

.deftitle {
  color: #CC3300;
  font-family: Georgia, 'Times New Roman', 'Courier New';
  font-size: 12pt;
  font-weight: bold;
  text-decoration: none }

.sectover {
	width: 640px;
	overflow: auto}

.practlearncode {
	width: 620px;
	overflow: scroll }

.parajust    {
  font-family:   Georgia, Garamond, 'Times New Roman', Times, serif;
  text-align:    justify;
  color:         #000000;
  font-size:     12pt;
  margin-top:    6px;
  margin-bottom: 10px;
  margin-left:   6px;
  margin-right:  4px; }

.titlenote {
  color: #0000FF;
  font-family: Georgia, 'Times New Roman', 'Courier New';
  font-size: 8pt;
  font-weight: bold;
  text-decoration: none }

.paranote    {
  font-family: Verdana, Helvetica, Arial, sans-serif;
  color: #000000;
  font-size: 8pt;
  text-align: left;
  margin-top: 2pt;
  margin-bottom: 2pt;
  margin-left: 0pt }

.codered {
  font-family: 'Courier New', Verdana, Helvetica, sans-serif;
  color:       #FF0000;
  text-align:  left;
  font-size:   10pt
}

.codegreen {
	font-family: "Courier New", Verdana, Helvetica, sans-serif;
	color: #008000;
    text-align:  left;
    font-size:   10pt
}

.pcenter {
  text-align: center; }

pre		{
  font-family: 'Courier New', Verdana, Helvetica, sans-serif;
  color:       #0000FF;
  text-align: left;
  font-size:   10pt }

li {
  font-family: Georgia, Garamond, 'Times New Roman', Times, serif;
  color: #000000;
  font-size: 12pt;
  text-align: left;
  margin-top: 6px;
  margin-bottom: 6px }

td {
  font-family: Verdana, Helvetica, Arial, sans-serif;
  color: #000000;
  font-size:10pt;
  font-style: normal }

.keylink { 
	font-family: Verdana, Helvetica, Arial, sans-serif;
    color: Black;
    font-weight: bold; 
	font-size: 8pt }

a.keylink:link       {  
	color: green;
	text-decoration: none }
	
a.keylink:alink      {  
	color:  maroon;
	text-decoration: none }

a.keylink:visited    {   
	color: blue;
	text-decoration: none }

a.keylink:hover     {  
	color: red;
	text-decoration: none }

a:link       {
  font-family: Verdana, Helvetica, Arial, sans-serif;
  color: #0000FF;
  font-size: 10pt;
  font-weight: bold;
  text-decoration: none }

a:alink {
  font-family: Verdana, Helvetica, Arial, sans-serif;
  color: #FF00FF;
  font-size: 10pt;
  font-weight: bold;
  text-decoration: none }

a:visited {
  font-family: Verdana, Helvetica, Arial, sans-serif;
  color: green;
  font-size: 10pt;
  font-weight: bold;
  text-decoration: none }

a:hover {
  font-family: Verdana, Helvetica, Arial, sans-serif;
  color: #FF0000;
  font-size: 10pt;
  font-style:  normal;
  text-decoration: none }