body {background-color: white;
      color: black; margin: 10px;
      padding: 0; font-size: small;
      font-family: verdana, arial, helvetica, sans-serif;}

a:link {color: blue; font-weight: bold;}
a:hover {color: red; font-weight: bold;}
a:visited {color: purple; font-weight: bold;}

a.yellow:link {color: yellow; font-weight: bold; text-decoration: none; cursor: text;}
a.yellow:visited {color: yellow; font-weight: bold; text-decoration: none; cursor: text;}
a.yellow:hover {color: yellow; font-weight: bold; text-decoration: none; cursor: text;}
      
Span.HiLite {color: black; background: yellow; font-weight: bold}      

Span.Yellow {font-size: small; font-weight: bold; color: yellow; }

Span.Blue {cursor: pointer; cursor: hand; font-weight: bold;
          text-decoration: underline; color: blue;}

Span.boxed {width: 150px; 
            //border-style: solid; 
            //border-color: #0000FF;
            //border-width: thin;
            //border-top-width: thick;
            background-color: white;
            color: black; text-align: center;
            font-size: small; font-weight: bold;
            padding-top: 10px; padding-bottom: 10px;}
            
Span.tips {width: 100px; 
           //border-style: solid; 
           //border-color: #0000FF;
           //border-width: thin;
           //border-top-width: thick;
           background-color: white;
           color: black; text-align: center;
           font-size: small; font-weight: bold;}
                       

h1   {font-size: medium; font-weight: bold; text-align: center; color:red} 
h2   {font-size: small; font-weight: bold; color: black;}
h3   {font-size: smallest; font-weight: bold; color: blue; }
h5   {font-size: smallest; color: dark blue; }

strong {font-weight: bold;}

.content>p+p {text-indent: 30px;}


/* This is a comment*/
/* All Content Boxes belong to the class ".content"*/

.content {position: relative;
          width: auto;
          margin: 0, 210px, 0, 210px;
          border: none;
          background-color: white;
          color: black;
          padding: 10px;}
          
#header {padding: 10px; 
         margin-left: 15%; margin-right: 15%;
         background-color: white;
         z-index: 10;}

#left {position: absolute; width: 20%;
       top: 220px; left:5px;   
       font-size: smallest;
       background-color: white; color: black;}

#right {position: absolute; width:20%;
        margin-left:80%;
        top: 350px; right: 5px;
        font-size:smallest; text-align: center;
        background-color: white; color: black;}

#main  {top: 250px; right: 5px;  
       margin-left: 22%; margin-right: 22%;
       border-style: none; border-width: thin; 
       border-color: black; padding: 0; 
       font-family: verdana, arial, helvetica, sans-serif;
       font-size: small; text-align: justify; 
       background-color: white; color: black;}

#bottom {clear: all; width:98%;  left: 0px; right: 0px; 
        font-size: small; text-align: center; font-weight: bold;
        background-color: white; color: black;}

#footer {clear: all; width: 100%;  left: 0px; right: 0px; 
         font-size: smallest; text-align: center;
         background-color: #0000FF; color: white;} 
       
#indent {margin-left: 7%; font-size: medium; }