<!-- Start CSS code -->
  <style type="text/css">
  
  /* Body text, background color   */
  body { font-family: Arial, Georgia, Times New Roman, Times, serif }
  body { color: black }
  body { background-color: "#5A6D7F" }
 /* body { background: url(http://www.aerosoft.net/BG_Blue_Gray_Soft.jpg) }  */

  body { padding-left: 0.0cm }     /* Moves entire body (anything within the BODY tag) to the right X centimeters, just like a left margin  */
  body { boarder-top: 0.0cm }      /* Moves entire body up or down, sets the top margin     */
  body { margin-top: 0.0cm }       /* Moves entire body up or down, sets the top margin     */
  body { padding-top: 0.0cm }      /* Moves entire body to the right 4 centimeters, just like a left margin  */

 



  
  
  /* Address under main menu    */
  p.addr { font-family: Arial } 
  p.addr { font-size: 10pt }
  p.addr { color: black }
  p.addr { position: absolute;
           top: 300px;
           left: 10px;
           width: 150px } 
           
  /* OS Logo unser Menu and Address    */
  p.os_logo { font-family: Arial } 
  p.os_logo { font-size: 10pt }
  p.os_logo { color: white }
  p.os_logo { position: absolute;
              top: 450px;
              left: 15px;
              width: 150px;
			  z-index: 1 } 
           
           
  /* Email Logo unser Menu and Address    */
  p.email_logo { font-family: Arial } 
  p.email_logo { font-size: 10pt }
  p.email_logo { color: white }
  p.email_logo { position: absolute;
                 top: 22cm;
                 left: 1.00cm;
                 width: 5cm } 
           
  /* Empty image slot - Holiday GIFs & Misc    */
  p.empty_slot { font-family: Arial } 
  p.empty_slot { font-size: 10pt }
  p.empty_slot { color: white }
  p.empty_slot { position: absolute;
                 top: 19cm;
                 left: 0.75cm;
                 width: 5cm }                  
    
    
  /* Page Footer Line at bottom, used for Copyright & Version info   */
  p.pfl { font-family: Arial } 
  p.pfl { font-size: 9pt }
  p.pfl { color: blue }
  p.pfl { position: absolute;
          top: 22cm;
          left: 1.0cm;
          width: 25cm } 


  /* Page Footer Line at bottom, used for Copyright & Version info   */
  p.menu_footer { font-family: Arial } 
  p.menu_footer { font-size: 9pt }
  p.menu_footer { color: blue }
  p.menu_footer { position: absolute;
                  top: 25cm;
                  left: 1.0cm;
                  width: 25cm } 

                  
  
  /* Set font for any Paragraph tag text */         
  p { font-family: Arial, Helvetica, Geneva, SunSans-Regular, sans-serif }
  p { font-size: 12pt }

  /* Set font for any H1 (Header 1) text  */ 
  h1 { font-family: Arial, Helvetica, Geneva, SunSans-Regular, sans-serif }
  h1 { font-size: 14pt }
  
  /* Set font for any H2 (Header 2) text  */ 
  h2 { font-family: Arial, Helvetica, Geneva, SunSans-Regular, sans-serif }
  h2 { font-size: 12pt }

  /* Set font for any H3 (Header 3) text  */ 
  h3 { font-family: Arial, Helvetica, Geneva, SunSans-Regular, sans-serif }
  h3 { font-size: 10pt }
  

  /* This is the Unordered List, 'udm' class  (see below), Position it left and move the BODY of the page right */
  /* This is the position for the UDM menu buttons    */
  
  /* menu width  20em makes 2 col  */
  /* Remove any padding which moves the menu all the way to the left and up toward the top */
  ul.udm { position: absolute;
           top: 0.0px;
           list-style-type: none;
           padding: 0;
           margin: 0 } 
              
  /* Causes hyperlinks to have a white box w/ black right edge around them   */
  ul.navbar li { background: white;
                 margin: 0.5em;
                 padding: 0.3em;
                 border-right: 1em solid black }
  
  /* Gets rid of the traditaional hyperlink underline, see HTML notes on the "a" or <a> tag  */
  ul.navbar a { text-decoration: none }




  /*****************************
   * Link / Hyperlink styles   *
   * Used in:  links.shtml     *
   * #FFFFFF = White
   * #09052B = Dark Purple Blue
   * #13049C 
   *****************************/
   

  A.set1:link    {color: #09052B; text-decoration: none}
  A.set1:active  {color: #FFFF00; text-decoration: none}
  A.set1:visited {color: #140597; text-decoration: none}
  A.set1:hover   {color: #13049C; text-decoration: underline}

  A.set2:link    {color: #AA00FF; background: FF00AA; text-decoration: none}
  A.set2:active  {color: #FF00AA; background: none transparent;}
  A.set2:visited {color: #FFFF00; text-decoration: none}






  /*******************
   * Other           *
   *******************/


  .DP-Clue {
    background:#FFFFCC url(hint.gif) no-repeat scroll -10px 5px;
    border:1px solid #CC9933;
    display:none;
    margin-left:6px; 
    padding:0.5em;
    position:absolute;
    width:200px;
    font-size: small;
    z-index: 1;
  }

  .DP-Clue .DP-CluePointer {
    position: absolute;
    left: -10px;
    width: 10px;
    height: 19px;
    background: url(hint.gif) left top no-repeat;
    top: 0px;
  }




  /***************************************************************
   * Info Boxes with frame/border and rounded corneres           *
   *
   *
   ***************************************************************/

    #info_box_1 {
      border-radius: 25px;
      background: #73AD21;
      padding: 20px; 
      width: 200px;
      height: 150px;    
    }

    /* Used in demos.php             */ 
    #info_box_300_300 {
      border-radius: 25px;
      border: 3px solid #485154;
      padding: 20px; 
      width: 300px;
      height: 300px;    
      text-align: center;
    }







</style>