body {background: #2d2d2d url('bg.jpg') no-repeat top center; font-weight: 300; color: #ffffff;}
#page {padding: 30px; margin-left: auto; margin-right: auto;}
#header {text-align: center; padding-bottom: 1.0em; text-shadow: 1px 1px #000000;}
#jrb {font-size: 1.6em; line-height: 1.6em;}
#footer {text-align: center; margin-top: 20px; padding-top: 20px; padding-bottom: 20px; background-color: #000000;}
p {font-size: 1.1em; line-height: 1.8em; padding-bottom: 1.4em; display: inline;}

.nofull {display: none; visibility: hidden;}
.uc {text-transform: uppercase;}

.fact {display: table; float: left; margin: 15px; width: 227px; height: 227px; border: 1px solid #000000; position: relative; text-align: center; background: #ffffff url(spacer.gif) no-repeat top left;}
.mid {display: table-cell; vertical-align: middle; color: transparent; background-color: #000000; opacity: 0; padding: 10px;}
.fact a {text-decoration: none;}

#otm {background-image: url(otm.png);}
#crossdogs {background-image: url(crossdogs.jpg);}
#ehj {background-image: url(ehj.png);}
#tfn {background-image: url(tfn.jpg);}
#ravines {background-image: url(ravines.jpg);}
#waystation {background-image: url(monarch_waystation.jpg);}
#todmorden {background-image: url(todmorden.jpg);}
#beechwood {background-image: url(beechwood.jpg);}
#trca {background-image: url(trca.jpg);}
#linkedin {background-image: url(linkedin.png);}
#instagram {background-image: url(ig.png); background-color: transparent; border-color: transparent;}
#facebook {background-image: url(facebook.png);}
#flickr {background-image: url(flickr.jpg);}
#googleplus {background-image: url(googleplus.png);}
#pinterest {background-image: url(pinterest.png);}

#otm .mid:hover {color: #ffffff; opacity: 0.92;}
#crossdogs .mid:hover {color: #ffffff; opacity: 0.79;}
#tfn .mid:hover {color: #ffffff; opacity: 0.88;}
#trca .mid:hover {color: #ffffff; opacity: 0.88;}
#ravines .mid:hover {color: #ffffff; opacity: 0.92;}
#waystation .mid:hover {color: #ffffff; opacity: 0.92;}
#todmorden .mid:hover {color: #ffffff; opacity: 0.92;}
#beechwood .mid:hover {color: #ffffff; opacity: 0.92;}