html { background-image: url(../image/pebble.jpeg);
            background-color: #f1f1f1;
            background-attachment: fixed;
            background-size: 100% auto;
            padding: 20px 0 30px 0;    }

body {     padding: 20px 0 0 20px;
                margin: 0 auto;    
                box-shadow: 10px 10px 10px rgba(0, 0, 0, .5);
                background-color: rgba(230, 230, 230, .75);
                border: 2px solid #630;
                border-radius: 10px;
                line-height: 1.9;
                font-family: Arial, Helvetica, sans-serif;  }

.top-container {  background-color: #f1f1f1;
                               background-image: url(../image/cemaes.jpeg);
                               background-size: 100% 100%;
                               background-repeat: no-repeat;
                               height: 340px;
                               border: 2px  solid;
                               border-radius: 12px;
                               border-color: #600;
                               margin: 10px 6px 10px 6px;   }

 h1 {  font-variant: small-caps;
          letter-spacing: 1px;
           font-size: 3.9em;
          margin-top: 100px ;
          color: rgb(0, 0, 102);
          text-shadow: 3px 3px 2px #f0f5f5;     }

.header {  padding: 5px 30px 10px 30px;
                  background: #94b8b8;
                  border: 2px  solid;
                  border-radius: 12px;
                  border-color: #600;
                  margin: 10px 2px 10px 2px;      }
              
.navbar { 
                padding: 8px 15px 8px 20px;
                border: 2px  solid;
                border-radius: 12px;
                border-color: #600;
                color: #000066;                
                font-size: 18px;
               background-color: #66cc99;   }

.navbar a:hover { color: #ff9933;
                                 text-decoration: underline;  }

form { padding-top: 8px;
            padding-bottom: 8px;
           float: right;    }  

.content {  background-color: #e0e0d1;
                   border: 2px  solid;
                    border-color: #600;
                    border-radius: 12px;
                   padding: 20px 40px 30px 40px;    }

aside { padding: 5px;
margin: 5px 20px 10px 50px; }

aside img { background-color: #f1f1f1;
                    width: 220px;
                     float: right;     
                     border: 6px #39C groove;
                     box-shadow: 5px 5px 10px rgba(0,77,0,.75);    }

h2 {  font-size: 1.9em; 
         font-family: "Hoefler Text", Garmond, Times, serif;
         font-variant: small-caps;
         text-shadow: 4px 3px 6px rgba(0,0,0,.5);
         margin: 0 40px 30px 30px;
         padding: 0 0 25px 0;
         border-bottom: 2px white solid;
         color: rgb(0, 0, 102); }

h3 {   font-size: 1.4em; 
          font-family: Verdana, Arial, Helvetica, sans-serif;
          font-variant: small-caps;
          padding: 0 0 5px 30px;
          margin: 0;
          color: #661a00;    }

h4 {   font-size: 1em; 
          font-family: Verdana, Arial, Helvetica, sans-serif;
          font-variant: small-caps;
          padding: 0 0 5px 30px;
          margin: 0;
          color: #661a00;    }

   p {  color: #001a00;
        margin: 0 40px 0 40px;   
        font-size: 1.1em; 
        word-spacing: 1.6px;   } 

.content button {  margin: 10px 0 10px 0;
                                 padding: 10px;
                                  border-radius: 12px;
                                  border: 2px #600 solid;
                                 font-size: 1.2em; 
                                 text-align: center;                                                            
                                 background-color: #c3c388;   }

.content ul  li {   margin: 10px 30px 20px 30px;
                                padding: 5px;
                                border: 1px #600 solid;
                               border-radius: 5px;   }

 li a {  color: #4d0026;
                   font-size: 1.1em;        }

.content li:nth-child(even) { background-color: #8cb3d9; }

.content li:nth-child(odd) { background-color: #538cc6;}

footer {    border: 2px  solid;
                  border-color: #600;
                  border-radius: 12px;  }

footer p {color: #661a00;
margin: 2px 5px 5px 5px;
}