body {
       font-family: Sans, Verdana, Tahoma, Arial, Helvetica, sans-serif;
       font-size: 75%;
       line-height: 170%;
       color: #000;
       margin: 0;
       padding: 0;
       background-color: #E1DBFF;
       background-image: url("banner.jpg");
       background-repeat: repeat-x;
}

h1 { font-size: 2em; }

h2 { font-size: 1.5em; }

h3 { font-size: 1.1em;
     padding-top: 1.1em;
     }

h4 { font-size: 1em; }

h5 { font-size: 1em; }

ul { 
     padding-left: 1.5em;
     margin-left: 0.5em;
     list-style-type: none;
     text-indent: -1em;
     text-align: left;
}

a:link { color: #330099; text-decoration: none; }

a:active { color: #0000ff; text-decoration: none; }

a:visited { color: #660000; text-decoration: none; }

a:hover { color: #cc0000; text-decoration: underline; }

img { border-style: none; }

.function { font-weight: bold }

.affiliation { font-style: italic }

.constitution { text-align: center }

.url { text-align: center }

.paypalbutton { text-align: center }

.members {
           font-size: 1em;  /* kludge for IE6 */
           text-align: left;
}

.date { font-weight: bold }

#container { margin-left: 20px; }

#header {
/*           border: 1px solid gray; */
/*           padding-left: 10px; */
/*           padding-bottom: 10px; */
/*           padding-top: 10px; */
/*           padding-right: 10px; */
/*           margin-right: 20%; */
/*           margin-right: 200px; */
/*           margin-left: 200px; */
          margin-top: 70px;
          margin-bottom: 20px;
/*           background-color: white; */
          text-align: center;
}

#sidebar {
           font-size: 1em;
           border: 1px solid gray;
           width: 15%;
           padding-top: 0.5em;
           padding-bottom: 1em;
           padding-right: 1.5em;
           background-color: white;
           float: left;
           }

#content {
           font-size: 1.1em;
           text-align: justify;
           margin: 20px 20%;
           border: 1px solid gray;
           padding: 0px 2em 1.5em 2em;
           background-color: white;
}

#video { text-align: center }

#navtop {
          font-size: 1em;
          position: absolute;
          margin-left: 73%;
          margin-bottom: 2em;
          float: right;
          }

#footer { 
          clear: both;
          margin-top: 4em;
          padding-top: 1em;
          text-align: center;
          font-size: 1em;
/*           height: 50px; */
/*           background-image: url("banner.jpg"); */
/*           background-repeat: repeat-x; */
          }

#short-footer { 
                clear: both;
                margin-top: 4em;
/*                 height: 50px; */
/*                 background-image: url("banner.jpg"); */
/*                 background-repeat: repeat-x; */
/* los dos siguientes colocan el footer abajo en una página con poco texto */
                position: fixed;
                bottom: 0;
                }

/* div {border: solid 1px #f00;} */