/* File:      hphc3.css
   Author:    Howard Gibson
   Date:      2010 March 20
   Project:   High Park Hiking Club
   Language:  W3C CSS2.1
   
   Colour Schemes (search and replace)

   Light background...
     background:  white;
     text:        #004000;
     link:        #008000;
     visited:     #006000;
     active:      #800000;

   dark background...
     background:  #003000;
     text:        #bbbbbb;
     link:        white;
     visited:     #dddddd;
     active:      #800000;
*/

body {
  background:  white;
  color:  black;
}
body a:link    {color:  #008000;}
body a:visited {color:  #006000;}
body a:active  {color:  #800000;}
@media screen {
  body {
    background:  white url("SpringBorder.jpeg");
    background-repeat:  repeat-y;
    margin-left:  95px;
    color:  #004000;
  }
}

img.Logo {
  float:  right;
  border:  0;
}

@media screen {
  ul.Main {
    clear:  right;
    float:  right;
    width:  30%;
  }
  ul.Main li {
    list-style-type:  none;
    list-style-position:  outside;
    background:  white;
    border:  2px;
    border-color:  #004000;
    border-style:  solid;
    margin-top:  0.5em;
    margin-bottom: 0.5em;
    padding-right:  1em;
    padding-left:  1em;
    font-size:  120%;
  }
  ul.Secondary {
    line-height:  1.6em;
    font-style:  italic;
    border-top:  0em;
    border-right:  0;
    border-left:  0;
    border-bottom:  0.1em;
    border-color:  #004000;
    border-style:  solid;
  }
  ul.Secondary li {
    display:  inline;
    margin-right:  1em;
    border-bottom:  2em;
  }
}
@media print {
  ul.Main {
    display:  none;
  }
  ul.Secondary {
    display:  none;
  }
}

h1 {
  text-align:  left;
}

@media print {
  h1, h2, h3 {color:  #004000;}
}

p {
  text-indent:  2em;
}

hr {
  clear:  both;
}

img {
  border:  0;
}
img.left {
  clear:  left;
  float:  left;
  margin-top:  0.5em;
  margin-right:  0.5em;
  margin-bottom:  0.5em;
}
img.right {
  clear:  right;
  float:  right;
  margin-top:  0.5em;
 margin-left:  0.5em;
  margin-bottom:  0.5em;
}

table th {
  vertical-align:  bottom;
}
table td {
  vertical-align:  top;
}

table.schedule {
  clear:  both;
  width:  100%;
}
@media print {
  table.schedule {
    border-top:  0em;
    border-right:  0;
    border-left:  0;
    border-bottom:  0.1em;
    border-color:  #004000;
    border-style:  solid;
  }
}
table.schedule th {
  text-align:  left;
}
@media print {
  table.schedule th {
    border-top:  0em;
    border-right:  0;
    border-left:  0;
    border-bottom:  0.1em;
    border-color:  #004000;
    border-style:  solid;
  }
}
@media screen {
  table.schedule td {
    background:  #eeeeff;
  }
}

table.footer {
  clear:  both;
  width:  100%;
}
@media print {
  table.footer {
    border-top:  0.2em;
    border-right:  0;
    border-left:  0;
    border-bottom:  0;
    border-color:  #004000;
    border-style:  solid;
  }
}
@media screen {
  table.footer td {
     background:  #003000;
     color:  #bbbbbb;
     text-align:  center;
  }
  table.footer a:link    {color:  #ffffff;}
  table.footer a:visited {color:  #dddddd;}
  table.footer a:active  {color:  #800000;}
}
@media print {
  table.footer td {
    text-align:  center;
    border-right:  1em;
    border-left:  1em;
  }
}

p.info {
  text-indent:  0;
}

@media print {
  p.hyperlink {
    display:  none;
  }
}

p.label {
  text-indent:  0;
  font-style:  italic;
}

p.photos {
  text-align:  center;
  text-indent:  0em;
}

div.insert {
  width:  360px;
  float:  right;
  border-width: 2px;
  border:  #003000;
}
div.insert p {
  margin-left:  1em;
  margin-right:  1em;
}

dl {
}
dl dt {
  clear:  left;
}