          a                   { font-size: 0.980em; font-weight: bold; 
                                text-decoration: none; 
                              }
          a:link              { color: #804000; border-color: #804000; }
          a:visited           { color: #804000; border-color: #804000; }
          a:active            { color: #804000; border-color: #804000; }
          a:hover             { color: #C04000; border-color: #804000; }
          
          a.large             { font-size: 1.143em; border-color: #804000; }
          a.standard          { font-size: 0.980em; font-weight: bold; border-color: #804000; }
          a.standard:hover    { font-style: normal; }
          a.small             { font-size: 0.816em; border-color: #804000; }
          a.tiny              { font-size: 1.150em; font-weight: bold; border-color: #804000; }
          a.tiny:hover        { font-style: italic; }
          
          body                { color: #804000; background: #FFDDAA url(./grafix/paper.gif) repeat fixed; }
         .column_text:first-letter { font-size: 250%; font-weight: bold; color: #CC9900; }
         .column_text         { font-family: "Times New Roman", "Times", serif;
                                font-size: 0.980em; text-align: justify; 
                                margin-right: 1.306em; 
                              }


         #logo                { width: 432px; height: 167px; }
         #divider1            { position: relative; left:    0px; top:   0px; }
         #divider             { position: absolute; left:    2px; top: -23px; z-index: 3; 
                                width: 110%; height:  5px; 
                              }
         #hyperbole           { position: absolute; left:   80%;  top: -44px; z-index: 2; 
                                border: 3px dotted #FFDDAA;
                              }
         #hyperbolepushpin    { position: relative; left:  10px; top: 0px; z-index: 4; 
                                float: left;  width: 26px; height: 26px; 
                                border: none; 
                              }
         #header              { position: relative; left:    0px; top: -25px;
                                font-size: 1.960em; font-weight: bold; font-style: italic;
                              }
         #divider2            { position: relative; left:    2px; top: -25px;  
                                width: 110%; height: 5px; 
                                clear: both; 
                              }

         #page                { width: 100%; }
         #hyperbolecreations  { width:  20%; float: left; }
         #creationslabel      { width: 132px; height: 51px; }

         #cwho                { margin-top: 4px; margin-bottom: 4px; border: 3px dotted #FFDDAA; padding-left: 0.75em; }
         #cwho :hover         {  }
         #cwhat               { margin-top: 4px; margin-bottom: 4px; border: 3px dotted #FFDDAA; padding-left: 0.75em; }
         #cwhat :hover        {  }
         #chow                { margin-top: 4px; margin-bottom: 4px; border: 3px dotted #FFDDAA; padding-left: 0.75em; }
         #chow :hover         {  }
         #cgoals              { margin-top: 4px; margin-bottom: 4px; border: 3px dotted #FFDDAA; padding-left: 0.75em; }
         #cgoals :hover       {  }
         #funstuff            { margin-top: 4px; margin-bottom: 4px; border: 3px dotted #FFDDAA; padding-left: 0.75em; }
         #funstuff :hover     {  }
         #csearch             { position: relative; left:  23px;  top:  18px; font-size: 0.898em; font-weight: bold;  }
         #cbutton             { position: relative; top:  -0.5em; }


         #hyperbolesoftware   { width: 17%; float: right; }
         #softwarelabel       { width: 132px; height: 51px; }

         #swho                { margin-top: 4px; margin-bottom: 4px; border: 3px dotted #FFDDAA; padding-left: 0.75em; }
         #swho :hover         {  }
         #swhat               { margin-top: 4px; margin-bottom: 4px; border: 3px dotted #FFDDAA; padding-left: 0.75em; }
         #swhat :hover        {  }
         #show                { margin-top: 4px; margin-bottom: 4px; border: 3px dotted #FFDDAA; padding-left: 0.75em; }
         #show :hover         {  }
         #sgoals              { margin-top: 4px; margin-bottom: 4px; border: 3px dotted #FFDDAA; padding-left: 0.75em; }
         #sgoals :hover       {  }
         #scomments           { margin-top: 4px; margin-bottom: 4px; border: 3px dotted #FFDDAA; padding-left: 0.75em; }
         #scomments :hover    {  }
         #ssearch             { position: relative; left:  23px;  top:  0px; font-size: 0.898em; font-weight: bold;   }
         #sbutton             { position: relative; top: -0.5em; }


         #pagecontent         { margin-left: 23%; margin-right: 20%; 
                                border-left: 2px solid #BB9966; border-right: 2px solid #BB9966; 
                              }
         #column              { margin-left: 1.306em; margin-right: 1.306em; 
                                padding-top: 1.4em; padding-bottom: 2.6em;
                                font-family: "Times New Roman", "Times", serif;
                                font-size: 0.98em; text-align: justify; 
                              }

         #divider3            { left:    2px; top: 75px;  
                                width: 110%; height: 5px; 
                                clear: both; 
                                margin-top:     3em;
                                margin-bottom:  3em;
                              }


         #menu                { position: relative; left:  25px; 
                                width: 150px; float: left; 
                              }
         #contact             { margin-top: 4px; margin-bottom: 4px; border: 3px dotted #FFDDAA; }

         #counter             { position: relative; left:  25px; top: 20px; 
                                width: 88px;  height: 33px; 
                                float: left; clear: both; 
                              }
         #bottomright         { position: relative; left: 100%;  top: 65px; 
                                width:  1px;  height:  1px; 
                                float: left; clear: both; 
                              }
         #url_here            { position: relative; left: -25px;
                                font-family: "Times New Roman", "Times", serif;
                                font-size: 0.50em; 
                                float: right; 
                              }

         .button_text         { top: -0.35em; }
         .menu_text           { font-weight: bold;  }
         .pushpin             { border-style: none; height: 23px; width: 21px; float: left; } 
         .separator           { width: 90%; clear: both; }


      @media print
        {
         body { display: none; }
        }


