/* SCREEN STYLE */
@media screen {
  /*  * {border: 0; margin:0; padding:0;}  */

  A:link {color: #666; border:1px solid #FFF; border-width: 0 1px 1px 0;}
  A:visited {color: #333; border:1px solid #FFF; border-width: 0 1px 1px 0;}
  A:hover {color: #777; background: #ddd; border:1px solid #777; border-width: 0 1px 1px 0;}
  A:active {color: #777; background: #bbb; border:1px solid #777; border-width:  1px 0 0 1px;}

  /* linkthumb */
/*
		.arc90_linkpic {
			display: none;
			position: absolute;
			left: 0;
			top: 1.5em;
			width: 160px;
			height: 120px;
		}
		.arc90_linkpicIMG {
			padding: 0 4px 4px 0;
			background: transparent url(linkpic_shadow.gif) no-repeat bottom right;
			width: 160px;
			height: 120px;
		}
*/
  
  .toclink:link {color: #666; border:0px solid #FFF;}
  .toclink:visited {color: #333; border:none; }
  .toclink:hover {color: #777; background: none; border:0px solid #bbb;}
  .toclink:active {color: #777; background: none; border:0px solid #777; }
  
  IMG {border-style: none; border-width: 0; padding: 0px; vertical-align: bottom;}

/*
  A IMG {
    color: #777; 
    background: #FFF !important; 
    border:2px solid #777 !important; 
    border-width: 0 2px 2px 0 !important;
    vertical-align: bottom !important;
  }

  A IMG:hover {
    color: #777; 
    background: #FFF !important; 
    border:2px solid #777 !important; 
    border-width: 0 2px 2px 0 !important;
    vertical-align: bottom !important;
  }

  A IMG:active{
    color: #777; 
    background: #FFF !important; 
    border:2px solid #777 !important; 
    border-width: 2px 0 0 2px  !important;
    vertical-align: bottom !important;
  }
  



    background: #bc7b36 url(/graphics/bg-wood3.jpg); 
*/

  body {
    color: black;
    background: #bc7b36 url(/graphics/bg-reduced-long_wood_mapleleaf-pexels-photo-220116.jpeg); 
    font: normal 16px "Trebuchet MS",Trebuchet,Arial,Verdana,Sans-serif;
  }
/*
div.test a dl {background: yellow;;}
div.test a dl dd {display: none;}
div.test a:hover dl dd {display: inline;}
*/

  h1 {
    margin:5px 5px 0;
    padding:10px 10px .25em;
    border:2px solid #eee;
    border-width:2px 0 0  2px;
    font-size:160%;
    line-height:1.2em;
    font-weight:normal;
    color:#666;
    text-transform:uppercase;
    letter-spacing:.2em;
    }
  h2 {
    margin:1.5em 0 .75em;
    font:100%/1.4em "Trebuchet MS",Trebuchet,Arial,Verdana,Sans-serif;
    text-transform:uppercase;
    letter-spacing:.2em;
    color:#999;
    }
  h3 {
    margin:1.5em 0 .75em;
    font:100%/1.4em "Trebuchet MS",Trebuchet,Arial,Verdana,Sans-serif;
    letter-spacing:.2em;
    color:#999;
    }
  h4 {
    margin:1.5em 0 .75em;
    font:75%/1.4em "Trebuchet MS",Trebuchet,Arial,Verdana,Sans-serif;
    letter-spacing:.2em;
    color:#999;
    }
  
  IMG.middle {vertical-align: middle;}
  
  .bodyarea {
    position: absolute;
    top: 15px; 
    left: 185px;
    max-width: 1600px;
    background: #FFFFFF url(/graphics/spiral-1.gif) repeat-y ;
    border-style: none;
    visibility: visible;
    padding: 50px;
    z-index: 1;
  }

  table.hikedata {
    border:2px solid #eee;
    text-align: center;
    width: 100%;
  }

  ul.at {
    list-style: url("/graphics/flags/16x11/at.png") disc;
  }
  ul.at ul {
    list-style: url("/graphics/flags/16x11/white.png") disc;
  }
  ul.at ul li:hover {
    list-style: url("/graphics/flags/16x11/at.png") disc;
  }

  ul.be {
    list-style: url("/graphics/flags/16x11/be.png") disc;
  }
  ul.be ul {
    list-style: url("/graphics/flags/16x11/white.png") disc;
  }
  ul.be ul li:hover {
    list-style: url("/graphics/flags/16x11/be.png") disc;
  }

  ul.ca {
    list-style: url("/graphics/flags/16x11/ca.png") disc;
  }
  ul.ca ul {
    list-style: url("/graphics/flags/16x11/white.png") disc;
  }
  ul.ca ul li:hover {
    list-style: url("/graphics/flags/16x11/ca.png") disc;
  }

  ul.ch {
    list-style: url("/graphics/flags/16x11/ch.png") disc;
  }
  ul.ch ul {
    list-style: url("/graphics/flags/16x11/white.png") disc;
  }
  ul.ch ul li:hover {
    list-style: url("/graphics/flags/16x11/ch.png") disc;
  }

  ul.hr {
    list-style: url("/graphics/flags/16x11/hr.png") disc;
  }
  ul.hr ul {
    list-style: url("/graphics/flags/16x11/white.png") disc;
  }
  ul.hr ul li:hover {
    list-style: url("/graphics/flags/16x11/hr.png") disc;
  }

  ul.co {
    list-style: url("/graphics/flags/16x11/co.png") disc;
  }
  ul.co ul {
    list-style: url("/graphics/flags/16x11/white.png") disc;
  }
  ul.co ul li:hover {
    list-style: url("/graphics/flags/16x11/co.png") disc;
  }

  ul.cz {
    list-style: url("/graphics/flags/16x11/cz.png") disc;
  }
  ul.cz ul {
    list-style: url("/graphics/flags/16x11/white.png") disc;
  }
  ul.cz ul li:hover {
    list-style: url("/graphics/flags/16x11/cz.png") disc;
  }

  ul.de {
    list-style: url("/graphics/flags/16x11/de.png") disc;
  }
  ul.de ul {
    list-style: url("/graphics/flags/16x11/white.png") disc;
  }
  ul.de ul li:hover {
    list-style: url("/graphics/flags/16x11/de.png") disc;
  }

  ul.dk {
    list-style: url("/graphics/flags/16x11/dk.png") disc;
  }
  ul.dk ul {
    list-style: url("/graphics/flags/16x11/white.png") disc;
  }
  ul.dk ul li:hover {
    list-style: url("/graphics/flags/16x11/dk.png") disc;
  }

  ul.ec {
    list-style: url("/graphics/flags/16x11/ec.png") disc;
  }
  ul.ec ul {
    list-style: url("/graphics/flags/16x11/white.png") disc;
  }
  ul.ec ul li:hover {
    list-style: url("/graphics/flags/16x11/ec.png") disc;
  }

  ul.es {
    list-style: url("/graphics/flags/16x11/es.png") disc;
  }
  ul.es ul {
    list-style: url("/graphics/flags/16x11/white.png") disc;
  }
  ul.es ul li:hover {
    list-style: url("/graphics/flags/16x11/es.png") disc;
  }

  ul.fr {
    list-style: url("/graphics/flags/16x11/fr.png") disc;
  }
  ul.fr ul {
    list-style: url("/graphics/flags/16x11/white.png") disc;
  }
  ul.fr ul li:hover {
    list-style: url("/graphics/flags/16x11/fr.png") disc;
  }

  ul.hu {
    list-style: url("/graphics/flags/16x11/hu.png") disc;
  }
  ul.hu ul {
    list-style: url("/graphics/flags/16x11/white.png") disc;
  }
  ul.hu ul li:hover {
    list-style: url("/graphics/flags/16x11/hu.png") disc;
  }

  ul.it {
    list-style: url("/graphics/flags/16x11/it.png") disc;
  }
  ul.it ul {
    list-style: url("/graphics/flags/16x11/white.png") disc;
  }
  ul.it ul li:hover {
    list-style: url("/graphics/flags/16x11/it.png") disc;
  }

  ul.lu {
    list-style: url("/graphics/flags/16x11/lu.png") disc;
  }
  ul.lu ul {
    list-style: url("/graphics/flags/16x11/white.png") disc;
  }
  ul.lu ul li:hover {
    list-style: url("/graphics/flags/16x11/lu.png") disc;
  }

  ul.mx {
    list-style: url("/graphics/flags/16x11/mx.png") disc;
  }
  ul.mx ul {
    list-style: url("/graphics/flags/16x11/white.png") disc;
  }
  ul.mx ul li:hover {
    list-style: url("/graphics/flags/16x11/mx.png") disc;
  }

  ul.nl {
    list-style: url("/graphics/flags/16x11/nl.png") disc;
  }
  ul.nl ul {
    list-style: url("/graphics/flags/16x11/white.png") disc;
  }
  ul.nl ul li:hover {
    list-style: url("/graphics/flags/16x11/nl.png") disc;
  }

  ul.no {
    list-style: url("/graphics/flags/16x11/no.png") disc;
  }
  ul.no ul {
    list-style: url("/graphics/flags/16x11/white.png") disc;
  }
  ul.no ul li:hover {
    list-style: url("/graphics/flags/16x11/no.png") disc;
  }

  ul.pe {
    list-style: url("/graphics/flags/16x11/pe.png") disc;
  }
  ul.pe ul {
    list-style: url("/graphics/flags/16x11/white.png") disc;
  }
  ul.pe ul li:hover {
    list-style: url("/graphics/flags/16x11/pe.png") disc;
  }

  ul.pl {
    list-style: url("/graphics/flags/16x11/pl.png") disc;
  }
  ul.pl ul {
    list-style: url("/graphics/flags/16x11/white.png") disc;
  }
  ul.pl ul li:hover {
    list-style: url("/graphics/flags/16x11/pl.png") disc;
  }

  ul.pr {
    list-style: url("/graphics/flags/16x11/pr.png") disc;
  }
  ul.pr ul {
    list-style: url("/graphics/flags/16x11/white.png") disc;
  }
  ul.pr ul li:hover {
    list-style: url("/graphics/flags/16x11/pr.png") disc;
  }

  ul.pt {
    list-style: url("/graphics/flags/16x11/pt.png") disc;
  }
  ul.pt ul {
    list-style: url("/graphics/flags/16x11/white.png") disc;
  }
  ul.pt ul li:hover {
    list-style: url("/graphics/flags/16x11/pt.png") disc;
  }

  ul.se {
    list-style: url("/graphics/flags/16x11/se.png") disc;
  }
  ul.se ul {
    list-style: url("/graphics/flags/16x11/white.png") disc;
  }
  ul.se ul li:hover {
    list-style: url("/graphics/flags/16x11/se.png") disc;
  }

  ul.sk {
    list-style: url("/graphics/flags/16x11/sk.png") disc;
  }
  ul.sk ul {
    list-style: url("/graphics/flags/16x11/white.png") disc;
  }
  ul.sk ul li:hover {
    list-style: url("/graphics/flags/16x11/sk.png") disc;
  }

  ul.si {
    list-style: url("/graphics/flags/16x11/si.png") disc;
  }
  ul.si ul {
    list-style: url("/graphics/flags/16x11/white.png") disc;
  }
  ul.si ul li:hover {
    list-style: url("/graphics/flags/16x11/si.png") disc;
  }

  ul.uk {
    list-style: url("/graphics/flags/16x11/uk.png") disc;
  }
  ul.uk ul {
    list-style: url("/graphics/flags/16x11/white.png") disc;
  }
  ul.uk ul li:hover {
    list-style: url("/graphics/flags/16x11/uk.png") disc;
  }

  ul.us {
    list-style: url("/graphics/flags/16x11/us.png") disc;
  }
  ul.us ul {
    list-style: url("/graphics/flags/16x11/white.png") disc;
  }
  ul.us ul li:hover {
    list-style: url("/graphics/flags/16x11/us.png") disc;
  }

  ul.ve {
    list-style: url("/graphics/flags/16x11/ve.png") disc;
  }
  ul.ve ul {
    list-style: url("/graphics/flags/16x11/white.png") disc;
  }
  ul.ve ul li:hover {
    list-style: url("/graphics/flags/16x11/ve.png") disc;
  }

/*
  li.ca:before, .co, .ec, .fr, .es, .mx, .us, .ve {
	content: url("/graphics/flags/16x11/white.png");
  }

  li.ca:hover:before, .co, .ec, .fr, .es, .mx, .us, .ve {
	content: url("/graphics/flags/16x11/ca.png");
  }
*/
  
  div.olderstuff {
    border:2px solid #eee;
  }
  
  .tocbar {position: relative; width: 160px; border-style: none; text-align: center; z-index: 50}

  .tocimg {padding: 0px; vertical-align: bottom;}

  .avatarimg:hover { 
    z-index: 51;
  }

  .avatarimg span{ 
    position: absolute;
    background-color: white;
    padding: 5px;
    left: -1000px;
    border: 1px dashed gray;
    visibility: visible;
    color: black;
    text-decoration: none;
    z-index: 52;
  }

  .avatarimg:hover span{ 
    visibility: visible;
    top: 100px; /*position where enlarged image should offset vertically */
    left: 0px; /*position where enlarged image should offset horizontally */
  }

  .avatarimg img{
     padding: 0px; 
     vertical-align: bottom;
     border: 2px solid white;
  }

  .paddedimg {padding: 25px; float: right;}
  .onlypaddedimg {padding: 25px;}

  .dontdisplay {display: none;}

  .content {border-style: none; }
  .footer {position: relative; border-style: none;}

/*  
  .labrea {display: none;}
*/
  .labrea {visibility: hidden;}
  
  .small {font-size: 80%;}
  .center {text-align: center;}
  
  }

/* PRINT STYLE */
@media print {
  
  a:link,a:visited,a:hover,a:active {color: black; background: white; }
  a[href] { text-decoration: none;}
  
  body {color: black; background: white; font: normal 62.5% Serif;}
  h1 {
    margin: .5em 0 0 0;
    padding: .25em;
    border: 1px solid #eee;
    border-width:1px 1px 0;
    font-size: 2.4em;
    font-weight:normal;
    text-transform:uppercase;
    }
  h2 {
    margin:1.5em 0 .75em;
    font: 1.8em;
    text-transform:uppercase;
    letter-spacing:.2em;
    }
  h3 {
    margin:1.5em 0 .75em;
    font: 1.6em ;
    text-transform:uppercase;
    }
  h4 {
    margin:1.5em 0 .75em;
    font: 1.6em;
    }
  
  .bodyarea {position: absolute; top: 0px; left: 0px; background: white; border-style: none; visibility: visible; padding: 2em; font: 1.4em;}
  .tocbar {display: none;}
  .footer {display: none;}
  
  IMG {border-style: none; border-width: 0; padding: 0px; }
  IMG.middle {vertical-align: middle;}
  
  .paddedimg {padding: 2em; float: right;}
  .onlypaddedimg {padding: 2em;}
  .content {visibility: visible; }


  .small {font-size: 80%;}
  .center {text-align: center;}
  
}

/* HANDHELD STYLE */
@media handheld {
  /*  * {border: 0; margin:0; padding:0;}  */

  A:link {color: #000; border:1px solid #FFF; border-width: 0 1px 1px 0;}
  A:visited {color: #000; border:1px solid #FFF; border-width: 0 1px 1px 0;}
  A:hover {color: #000; background: #ddd; border:1px solid #777; border-width: 0 1px 1px 0;}
  A:active {color: #000; background: #bbb; border:1px solid #777; border-width:  1px 0 0 1px;}

  .toclink:link {color: #666; border:0px solid #FFF;}
  .toclink:visited {color: #333; border:none; }
  .toclink:hover {color: #777; background: none; border:0px solid #bbb;}
  .toclink:active {color: #777; background: none; border:0px solid #777; }
  
  IMG {border-style: none; border-width: 0; padding: 0px; vertical-align: bottom;}

  body {
    color: black;
    background: #bc7b36 url(/graphics/bg-wood3.jpg); 
    font: normal 62.5% "Trebuchet MS",Trebuchet,Arial,Verdana,Sans-serif;
  }

  h1 {
    margin: .5em 0 0 0;
    padding: .25em;
    border: 1px solid #eee;
    border-width:2px 0 0  2px;
    font-size: 2em;
    font-weight:normal;
    color:#666;
    text-transform:uppercase;
    }
  h2 {
    margin:1.5em 0 .75em;
    font: 1.8em;
    text-transform:uppercase;
    color:#999;
    }
  h3 {
    margin:1.5em 0 .75em;
    font: 1.6em;
    color:#999;
    }
  h4 {
    margin:1.5em 0 .75em;
    font: 1.4em;
    color:#999;
    }
  
  IMG.middle {vertical-align: middle;}
  
  .bodyarea {
    position: absolute;
    top: 10px; 
    left: 171px;
    background: url(/graphics/spiral-1.gif);
    border-style: none;
    font: 1.4em;
    visibility: visible;
    padding: 50px;
    z-index: 1;
  }

  table.hikedata {
    border:2px solid #eee;
    text-align: center;
    width: 100%;
  }

  ul.at {
    list-style: url("/graphics/flags/16x11/at.png") disc;
  }
  ul.at ul {
    list-style: url("/graphics/flags/16x11/white.png") disc;
  }
  ul.at ul li:hover {
    list-style: url("/graphics/flags/16x11/at.png") disc;
  }

  ul.be {
    list-style: url("/graphics/flags/16x11/be.png") disc;
  }
  ul.be ul {
    list-style: url("/graphics/flags/16x11/white.png") disc;
  }
  ul.be ul li:hover {
    list-style: url("/graphics/flags/16x11/be.png") disc;
  }

  ul.ca {
    list-style: url("/graphics/flags/16x11/ca.png") disc;
  }
  ul.ca ul {
    list-style: url("/graphics/flags/16x11/white.png") disc;
  }
  ul.ca ul li:hover {
    list-style: url("/graphics/flags/16x11/ca.png") disc;
  }

  ul.ch {
    list-style: url("/graphics/flags/16x11/ch.png") disc;
  }
  ul.ch ul {
    list-style: url("/graphics/flags/16x11/white.png") disc;
  }
  ul.ch ul li:hover {
    list-style: url("/graphics/flags/16x11/ch.png") disc;
  }

  ul.hr {
    list-style: url("/graphics/flags/16x11/hr.png") disc;
  }
  ul.hr ul {
    list-style: url("/graphics/flags/16x11/white.png") disc;
  }
  ul.hr ul li:hover {
    list-style: url("/graphics/flags/16x11/hr.png") disc;
  }

  ul.co {
    list-style: url("/graphics/flags/16x11/co.png") disc;
  }
  ul.co ul {
    list-style: url("/graphics/flags/16x11/white.png") disc;
  }
  ul.co ul li:hover {
    list-style: url("/graphics/flags/16x11/co.png") disc;
  }

  ul.cz {
    list-style: url("/graphics/flags/16x11/cz.png") disc;
  }
  ul.cz ul {
    list-style: url("/graphics/flags/16x11/white.png") disc;
  }
  ul.cz ul li:hover {
    list-style: url("/graphics/flags/16x11/cz.png") disc;
  }

  ul.de {
    list-style: url("/graphics/flags/16x11/de.png") disc;
  }
  ul.de ul {
    list-style: url("/graphics/flags/16x11/white.png") disc;
  }
  ul.de ul li:hover {
    list-style: url("/graphics/flags/16x11/de.png") disc;
  }

  ul.dk {
    list-style: url("/graphics/flags/16x11/dk.png") disc;
  }
  ul.dk ul {
    list-style: url("/graphics/flags/16x11/white.png") disc;
  }
  ul.dk ul li:hover {
    list-style: url("/graphics/flags/16x11/dk.png") disc;
  }

  ul.ec {
    list-style: url("/graphics/flags/16x11/ec.png") disc;
  }
  ul.ec ul {
    list-style: url("/graphics/flags/16x11/white.png") disc;
  }
  ul.ec ul li:hover {
    list-style: url("/graphics/flags/16x11/ec.png") disc;
  }

  ul.es {
    list-style: url("/graphics/flags/16x11/es.png") disc;
  }
  ul.es ul {
    list-style: url("/graphics/flags/16x11/white.png") disc;
  }
  ul.es ul li:hover {
    list-style: url("/graphics/flags/16x11/es.png") disc;
  }

  ul.fr {
    list-style: url("/graphics/flags/16x11/fr.png") disc;
  }
  ul.fr ul {
    list-style: url("/graphics/flags/16x11/white.png") disc;
  }
  ul.fr ul li:hover {
    list-style: url("/graphics/flags/16x11/fr.png") disc;
  }

  ul.hu {
    list-style: url("/graphics/flags/16x11/hu.png") disc;
  }
  ul.hu ul {
    list-style: url("/graphics/flags/16x11/white.png") disc;
  }
  ul.hu ul li:hover {
    list-style: url("/graphics/flags/16x11/hu.png") disc;
  }

  ul.it {
    list-style: url("/graphics/flags/16x11/it.png") disc;
  }
  ul.it ul {
    list-style: url("/graphics/flags/16x11/white.png") disc;
  }
  ul.it ul li:hover {
    list-style: url("/graphics/flags/16x11/it.png") disc;
  }

  ul.lu {
    list-style: url("/graphics/flags/16x11/lu.png") disc;
  }
  ul.lu ul {
    list-style: url("/graphics/flags/16x11/white.png") disc;
  }
  ul.lu ul li:hover {
    list-style: url("/graphics/flags/16x11/lu.png") disc;
  }

  ul.mx {
    list-style: url("/graphics/flags/16x11/mx.png") disc;
  }
  ul.mx ul {
    list-style: url("/graphics/flags/16x11/white.png") disc;
  }
  ul.mx ul li:hover {
    list-style: url("/graphics/flags/16x11/mx.png") disc;
  }

  ul.nl {
    list-style: url("/graphics/flags/16x11/nl.png") disc;
  }
  ul.nl ul {
    list-style: url("/graphics/flags/16x11/white.png") disc;
  }
  ul.nl ul li:hover {
    list-style: url("/graphics/flags/16x11/nl.png") disc;
  }

  ul.no {
    list-style: url("/graphics/flags/16x11/no.png") disc;
  }
  ul.no ul {
    list-style: url("/graphics/flags/16x11/white.png") disc;
  }
  ul.no ul li:hover {
    list-style: url("/graphics/flags/16x11/no.png") disc;
  }

  ul.pe {
    list-style: url("/graphics/flags/16x11/pe.png") disc;
  }
  ul.pe ul {
    list-style: url("/graphics/flags/16x11/white.png") disc;
  }
  ul.pe ul li:hover {
    list-style: url("/graphics/flags/16x11/pe.png") disc;
  }

  ul.pl {
    list-style: url("/graphics/flags/16x11/pl.png") disc;
  }
  ul.pl ul {
    list-style: url("/graphics/flags/16x11/white.png") disc;
  }
  ul.pl ul li:hover {
    list-style: url("/graphics/flags/16x11/pl.png") disc;
  }

  ul.se {
    list-style: url("/graphics/flags/16x11/se.png") disc;
  }
  ul.se ul {
    list-style: url("/graphics/flags/16x11/white.png") disc;
  }
  ul.se ul li:hover {
    list-style: url("/graphics/flags/16x11/se.png") disc;
  }

  ul.sk {
    list-style: url("/graphics/flags/16x11/sk.png") disc;
  }
  ul.sk ul {
    list-style: url("/graphics/flags/16x11/white.png") disc;
  }
  ul.sk ul li:hover {
    list-style: url("/graphics/flags/16x11/sk.png") disc;
  }

  ul.si {
    list-style: url("/graphics/flags/16x11/si.png") disc;
  }
  ul.si ul {
    list-style: url("/graphics/flags/16x11/white.png") disc;
  }
  ul.si ul li:hover {
    list-style: url("/graphics/flags/16x11/si.png") disc;
  }

  ul.uk {
    list-style: url("/graphics/flags/16x11/uk.png") disc;
  }
  ul.uk ul {
    list-style: url("/graphics/flags/16x11/white.png") disc;
  }
  ul.uk ul li:hover {
    list-style: url("/graphics/flags/16x11/uk.png") disc;
  }

  ul.us {
    list-style: url("/graphics/flags/16x11/us.png") disc;
  }
  ul.us ul {
    list-style: url("/graphics/flags/16x11/white.png") disc;
  }
  ul.us ul li:hover {
    list-style: url("/graphics/flags/16x11/us.png") disc;
  }

  ul.ve {
    list-style: url("/graphics/flags/16x11/ve.png") disc;
  }
  ul.ve ul {
    list-style: url("/graphics/flags/16x11/white.png") disc;
  }
  ul.ve ul li:hover {
    list-style: url("/graphics/flags/16x11/ve.png") disc;
  }

  
  div.olderstuff {
    border:2px solid #eee;
  }
  
  .tocbar {position: relative; width: 160px; border-style: none; text-align: center; z-index: 50}

  .tocimg {padding: 0px; vertical-align: bottom;}

  .avatarimg:hover { 
    z-index: 51;
  }

  .avatarimg span{ 
    position: absolute;
    background-color: white;
    padding: 5px;
    left: -1000px;
    border: 1px dashed gray;
    visibility: visible;
    color: black;
    text-decoration: none;
    z-index: 52;
  }

  .avatarimg:hover span{ 
    visibility: visible;
    top: 50px; /*position where enlarged image should offset vertically */
    left: 0px; /*position where enlarged image should offset horizontally */
  }

  .avatarimg img{
     padding: 0px; 
     vertical-align: bottom;
     border: 2px solid white;
  }

  .paddedimg {padding: .25em; float: right; width: 80px; height: 60px;}
  .onlypaddedimg {padding: .25em;}

  .dontdisplay {display: none;}

  .content {border-style: none; }
  .footer {position: relative; border-style: none;}

  .labrea {visibility: hidden;}
  
  .small {font-size: 80%;}
  .center {text-align: center;}
  
}


