a:active
{
       FONT-WEIGHT:bold; 
       FONT-SIZE: 12pt; 
       FONT-FAMILY: Arial;
}

a:link
{
       FONT-WEIGHT:bold; 
       FONT-SIZE: 12pt; 
       FONT-FAMILY: Arial;
}

a:visited
{
       FONT-WEIGHT:bold; 
       FONT-SIZE: 12pt; 
       FONT-FAMILY: Arial;
}
/*This section formats in the black space title bar */
a.border:link 
{ 
       COLOR: #FFFFFF;
}

a.border:active 
{ 
       COLOR: #FFFFFF;
}

a.border:visited
{ 
       COLOR: #FFFFFF;
}

a.footnote:active 
{
       FONT-SIZE: 10pt;
}

a.footnote:link
{
       FONT-SIZE: 10pt;
      
}

a.footnote:visited
{
       FONT-SIZE: 10pt;
}

/*This section formats the links on the home page (front) */
a.front:link
{ 
       COLOR: black;
       TEXT-DECORATION: none;
       font-weight: bold;
       font-size: 14pt;
}

a.front:visited
{
        COLOR: black;
        font-size: 14pt;
        font-weight: bold;
}

a.front:active
{
         COLOR: black;
         font-size: 14pt;
         font-weight: bold;
}

a.front:hover
{
         COLOR: teal;
         font-size: 14pt;
         font-weight: bold;
}

a.heading:link 
{
          COLOR: #FFFFFF; 
          FONT-FAMILY: arial;
}

a.heading:active
{ 
          COLOR: #FFFFFF;
          FONT-FAMILY: arial;
}

a.heading:visited
{
          COLOR: #FFFFFF;
          FONT-FAMILY: Ariel;
}


a.smallfront:link
{ 
       COLOR: black;
       font-weight: bold;
       font-size: 10pt;
       font-family: ariel. sans-serif;
       text-decoration:none;
}

a.smallfront:visited
{
        COLOR: black;
        font-size: 10pt;
        font-weight: bold;
        font-family: ariel. sans-serif;
        text-decoration:none;
}

a.smallfront:active
{
         COLOR: black;
         font-size: 10pt;
         font-weight: bold;
         font-family: ariel. sans-serif;
         text-decoration:none;
}

a.smallfront:hover
{
         COLOR: teal;
         font-size: 10pt;
         font-weight: bold;
         font-family: ariel. sans-serif;
         text-decoration:none;
}

#aside
{
	float: right;
	width: 16%;
	padding: 20px 0;
	margin: 0 0 0 0;
	display: inline;
    text-align: left;
}

#aside h3
{ 
     margin: 0; 
}


blockquote
{
      
      FONT-SIZE: 14pt; 
      LINE-HEIGHT: 1.5; 
      TEXT-ALIGN: justify;
      font-family: Times New Roman, serif;
      font-style:italic;
      border-left: 4px solid #CCC;
      padding-left: 8px;
    
}

body
{     
      height: 100%;
      <style type="text/css">
      background: #000000;
      margin: 0px;
      padding: 0px;
      border: 0px;
 }
/* This sets the background image of the body containter to the paper graphic */

#container
{
	margin: 0 auto;
	width: 100%;
	background: #000000;
}

#content
{
	float: left;
	width: 56%;
	padding: 20px 0;
	margin: 0 0 0 0%;
    height: 100%;
   
}

#content h2
{ 
      margin: 0; 
}

#content-container1
{
	float: left;
	width: 100%;
}

#content-container2
{
	float: left;
    height: 100%;
}

dd
{
    FONT-SIZE: 12pt; 
    LINE-HEIGHT: 1.5; 
    color: 'teal';
    FONT-FAMILY: arial, sans-serif; 
    TEXT-ALIGN: justify;
}

