/* Side Menu Stylesheet */



#button {
  /* permanent borders */      width: 85%;
        border-right: 0px solid #000;
        border-left: 0px solid #000;
    
    border-top: 0px solid #000;
        border-bottom: 0px solid #000;
        padding: 0 5 0em 0;
        margin-bottom: 0em;
   
     font-family: tahoma, Arial, sans-serif;
                /*'Trebuchet MS', 'Lucida Grande', Verdana, Arial, sans-serif;*/
     
   font-size : 11px;
        background-color: #ffffff;
        color: #000099;
        }

      

  #button ul {
                list-style: none;
             
   margin: 0;
                padding: 0;
                border: none;
                }

     

   #button li {
   /* size of line between them all */             border-bottom: 1px solid #90bade;
    
            margin: 0;
                list-style: none;
                list-style-image: none;
                }

    

    #button li a {
             
   display: block;
                padding: 5px 5px 5px 0.5em;
                border-left: 10px solid #ffffff;
        
        border-right: 10px solid #ffffff;
          
      background-color: #ffffff;
      
          color: #00099;
           
     text-decoration: none;
            
    width: 100%;
      
          }

        html>body 
#button li a {
            
    width: auto;
                }

        

#button li a:hover {
      /* one you hover over is highlighted */
          border-left: 10px solid #000099;
                border-right: 10px solid #000099;
          
      background-color: #ffffff
                color: #000099;
                }

        

#button li #active {
      /* so the page you are on is highlighted */   
       border-left: 10px solid #000099;
                border-right: 10px solid #000099;
         
       background-color: #000099;
                color: #ffffff;
                }