/* CSS for the front page */

body {background-image: none;}

#patchworkContainer {overflow: hidden; height: 558px;}
#patchwork {margin: 0; padding: 0; width: 1302px; margin: 0 0 0 -651px; position: relative; left: 50%;}
#patchwork li {display: block; list-style-type: none; float: left; padding: 0; margin: 8px; width: 170px; height: 170px; overflow: hidden; background-position: top left; background-repeat: no-repeat;}
#patchwork li:hover {background-position: bottom left; -moz-box-shadow: 0 0 10px #ffffff;}
#patchwork li.first {clear: left;}
#patchwork li a {font-size: 1.5em; text-decoration: none; color: #00499B;}
#patchwork li a span {/*display: none;*/ display: block; padding: 110px 5px 0 5px; letter-spacing: -0.06em; text-align: center; font-weight: bold; opacity: 0.4;}
#patchwork li a:hover span, #patchwork li:hover a span {/*display: block;*/ opacity: 1;}
.blue {background: #00A0FF;}
.green {background: #B1DB21;}
.stitching {display: block; margin: 5px; width: 156px; height: 156px; border: 2px dashed #000000;}
.blue .stitching {border-color: #B1DB21;}
.green .stitching {border-color: #00499B;}
#cat1 {background-image: url(origins.jpg)}
#cat2 {background-image: url(angel-icon.jpg)}
#cat3 {background-image: url(sycamore-icon.jpg)}
#cat4 {background-image: url(prayer-icon.jpg)}
#cat5 {background-image: url(volunteers-icon.jpg)}
#cat6 {background-image: url(offenders-icon.jpg)}
#cat7 {background-image: url(pfnow-icon.jpg)}
#cat8 {background-image: url(PFI-icon.jpg)}
#cat9 {background-image: url(partnerships-icon.jpg)}