/* This page links to elderflower.org and 
provides the styles for the pages that link from it.*/

/* possible background-color: #ccffcc; or #ccfff or #dfffef*/
/* possible table background-color: #ddccff */
body  
     {
     margin: 0px;
     padding: 0px;
     background-color: #ccffcc;
     font-family: garamond, serif;
     font-size: 12pt;
     color: #000000;
     }

#endpage 
     {
     width: 95%;
     text-align: left;
     margin-top:10px;
     margin-right: 25px;
     margin-left: 10px;
     padding-left: 10px;
     padding-right: 25px;
     padding-top: 10px;
     padding-bottom:10px;
     color: #000000;
     font-size: 85%;
     }

#address 
     {
     width: 95%;
     margin-top:10px;
     margin-right: 25px;
     margin-left: 10px;
     padding-left: 10px;
     padding-right: 25px;
     padding-top: 10px;
     padding-bottom:10px;
     color: #000000;
     font-size: 85%;
     }

#mission     
     {
     width: 85%;
     font-family: arial, sans-serif;
     margin-right: 25px;
     margin-left: 25px;
     padding-left: 10px;
     padding-right: 10px;
     }
     
#buttons 
     {
     width: 60%; 
     text-align: center;
     margin-right: 25px;
     margin-left: 10px;
     padding-left: 10px;
     padding-right: 25px;
     padding-bottom: 10px;
     }
 
 #events
   {
   text-align: center;
   width: 70%;
   }
 
 h1 
   {
   color: #000066;
   font-size: 28pt;
   }
 h2
   {
   color: #000066;
   font-size: 24pt;
   }

 h3
  {
  color: #003399;
  font-size: 20pt;
  }

 h4
  {
  color: #003399;
  font-size: 14pt;
  }

 h5
  {
  color: #003399;
  font-size: 11pt;
  }

 b
  {
  color:#003333;
  }   

.center {text-align: "center";}

table.main 
     {
     text-align: left;
     width: 100%;
     border: 3px;
     background-color: #ccffcc;
     padding: 5px;
     margin: 5px;
     } 

table.activities
    {
    text-align: center;
    border: 3px;
    margin: 3px;
    padding: 3px;
    }

table.schedule
    {
    text-align: center;
    border: 10px;
    background-color: #99cc99;
    margin: 3px;
    padding: 3px;
    }

 
span.head1
   {
   color: #000066;
   font-size: 28pt;
   line-height: 100%;
   font-weight: 800;
   }

.head2
   {
   color: #000066;
   font-size: 24pt;
   line-height: 100%;
   font-weight: 800;
   }

.head3
  {
  color: #003399;
  font-size: 20pt;
  line-height: 100%;
  font-weight: 800;
  }

.head4
  {
  color: #003399;
  font-size: 14pt;
  line-height: 100%;
  font-weight: 800;
  }

.head5
  {
  color: #003399;
  font-size: 11pt;
  line-height: 100%;
  font-weight: 800;
  }

span.links
    {
    color: #003399;
    font-size: 120%;
    line-height: 150%;
    font-weight: 800;
    }
span.headings
    {
    color: #000000;
    font-size: 110%;
    font-weight: 800;
    }

span.attn
    {
    background-color: #ccffff;
    color: #003399;
    font-size: 130%;
    line-height: 150%;
    font-weight: 800;
    vertical-align: baseline;
    }

td.links
    {
    background-color: #99cc99;
    vertical-align: top;
    font-size: 85%;
    }

td.first
    {
    background-color: #ccffcc;
    vertical-align: top;
    }
    
td.learndo
    {
    font-size: 120%
    }

span.large
    {
    color: #003399;
    font-weight: 700;
    font-size: 24pt;
    }
    
span.bold
    {
    font-weight: 800;
    }
   
p.big
    {
    font-size: 130%;
    }

p.small
    {
    font-size: 95%;
    }
    
p.mission
    {
    font-size: 90%;
    }

p.imagine
    {
    background-color: #ddccff;
    font-size: 16pt;
    }
    
ul.blue  /* unordered list class blue */
     {
     list-style-position: outside;
     list-style-image: url(graphics/pbball.gif);
     line-height: 125%;
     padding: 10px;
     margin-left: 50px;
     font-size: 16pt;
     }

ul.green     /* unordered list class green */
     {
     list-style-position: outside;
     list-style-image: url(graphics/greenball.gif);
     line-height: 125%;
     padding: 10px;
     margin-left: 25px;
     font-size: 16pt;
     }


ul.spiral    /* unordered list class spiral */  
     {
     list-style-position: outside;
     list-style-image: url(graphics/spiral.gif);
     line-height: 125%;
     padding: 10px; 
     margin-left: 25px;
     font-size: 16pt;
     }

ul.none   /* unordered list class no image or marker */
     {
     list-style-position: outside;
     list-style-type: none;
     padding: 10px; 
     margin-left: 25px;
     font-size: 16pt;
     }

 a:link       /* unvisited link */
     {
     color: #0033ff; 
     text-decoration: underline; 
     font-weight: 600;
     }
 
 a:visited   /* visited links */
     {
     color: #663399; 
     text-decoration: underline; 
     font-weight: 600;
     } 
 
 a:active    /* active links */
     {
     color: #ff33cc; 
     text-decoration: none; 
     background-color: #3399cc; 
     font-weight: 600;
     }   
     
 a.plain
     {
     color: #0033ff;
     font-weight: 600;
     }   

p.credit 
     {
     font-family: arial, sans-serif;
     font-style: italic;
     font-size: 95%;
     font-weight: 700;
     color: #000000;
     }

/* for event listing and accessible pages */

span.top_right  /* div position right */
     {
     position:absolute;
     right: 35px;
     top: 35px
     }

span.top_left  /* div position left */
     {
     position:absolute;
     left: 35px;
     top: 35px
     }

span.bot_right  /* div position right */
     {
     position:absolute;
     right: 35px;
     bottom: 35px
     }

span.bot_left  /* div position left */
     {
     position:absolute;
     left: 30px;
     bottom: 35px
     }


/*  End of style rules for ewf.css  */



