body {background-color: white;
      color: black;
      margin: 10px;
      padding: 10;
      justify: left;
      font-size: medium;
      font-weight: normal;
      font-family: verdana, tahoma, helvetica, arial, sans-serif;}


a:link {color: blue; font-weight: bold;}
a:visited {color: blue; font-weight: bold;}
a:hover {color: blue; 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.blue  {cursor: pointer; cursor: hand; font-weight: bold;
           text-decoration: underline; color: blue;}

Span.yellow {font-weight: bold; color: yellow;}
           
Span.sub-box {cursor: pointer; cursor: hand;}

h1   {font-size: medium; font-weight: bold; text-align: center;} 
h2   {font-size: small; font-weight: bold; text-align: center;}
h3   {font-size: small; color: Navy; font-weight:bold; text-align: center;}
h4   {font-size: small; color: red; font-weight: bold;text-align: center;}
h5   {font-size: smallest; font-color: dark blue; text-align: center;}

strong {font-weight: bold;}

.content > p+p {text-indent: 20px; margin-right: 20px;}

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: smallest; font-weight: bold;
            padding-top: 10px; padding-bottom: 10px}


/* 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;
          font-size: small;
          padding: 10px;}
          
#header {position: absolute; z-index:10;}

#left-side {position: absolute; width: 19%;
           top: 250px; left:20px; padding: 10,0,10,0;   
           font-size: smallest; text-align: center;
           background-color: white; color: black;}
           
#right-side {position: absolute; width:19%;
            top: 250px; right: 30px; margin-left:80%;
            font-size: smallest; text-align: center;
            background-color: white; color: black;}

#middle {top: 220px; right: 10px; padding: 20;
         margin-left: 20%; margin-right: 25%;
         background-color: white; color: black;
         font-size: medium; padding: 40,25,10,5;
         font-family: verdana, tahoma, helvetica, arial, sans-serif;
         text-align: left;}

#menu-left {position: absolute; width: 19%;
           top: 150px; left:20px; padding: 10,0,10,0;   
           font-size: smallest; text-align: center;
           border-color:black; border-style: solid; border-width: thin;
           background-color: #FFFFBF; color: black;}
         
#menu-right{position: absolute; width:19%;
            top: 150px; right: 20px; margin-left: 80%;
            text-align: center; font-size: smallest;
            font-family: verdana, sans-serif; 
            background-color: white; color: black;}

#menu-main {position: absolute; width:60%;
            top: 90px; right: 20px;
            margin-left: 20%; margin-right: 20%;
            background-color: white; color: black;
            font-size: small; padding: 20;
            text-align: center; z-index:10;}
            
#google {clear: all; width: 95%;  left: 0px; right: 0px;
         margin-left: 0%; margin-right: 0%;
         position: relative; padding: 0,25,0,5;
         font-size: smallest; text-align: center; 
         font-family: verdana, tahoma, helvetica, arial, sans-serif;
         background-color: white; color: black ;}


#bottom {clear: all; width: 95%;  left: 0px; right: 0px;
         margin-left: 0%; margin-right: 0%;
         position: relative; padding: 0,25,0,5;
         font-size: smallest; text-align: center; 
         font-family: verdana, tahoma, helvetica, arial, sans-serif;
         background-color: white; color: black ;}
         
#footer {clear: all; width: 100%;  left: 0px; right: 0px; 
         font-size: smallest; text-align: center; font-weight: bold;
         font-family: verdana, tahoma, helvetica, arial, sans-serif;
         background-color: #0000C8; color: white;}
         
/* the following were experimental -- probably not needed */
         
#lower-left {position: absolute; width: 19%; left: 20px;   
           text-align: center; font-size: smallest;  
           font-family: verdana, sans-serif;
           background-color: white; color: black;}

#end-left  {font-size: smallest; text-align: center;
            background-color: white; color: black;
            width: 20%; margin-right: 80%;}

#end-right {font-size: smallest; text-align: center;
            background-color: white; color: black;
            width: 20%; margin-left: 80%;}         
                       
