/* File:      hphc3.css
   Author:    Howard Gibson
   Date:      2012 January 17
   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;
  max-width:  80em;
}
body a:link    {color:  #008000;}
body a:visited {color:  #006000;}
body a:active  {color:  #800000;}
@media screen {
  body {
    /*background:  white url("FallBorder.jpeg");*/
    background:  white url("WinterBorder.jpeg");
    /*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%;
    font-weight:  bold; 
  }
  ul.Main li {
    list-style-type:  none;
    list-style-position:  outside;
    background:  #ffffe0;
    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%;
    font-family:  sans-serif; 
  }
  ul.Main li a {text-decoration:  none;}
  ul.Secondary {
    line-height:  1.6em;
    font-weight:  bold; 
    font-family:  sans-serif; 
    border-top:  0em;
    border-right:  0;
    border-left:  0;
    border-bottom:  0.1em;
    border-color:  #004000;
    border-style:  solid;
    padding-left:  0;
  }
  ul.Secondary li {
    list-style-type:  none;
    list-style-position:  outside;
    display: inline;
    background:  #ffffe0;
    border:  2px;
    border-color:  #004000;
    border-style:  solid;
    margin-top:  0.5em;
    margin-bottom: 0.5em;
    padding-right:  0.2em;
    padding-left:  0.2em;
    font-family:  sans-serif; 
  }
  ul.Secondary li a {text-decoration:  none;}
}
@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;
}

p.hyperlink {
  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;
}

p.warning {
  color: #a00000;
  font-size:  120%;
  font-style:  italic;
}