C:\Woodland_Robotics_htm\htdocs\CSS\Buttons_Left.css
/*                                                                              */
/* Attributes for the buttons.                                                  */
/*                                                                              */
#but_left                              /* but_left is a division ID.            */
{
  z-index: 9;
  position: fixed;
  top: 30px;                           /* To make room for the explaining.      */
}

#but_left a
{                                      /* Display as block elements to make them*/
  z-index: 9;
  display:block;                       /*   go down the left side of the page.  */
  padding:2px;                         /* Pad around the text within the button.*/
  text-decoration:none;                /* Remove the underlining.               */
  width:9em;                           /* Make the buttons all the same size.   */
  margin:2px;                          /* Set the spacing between the buttons.  */
  color:#FFFFFF;                       /* Set the color to white                */
  font-family:"Trebuchet MS", Verdana, sans-serif;
  position: fixed;                  /* was relative;                         */
  background:#000000;                  /* Make it look like a                   */
  border:4px outset #4682D4;           /*   button.                             */
}

#but_left img.explain
{
  z-index: 9;
  display: none;
  backface-visibility: visible;
}

#but_left a:hover                      /* give buttons that are hovered over    */
{                                      /* a darker background and border, as    */
  z-index: 9;
  background: #000000;                 /* well as black text.                   */
  border:4px outset #5692E4;           /*                                       */
  color:#FFFF00;                       /*                                       */
}
                                       /* Make the explaination appear when     */
#but_left a:hover img.explain          /*   the visitor hovers over one of      */
{                                      /*   the buttons.                        */
  z-index: 9;                          /* Overlay main_content (see Base.css)   */
  position: absolute;                  /*                                       */
  top: -15px;                          /* Fiddle with this.                     */
  left: 150px;                         /* Same position as main_content.        */
  height: 300px;                       /*                                       */
  width: 550px;                        /*                                       */
  border: none;
  display: inline;                     /* Display img (when hover)              */
}

#but_left a:focus                      /* Give buttons that are hovered over    */
{                                      /* or that have focus a darker           */
  z-index: 9;
  background: #5692E4;                 /* background and border, as well as     */
  border:4px outset #5692E4;           /* black text; bold formatting makes the */
  color:#FF0000;                       /* text jump around to much.             */
}