body { text-align:             center;
                    background-color:       #ffffff;
                    font-family:            Verdana, Geneva, Arial, sans-serif;
                    font-size:              0.8em;
                    color:                  black;
                    margin:                 0em;
                  }

               h1 { color:               #7bc144;
                    text-align:          center;
                  }

				h2 { color:               #ea4498;
                     text-align:          center;
                   }

           #logo { text-align:             left;
                    margin:                 1em 1em 2em 1em;
					
                  }
				  
								  
		#logo img { margin:                 0em 1em 0em 0em;
				 }
				  
	   #navbar a { color:                   #ffffff;
	              background-color:        #00b9f2;
				  text-decoration:         none;
				  margin:                 0em 0.2em 0em 0em;
				  padding:                 0.2em;
				  border:                  outset 1px #00b9f2;
				}
				
 #navbar a:hover { color:                   #ea4498;
                  background-color:        #ffffff;
				  text-decoration:         none;
				  border:                  outset 1px #ea4498;
				}
				
#navbar a.clicked { color:                   #00b9f2;
	               background-color:        #ffffff;
				   text-decoration:         none;
				   border:                  outset 1px #00b9f2;
				 }
				 
    #buttonHome a { padding:                 0em 2.3em 0em 2.3em;
                 }
				 
#buttonHydrogels a { padding:                 0em 1.1em 0em 1.1em;
                 }
				 
 #buttonOsmogro a { padding:                 0em 1.4em 0em 1.4em;
                 }
				 
#buttonHouseplants a { padding:                 0em 0.4em 0em 0.4em;
                 }
				 
#buttonArticles a { padding:                 0em 1.8em 0em 1.8em;
                 }
	
	       #main { padding:             1em;
		           margin:              3em 16em 2em 1em;
                   border:              1px solid #00b9f2;
                   background-color:    #ffffff;				   
                  }
				  
         #main h1 {  font-size:           1.5em;
                    color:               #7bc144;
                    text-align:          center;
                    margin:              0em;
                    padding:             0em;
                  }				  
				  
           #main p { text-align:          left;
                  }

     #main p.pics { text-align:          center;
                 }

     #main a:link { color:              #00b9f2;
                   text-decoration:    none;
                  }

      #main a img { border:              none;
                  }

  #main a:visited { color:              #00b9f2;
                    text-decoration:    none;
                  }

    #main a:hover { color:              #ea4498;
                    text-decoration:    none;
                  }				  

	     #sidebar { padding:             1em;
                    
		            margin:              6em 1em 0em 0em;
                    border:              1px solid #00b9f2;
                    background-color:    #ffffff;
		            float:               right;
                  }

  #sidebar p { text-align:          left;
                  }
				  
	
     #sidebar a:link { color:              #00b9f2;
                      text-decoration:    none;
                    }

  #sidebar a:visited { color:              #00b9f2;
                      text-decoration:    none;
                    }

    #sidebar a:hover { color:              #ea4498;
                      text-decoration:    none;
                    }

   #sidebar  p.valid { text-align:            center;
	               }
				   
		#w3c a img { border:              none;
                  }
        
          #footer p { font-size:           0.75em;
                     line-height:         normal;
                   }