dt
{
    FONT-SIZE: 12pt; 
    LINE-HEIGHT: 1.5; 
    FONT-FAMILY: arial, sans-serif; 
    TEXT-ALIGN: justify;
}

#footer
{
	clear: both;
	background: #000000;
    position:absolute;
	bottom:0;
	text-align: right;
	padding: 20px;
	height: 80px; 
}

#header
{
	background: #000000;
	padding: 20px;
    color: #FFFFFF;
}

#header h1 
{
     margin: 0;
     font-color: #FFFFFF; 
}

#header h2 
{
     margin: 0;
     font-color: #FFFFFF; 
}

.indent
{
       Padding-left: 30pt;
}

li
{
     FONT-SIZE: 12pt;
     line-height: 1.5;
     FONT-FAMILY: arial;
     TEXT-ALIGN: justify;
     margin-left: 50pt;
     margin-bottom:10px;
}

p.footnote 
{
     PADDING-RIGHT: 20pt; 
     PADDING-LEFT: 20pt; 
     FONT-STYLE: italic;
     FONT-SIZE: 10pt; 
     LINE-HEIGHT: 1.5; 
     FONT-FAMILY: arial, sans-serif; 
     TEXT-ALIGN: justify 
}

p.separate
{
     PADDING-RIGHT: 20pt; 
     PADDING-LEFT: 40pt;  
     FONT-SIZE: 12pt; 
     LINE-HEIGHT: 1.5; 
     FONT-FAMILY: arial, sans-serif; 
     TEXT-ALIGN: justify
}

ol
{
     list-style-position: inside;
     vertical-align: middle;
}

p 
{
    FONT-SIZE: 12pt; 
    LINE-HEIGHT: 1.5; 
    FONT-FAMILY: arial, sans-serif; 
    TEXT-ALIGN: justify;
}

p.section 
{
     COLOR: teal;                      
     FONT-SIZE: 14pt;  
}

#section-navigation
{
	float: left;
	width: 16%;
	padding: 20px 0;
	margin: 0 2%;
	display: inline;
    font-size: 10pt;
}

#section-navigation ul
{
	margin: 0;
	padding: 0;
}

#section-navigation ul li
{
	margin: 0 0 1em;
	padding: 0;
	list-style-type: none;
    FONT-SIZE: 12pt;  
    FONT-FAMILY: arial, sans-serif; 
}

ol
{
     list-style-position: inside;   
     vertical-align: middle; 
}


Span.BrSection 
{
     COLOR: brown; 
     FONT-SIZE: 16pt; 
     FONT-VARIANT: small-caps; 
     PADDING-LEFT: 30pt
}

Span.Highlight
{
      COLOR: #006600; 
      FONT-STYLE: italic;
}

p.Section
{
       FONT-SIZE: 16pt; 
       FONT-VARIANT: small-caps; 
       PADDING-LEFT: 30pt
}

Table.Lesson 
{    
       FONT-STYLE: italic; 
       FONT-SIZE: 10pt; 
       LINE-HEIGHT: 1.5; 
       FONT-FAMILY: arial, sans-serif; 
       padding-left: 40pt;
}

p.GrSection
{
       COLOR: teal; 
       FONT-SIZE: 16pt; 
       FONT-VARIANT: small-caps; 
       PADDING-LEFT: 30pt;
}
/* Tooltip container */
.tooltip {
    position: relative;
    display: inline-block;
    border-bottom: 1px dotted black; /* If you want dots under the hoverable text */
}

/* Tooltip text */
.tooltip .tooltiptext {
    visibility: hidden;
    width: 300px;
    background-color: black;
    color: #fff;
    text-align: left;
    padding: 5px 0;
    border-radius: 6px;
 
    /* Position the tooltip text - see examples below! */
    position: absolute;
    z-index: 1;
}

/* Show the tooltip text when you mouse over the tooltip container */
.tooltip:hover .tooltiptext {
    visibility: visible;
}

.underline1
{
           font-style: underline;
}