/* Time-stamp: "2005-09-04 15:31:06 jhanley" */

/* Windoze IE5 users might want to consider upgrading to FireFox or to IE6. */


body {
  color:             white;
  background-color:  #006200;  /* emerald green */
  margin-right:      0em;      /* white comes flush right; no green border */
  font-family:       helvetica, arial, sans-serif;
}

h2.subtitle { font-size: 90% }  /* fit on one line: "News and Events Calendar for the Emerald Lake Community" */

div.top, p.top {
  font-size:         200%;
  font-weight:       bold;
  padding-left:      3em;
  padding-top:       0.5em;
  height:            2.5em;
  color:             white;
  font-family:       Georgia, serif;
}


div.bottom {
  padding-top:       1em;
  padding-left:      5em;
  padding-bottom:    1.3em;
  font-family:       helvetica, arial, sans-serif;
  color:             white;
  background-color:  #006200;
}

div.bottom       :link     { color: white;    }
div.bottom       :visited  { color: #e0e0e0;  }  /* silverish, grey88 */
div.bottom       :active   { color: yellow;   }

span.email       :hover    { color: green; background-color: white; }
/* span.email              { vertical-align: text-bottom; } */


div.checkmark    :link     { color: #006200; }  /* emerald green */
div.checkmark    :visited  { color: #006200; }
div.checkmark    :active   { color: green;   }
div.checkmark    :hover    { color: green;   }
div.checkmark              { padding-right: 1em;  padding-bottom: 0.6em; }

div.transparent  :link     { color: black;   }
div.transparent  :visited  { color: purple;  }
div.transparent  :active   { color: yellow;  }
div.transparent  :hover    { color: green;   }

div.leftcolumn   :link     { color: white;   }
div.leftcolumn   :visited  { color: #e0e0e0; }
div.leftcolumn   :active   { color: yellow;  }
div.leftcolumn   :hover    { color: aqua;    }

div.leftcolumn {
  position:          fixed; /*absolute;*/
  top:               5em;
  left:              0em;

  line-height:       320%;
  margin-top:        0em;    /* outside, transparent */
  margin-right:      0em;
  margin-bottom:     0em;
  margin-left:       0.5em;
  padding-top:       3em;    /* inside */
  padding-right:     0em;    /*0.6em;*/
  padding-left:      0.2em;  /*0.8em;*/
  font-weight:       bold;
  font-size:         smaller;
  width:             8em;
}

div.rightcolumn {

  line-height:     125%;

  margin-left:       8em;

  padding-top:       1em;
  padding-bottom:    1em;
  padding-left:      2em;
  padding-right:     1em;
  color:             black;
  background-color:  #fffafa;  /* snow */
}


div.rightcolumn h1 h2 {
  text-align:        center;
}


/* CSS2 for rightcolumn, which IE5/Win will ignore:
   body>#content {
     width:    52%; 
     padding:  35px 5% 100px 10%;
   }
 */


/*
   http://jigsaw.w3.org/css-validator/validator?uri=http://www.emeraldlakecountryclub.com/guppy/2004-08.html
 */


span.strong1 {                 /* <strong><font size="+1"> */
  font-weight:       bold;
  font-size:         larger;   /* 150% */
}

span.strong2 {                 /* <strong><font size="+2"> */
  font-weight:       bold;
  font-size:         200%;
}

span.small-caps {
  font-variant:      small-caps;
}

.elcc-center {
  text-align:        center;
}

/* table.events-calendar { border: 2px; color: #006400; border-collapse: collapse; } */

td {
/*
  border:            2px solid silver;
  padding-left:      1em;
  padding-right:     1em;
  padding-top:       0.5em;
  padding-bottom:    0.5em;
*/
  line-height:       120%;
}

td.no-border {
  border:            0px;
}

td.valign {
  vertical-align:    text-bottom;
}

span.question { font: bold 130%  Palatino, serif; }  /* Q */

span.answer {   font: bold 130%  Palatino, serif; }  /* A */

div.elcc-history:first-letter { font: bold 170%  Palatino, serif; }

div.elcc-history    { width: 75%; }

div.elcc-membership { width: 75%; }

div.elcc-toppage    { width: 90%; }

                                     /* top right bottom left */
div.float-right     { float: right;  padding: 1em 1em 1em 2em; }
div.float-right-cr  { float: right;  padding: 1em 1em 1em 2em; clear: right; margin-top: 0.3em; }
div.float-right-cb  { float: right;  padding: 1em 1em 1em 2em; clear: both; }
p.float-sep         { float: none;   padding: 1em 1em 1em 2em; clear: both; }


span.elcc-bold      { font-weight: bold; }
span.small70        { font-size:   70%;  }

div.cal-month-name  { font-size: 130%; padding: 0.6em 2em 0.5em 3em; width: 12em;
                      color: white; background-color: #006200; }  /*emerald green*/

div.cal-event-hdr   { padding: 0.5em 0 0 0; font-weight: bold; font-size: 95%; }

div.cal-event-title       { font-size: 108%; }

div.cal-event-description { font-size: 90%; margin-left: 3em; margin-right: 6em; }


div.external     :link     { color: #006300; }
div.external     :visited  { color: #006400; }
div.external     :active   { color: #006500; }
div.external     :hover    { color: #006600; }
div.external               { color: #006200; background-color: #006201; }


/* from http://www.projectseven.com/tutorials/css/uberlinks/ */
.navlist a { text-decoration: none; }
.navlist a:link,  .navlist a:visited { color: #006300; }
.navlist a:hover, .navlist a:active  { color: #006500; }
.navlist {
  font-size: 90%;
}
.navlist li {
/*  padding: 3px 10px 3px 22px;   * top right bottom left */
  padding: 0 0 0 0.2em;
  list-style-type: none; /*turns off display of bullet*/
  float: left;      /* horizontal layout */
  white-space: nowrap;
}
.navlist ul {
  margin: 0 0 0 0.3em;
  padding: 0;
}

.navleft ul {
  text-indent: 0;
  padding-left: 0.5em;
}
.navleft li {
  padding: 0 0 0 0.2em;
  margin-left: 0;
  list-style-type: none; /*turns off display of bullet*/
}

.lm15 {
  margin-left: 15em;
}

.p1-work-party h2 {
  font-size: .94em
}
.p1-work-party {
  padding-left: 2em;
}