/*   This is the additional  */
		/*     formatting for the    */
		/*    Tree Medicine Pages    */

p {
  font-size: 1.5em;
  font-weight: normal;
  text-align: center;
  color: black;
}

.trans {
  background: rgba(74,85,79,0.2);
  margin-left: auto;
  margin-right: auto;
  border-radius: 1.25em / 1.0em;
  border: 0px solid white;
  text-align: center;
  width: 60%;
  clear: both;
  display: block;
  float: none;
  padding: 2%;	
}
	
.transtrees{
    background: rgba(74,85,79,0.2);
	margin-left: auto;
	margin-right: auto;
    border-radius: 1.25em / 1.0em;
	border: 0px solid white;
	text-align: center;
	width: 90%;
    clear: both;
    display: block;
    float: none;
	padding: 1%;	
    }

a.treelink:link, a.treelink:visited{
  color: black;
  font-size: 1.5em;
  font-weight: normal;
  text-align: center;
  text-decoration: none;
  padding: 10px 10px;
  border: 0px;
  border-radius: 20px;
}

a.treelink:hover {
	color: black;
	text-decoration: none;
	background-color: rgba(0,0,0,0.3);
}

a.treelink:active {
	color: black;
	text-decoration: none;
}

div.innerbox img {
	border-radius: 1.5em / 1.25em;
	border: 3px solid #000000;
	max-width: 100%;
	height: auto;
}

#treetable {
  max-width:900px;
  margin-left: auto;
  margin-right: auto;
}
  
.treebutton {
  width: 19%;
  display:inline-block;
}

#alderbox, #applebox, #ashbox, #birchbox, #blackthornbox, #elderbox, #furzebox, #hawthornbox, #hazelbox, #heatherbox,
#hollybox, #ivybox, #oakbox, #poplarbox, #reedbox, #rowanbox, #silverfirbox, #vinebox, #willowbox, #yewbox {
  cursor:pointer;
  background-image: url("cardback.jpg");
  background-position: left top;	
  margin-left: auto;
  margin-right: auto;
  border-radius: 1.5em / 1.25em;
  border: 0px solid #000000;
  box-shadow: 6px 6px 6px 4px rgba(0,0,0,0.4);
  text-align: center;
  max-width: 410px;
  height: 600px;
  clear: both;
  display: block;
  float: none;
  padding: 0px;	
}
    
#aldercard, #applecard, #ashcard, #birchcard, #blackthorncard, #eldercard, #furzecard, #hawthorncard, #hazelcard, #heathercard,
#hollycard, #ivycard, #oakcard, #poplarcard, #reedcard, #rowancard, #silverfircard, #vinecard, #willowcard, #yewcard {
  margin-left: auto;
  margin-right: auto;
  border-radius: 1.5em / 1.25em;
  border: 0px solid #000000;
  text-align: center;
  max-width: 100%;
  clear: both;
  float: none;
  padding: 0px;	
  display: none;
}
     
#alder, #apple, #ash, #birch, #blackthorn, #elder, #furze, #hawthorn, #hazel, #heather, #holly, #ivy, #oak, #poplar, #reed, #rowan, #silverfir, #vine, #willow, #yew {
  margin-left: auto;
  margin-right: auto;
  border-radius: 1.5em / 1.25em;
  border: 0px solid #000000;
  box-shadow: 6px 6px 6px 4px rgba(0,0,0,0.4);
  max-width: 90%;
  padding: 20px;
  margin-top: 20px;
  display: none;
}

a.closetree:link, a.closetree:visited {
  color: black;
  font-size: 1.5em;
  font-weight: normal;
  text-align: center;
  text-decoration: none;
  padding: 10px 10px;
  border: 0px;
  border-radius: 20px;
}

a.closetree:hover {
	color: black;
	text-decoration: none;
	background-color: rgba(0,0,0,0.3);
}

a.closetree:active {
	color: black;
	text-decoration: none;
}